November 3, 2020

Иконки

https://bureau.ru/soviet/selected/nina-papchenya/vazhnoe-ob-ikonkah/

Удачно подобранная иконка хорошо заменяла собой слово или функцию и освобождала место для рабочего пространства на небольших экранах.

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

У меня есть список штук, помогающих объединить иконки в набор:

  • Стиль (кляксы, линии, пиксели...)
  • Минимальная толщина линий и минимальная точка
  • Скругления
  • Концевые элементы
  • Правила пересечения
  • Детализация (чем больше набор, тем больше разброс)
  • Визуальный вес
  • Цвет (1, 2, палитра, градиенты)
  • Графические рифмы (похожее → одинаковое)
  • Сетка
  • Всё остальное

Когда большинство пунктов согласованы, даже разный стиль не мешает иконкам дружить

Лучший пример — лупа в начале поля ввода. Она в масштабе строки, но обязана быть крупнее, иначе будет бяка».


Я могу и не рассматривать иконки, инфографику, картинки и прочее - но с ними просто интереснее, чем со сплошным пластом текста.


крутые иконки у yandex
в системе apple