<aside> <img src="https://s3-us-west-2.amazonaws.com/secure.notion-static.com/4ece0312-5ee6-46eb-b619-f3668be0fb0f/.png" alt="https://s3-us-west-2.amazonaws.com/secure.notion-static.com/4ece0312-5ee6-46eb-b619-f3668be0fb0f/.png" width="40px" /> Иконки всего интерфейса должны быть выполнены в единой стилистике и с одинаковыми параметрами. Это создает узнаваемый стиль и позволяет пользователю быстрее понять, на что можно нажать.

</aside>

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

Стилистика Залитые, с обводкой, реалистичные и так далее

Детализация Минималистичные, детализированные

Цвет Один цвет, несколько цветов, многоцветные

Скругления Без скруглений или радиус скругления в пикселях

Толщина обводки Без обводки или определенная толщина в пикселях

Размер Основные размеры: 24, 32, 48, 64, 96, 128, 256, 512, 1024 px

Примеры

Иконки, сделанные с обводкой, 96 на 96 пикселей, толщина обводки и размер скруглений 4px

Иконки, сделанные с обводкой, 96 на 96 пикселей, толщина обводки и размер скруглений 4px

Залитые, геометричные иконки с острыми углами

Залитые, геометричные иконки с острыми углами

Двухцветные иконки со скругленными углами, обводкой и цветной тенью

Двухцветные иконки со скругленными углами, обводкой и цветной тенью

Черно-белые иконки с острыми углами и равным соотношением черного и белого

Черно-белые иконки с острыми углами и равным соотношением черного и белого


Назад

Аберрация двух цветов

Вперед

Кладбище логотипов


Мы Воробушки 🐦 Путешествуем по России на автодоме и рассказываем про визуальный дизайн в интерфейсах