Иконографика

Принципы построения

Особенности формы

Пиктограммы плотные и геометричные. Главная визуальная отличительная особенность — соотношение математически верных круглых форм и жестких геометричных углов.

Настроение

Минималистичность выразительных средств позволяет пиктограммам быть легко считываемыми и сохранять баланс между нейтральностью и запоминаемостью.

Линейность

Все пиктограммы внутри одного набора выполнены одной толщиной линии: для набора 16px толщина линии равна 1px, для наборов 24 и 32px толщина линии равна 2px.

Внутри одного набора пиктограмм использование разных по толщине линий недопустимо.

Внутри одного набора пиктограмм использование разных по толщине линий недопустимо.

Попадание в пиксельную сетку

При отрисовке пиктограмм необходимо включить отображение пиксельной сетки, и рисовать графику ровно по ней в режиме Stroke.

Замкнутость

Формы пиктограмм замкнуты, разрыв контура допускается в исключительных случаях, для облегчения общей оптической плотности графики.

Масштабирование

Пиктограммы могут быть трёх размеров: 16px, 24px, 32px. Cетка для 16px считается базовой для разработки новых пиктограмм.

Размер 16px

Сетка 20px

Размер 24px

Сетка 32px

Размер 32px

Сетка 40px

Финализация

Для того, чтобы новые пиктограммы вписывались в существующий набор, следует проверять пиктограммы на соответствие следующим правилам.

Отсутствие скруглений

Не стоит делать пиктограммы, у которых отсутствуют скруглённые элементы.

Двухмерность пространства

Не допускаются объемные повороты или ракурсы, пиктограммы строго 2D.

Минимализм

Если от элемента графики можно отказаться, не потеряв смысл пиктограммы — значит, этот элемент подлежит удалению.

Геометрия

Следует избегать негеометричных и живых линий.

Создавайте понятные иконки
для решения задач компании

Смотреть иконки