Школа
Дизайн

Как подружить иконки. Цвет

29 авг 2020
👁 9458   🗩1
Дизайн

Как подружить иконки. Цвет

29 авг 2020
👁 9458   🗩1
Сергей Чикин
Дизайнер‑иконист, автор курса «Пиктограммы и системы знаков»
Полезно
 37
37
Непонятно
  
Войдите в Бюросферу, чтобы голосовать

Объекты одного цвета кажутся связанными. Объекты с одной цветовой схемой связываются ещё сильней. Самый простой способ забрендировать пиктограммы — покрасить контуры в два фирменных цвета:

Студенческий проект
Альфабанк

Градиенты выглядят ещё более убедительными и брендируют сильней:

Дружат не только одинаковые цвета, но и цвета с одинаковыми свойствами. Группа пастельных оттенков — цвета из верхней части спектра:

Пастельные тона

...или яркие спектральные цвета. Очевидно, какие два цвета при желании можно добавить на эту стену детских кроссовок?

Круги покрашены в спектральные цвета на изломах Линии Силы.

Принцип группировки цветов может быть любым. От квадратов, триад и дополнительных цветов на круге Иттена:

...до айосовских градиентов с небольшим смещением оттенка:

Можно ограничить рандомную область спектра и использовать цвета только из этой области:

При достаточном количестве иконок глаз найдёт любую хитровкрученную закономерность. Но чем проще цветовая схема, тем сильнее каждая отдельная иконка кричит о своём происхождении.

P. S. Это был иконочный совет. Пилите пиктограммы в интерфейсах? Заказчик ругается на иконки? Графика не цепляет? В чём сила, брат? Присылайте вопросы

ИконкиГрафика
Полезно
 37
37
Непонятно
  
Войдите в Бюросферу, чтобы голосовать
Отправить
Поделиться
Поделиться
Запинить
Твитнуть

Комментариев пока нет

Цель рубрики — обсуждение вопросов дизайна, веб-разработки, переговоров, редактуры и управления.
Комментарии модерируются. Мы публикуем комментарии, которые добавляют к уже сказанному новые мысли и хорошие примеры.

Рекомендуем другие советы