• Иконки приложений

  • Пятно

  • Иконки приложений

  • Пятно

Прошлый совет был посвящён цвету. Сегодня поговорим о пятне — самой пренебрегаемой частью иконографики.

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

В изобразительном искусстве существует техника рисования «от пятна»: художник примерно набрасывает на холст краску в форме того, что должно получиться, а потом постепенно уточняет контур и добавляет детали.

Одно из бесконечных видео о технике рисования от пятна

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

Яндекс еда, Ютуб, Апп стор

Иконка с плохим пятном теряет узнаваемость и перестаёт читаться.

Мой налог, Компас, Аппметрика
Оригинальные иконки Моего налога, Компаса и Аппметрики

Мой любимый пример — МТС. Пока все изображают светлое пятнышко логотипа в центре залитого фирменным цветом квадрата, МТС разбрасывает буквы по углам своей иконки:

Иконку МТСа можно упростить до абсолютной бесформенности, лишить цвета, но она сохраняет композиционную узнаваемость

Ещё один нестандартный пример — Озон. Убираем цианово‑маджентовую зебру, лишаем буквы форм, но композиционно, на уровне пятна, иконка остается Озоновской:

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

ИконкиГрафикаПиктограммы
Отправить
Поделиться
Запинить

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