Создание иконок приложений

Иконки графически изображают функции приложения. Они упрощают понимание интерфейса и ускоряют поиск нужных функций внутри него. Внешняя иконка для рабочего стола это еще и логотип самого приложения. Такая иконка может быть абстрактной и не привязанной к функционалу. Например, иконка Firefox никак не связана с интернет-серфингом. Но иконка «История» внутри этого браузера открывает историю посещений и она отрисована в виде журнала.   Чем больше функций охватывает приложение, тем больше иконок нужно чтобы их обозначить. Иконка — дорожный знак, который не дает пользователю потеряться среди множества функций.

Количество. Мультифункциональное приложение нуждается в большом пакете иконок. 100 и больше единиц для обозначения каждой функции, которая выполняет только одно действие. Хорошая иконка занимает намного меньше места, чем текст, но объясняет не хуже.

Утилитарность. Версия приложения иногда меняется вместе с функциями. Тогда старая иконка теряет актуальность. Но если пакет иконок был минималистичным и утилитарным, то устаревшую иконку проще удалить и нарисовать новую. Утилитарные иконки для приложений нужны для описания множества функций.  

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

Альтернативные наборы. Если вы заказываете разработку дизайна иконок для готового интерфейса, то он и продиктует их стиль. Но бывают и другие задачи, когда вы не можете сразу выбрать между плоскими и объемными иконками.   Дизайн иконки приложения создается также, как и любой другой графики, поэтому количество концептов увеличивает стоимость создания иконок.

Предварительный анализ. Мы рассматриваем приложение, как среду с собственной экосистемой стилей. Мы отмечаем характеристики UI-дизайна и пишем ТЗ для художника по иконкам. Если задача — разработать иконки для Андроид или другую мобильную платформу, то мы учитываем сенсорность смартфонов и делаем иконки крупнее.  

Отрисовка концептов. Хорошая графика начинается с наброска, рисуются художественные изображения и создаются графические образы, которые станут основой для иконок. Для этого используются референсы — фото предметов, которые связаны с функцией приложения или легко с ним ассоциируются. Например рисунок «ведро с краской» для инструмента «заливка цветом». Если интерфейс утилитарный, то художник создает несколько прототипов в векторном редакторе и выбирает подходящий.

От изображения к символу. Иконка — это специальный рисунок. Здесь дизайнер работает с маленькими — 64x64, 32x32 размерами. При таком разрешении, детали просто шумят — разбивают общий контур рисунка и усложняют его восприятие. Поэтому художественные концепты разбиваются на геометрические примитивы — круги, треугольники и квадраты. Крупные элементы вписывается в них, а незначительные детали — удаляются. Обычно, остаются только 1-2 крупных ярких деталей, которые запомнятся — это важно, когда разрабатываются иконки для андроид и других портативных ОС.  

Тестирование на фокус-группе. Иконки оцениваются по критерию распознавания — считывает ли пользователь иконку как символ функции, которая она подразумевает. Другой критерий — оценка эстетичности, мы так и спрашиваем у аудитории —  «нравятся ли вам эти иконки». Мы приглашаем тестировать иконки для Android и iOS пользователей, который предпочитают одну из платформ и в жизни.  

Презентация заказчику. Когда пакет иконок полностью готов к загрузке в интерфейс, мы презентуем заказчику основной и альтернативные концепты иконок. Если иконки нравятся, то наша работа завершается.

Контактная информация:

hello@koloro.ru

+7 (499) 112 08 50