Иконки - недооценённый инструмент интерфейса и айдентики

Разработка пиктограмм/иконок затянула меня ещё в университете. У меня были серьёзные преподаватели, прошедшие классическую школу в «Мухе» и «Строгановке». Первые несколько курсов они нас заставляли все пиктограммы и шрифты проектировать и отрисовывать «ручками», как было у них во время обучения. Это было ещё то мучение одновременно – удовольствие :). Мы изучали пиктограммы Олимпийских игр и лучшие образцы систем навигации, аэропортов мира, дорожных карт.

За 15 лет работы я понял особую роль иконок при создании единого стиля, образа в айдентике компании или продукта. За последние 2 года мы в Design Couple разработали семью иконок (более 1 тыс. в нескольких размерах) для интерфейса, упаковки и технической документации для Берлинской группы компаний BBG.

Замечаю одну проблему во многих крупных компаниях, банковских приложениях и веб-сайтах. Пример: разные толщины и стили иконок, то есть нет единства, что, в свою очередь, формирует дополнительный шум в интерфейсе, эстетические качества разрушаются, а это сейчас важный нюанс, тем более если это приложение. Отдельная история с образами иконок и нахождение баланса между «привычным» и «оригинальным» решениями. С форматами сложности не меньше: часто используются бесплатные или низкокачественные иконки со стоков. Это приводит к «расползанию» svg. К публикации прикрепил один из моих самых любимых заказов на разработку иконок для сети магазинов «Радио Маркет»

Где же используются иконки или пиктограммы?

  • Интерфейсы приложений, веб-сайтов, пром. оборудования

  • Упаковка и этикетка

  • Система навигации (торговый центр, общественнное пространство, жилой комплекс)

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

  • Айдентика компании

#interface #icondesign #ux #ui

Иконки - недооценённый инструмент интерфейса и айдентики | Сетка — социальная сеть от hh.ru