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

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

Основные характеристики иконок

Общий стиль

Иконки выполнены в линейном стиле и имеют технический характер. Их применение в иллюстративных целях не допускается.

Толщина линий

Базовая толщина линии при размере иконки 64×64 рх — 2 px. Ее изменение запрещено.

Негативное пространство между элементами внутри иконки — не менее 2 рх.

Размер и сетка

Каждая иконка строится в рамках квадратной сетки. Построение ведется на сетке с модулем в 4 рх. Ее базовый размер — 64×64 px.

Между иконкой и границей фрейма — не менее 2 рх свободного пространства.

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

Иконки выполнены в линейном стиле и имеют технический характер. Их применение в иллюстративных целях не допускается.

Допускается пропорциональное масштабирование до минимального рекомендуемого размера иконки в 32×32 px.

Оптический объем

Иконки имеют оптический объем, соответствующий кругу или квадрату.

Среди иконок соблюдается одинаковая визуальная плотность, они не должны содержать излишнее количество деталей.

Геометрия форм

Базовое скругление углов — 4 px (иконка 64×64 рх) или кратное числу 4. Если отдельный элемент иконки меньше 8 рх, допускается скругление, r = 2 px.

Также соединения и окончания линий должны быть скругленными (кроме работы с модульными иконками).

Модульность иконок

Концепция
  • Иконки, предусматривающие модульную структуру, состоят из двух основных компонентов: основы и атрибута (модуля).

  • Основа содержит ключевую информацию об отражаемой иконке и неизменна.

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

  • Атрибут может отличаться по цвету от основы согласно контрасту палитры.

Пропорции и расположение
  • Атрибут может быть заключен в круглую или квадратную форму либо образовывать самостоятельную простую фигуру (не допускается излишняя детализация атрибута).

  • Визуально атрибут не может занимать больше 30% от иконки.

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

  • В случае пересечения атрибутом основы иконки применяется операция вычитания фигур.

Контрастность палитры

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

Размещение на фоне фотографии

Для размещения на фотографии необходимо выбирать место с ровно залитым фоном нейтрального цвета в соответствии с принципами читаемости.

расположение на светлом фоне
Ключевые показатели компании
расположение на сложном фоне
Ключевые показатели компании
расположение на темном фоне
Ключевые показатели компании

Примеры некорректного использования иконок

антипример
антипример
антипример
антипример
антипример
антипример

Библиотека иконок

Финансы и экономика

инвестиции
бюджет
доходы
Диаграмма роста
Диаграмма спада
Диаграмма ₽
Диаграмма ¥
Диаграмма $
Гистограмма
Налоговый документ
Сейф
Отчет
Бюджет
Калькулятор
Курс валют
Финансовая цель
Субсидия
Инвестиции
Процент
Выручка

Образование и развитие

лекция
студент
программа
Студенты с книгой
Студент
Преподаватель
Курсор на экране
Микроскоп
Диплом
Лекция

Инфраструктура и технологии

площадь
ворота
давление на пол
Площадь
Размер
Площадь 2
Линейка
Высота
Блок-схема
Электростанция 1
Контейнеры
Котейнерный кран
Электричество
Схема
Процессор
Микстура
Вентилятор
Водосточная система
Счетчик
Огнетушитель
Камера наблюдения
Робот KUKA
Парковка
Пароход
Поезд
Нагрузка
Кран
Контейнер
Электростанция 2
Электростанция 3
Компьютер
Грузовить
Ворота 2
Ворота 1

Роли и взаимодействие

совещание
визитка
руководитель
Работник
Рукопожатие
Пропуск
Онлайн-встреча
Инструкция
Резюме

Разное

совещание
визитка
руководитель
Вход
Навигация
Информация
Скопировать
Растение
Огонь
Молния
Солнце
Дом
Часы
Капля

*Библиотека иконок периодически пополняется.