Нужно 8 иконок для веб-сервиса.

Вот стиль на который нужно ориентироваться. Это со старого дизайна фб, как видно. Большая просьба обратить внимание на все детали. Контуры, объем, цвета, пропорции, перспектива, тени, и т.д. Это важно.


image


У меня уже есть набор иконок в этом стиле. Но его нужно перерисовать/дорисовать:


image


***


Формат и качество:

Вектор. Понадобятся исходники по окончанию работы. Размер нужен 24х24.

Требования к качеству:

  • Не должно быть лишних элементов которые никак не отображаются. Потому что иначе это приводит к проблемам при отрисовке в браузере. Изображение начинает расплываться на маленьком масштабе если в нем слишком много деталей которые фактически не видны. Это зависит от деталей конечно. Если просто использовать прямоугольный фон, то проблемы может и не быть. А если у вас фигура прямоугольника выходит за рамки иконки, то например наружный контур иконки может расплыться как раз в месте где фигура выходит за рамки.
  • Используйте по максимуму четные размеры в пикселях (т.е. 2, 4, 6, ) вместо нечетных (1, 3, 5). Возможно это не всегда имеет смысл, но в целом четные размеры рисуются четче. Также не допускайте дробных значений. Вроде 2.35px. Используйте только целые значения. К примеру, иконка "Image" на скрине выше была нарисована автором с использованием дробных значений ширин. В итоге, при масштабировании в 2х она расплывалась. После того как я исправил размеры на целые значения, расплываться перестала. Для справки, речь идет о сглаживании.
  • Также, задача -- максимально соблюсти стиль. Для ориентировки пробуйте подставлять свои иконки вместо каких-нибудь фб иконок на первом скриншоте. В идеале, они вообще не должны выбиваться из стиля. 


Описание иконок:

1. Панель управления

Круглая панель с одной квадратной кнопкой (только не красной). В перспективе и объеме. Пример:

image


2. Участники пространства

Астронавт в шлеме. Для ориентировки смотрите на иконку "Friend Lists" на первом скрине. Учтите тени. Можно в тех же цветах. Пример:
image


3. Папка

Её нужно перерисовать. Сейчас выбивается из стиля.


4. Изображение

Перерисовать как есть. Стиль в порядке. Просто нужно перерисовать под размер.


5. PDF

Перерисовать как есть, но качественно. На скрине видно что она расплылась.


6. Страница

Та же ситуация что и с PDF. Оставить так же, нужно просто качество и соответствующий размер.


7. Видео

Перерисовать как есть. Стиль в порядке. 


8. Нераспознанный файл

На скриншоте пункта под нее нет. Просто кубик нарисовать приблизительно вот в такой перспективе, серого цвета и со знаком вопроса.

image
Обновления
Обновление #1

Согласен с комментарием в обсуждении. Имеет смысл сфокусироваться только на первых трех иконках, (которые нужно рисовать с нуля), потому что остальные - это перерисовка как есть(кроме 8й, но она тривиальная)

19 апреля 2021, 16:29
Обновление #2

(А остальные иконки дорисовать после)

19 апреля 2021, 16:30
Обновление #3

Я до конца недели не буду комментировать по работам, потому что не удобно переключать внимание между своей работой и этим конкурсом.

19 апреля 2021, 17:32
Обновление #4

Уже определился с исполнителем. Не вижу как закрыть конкурс чтобы остальные участники не тратили время, так что пишу здесь. Всем спасибо!

19 апреля 2021, 21:40