Апр 24, 2020

Как создать уникальную иконку для приложения

Frame 1 13 1 - Как создать уникальную иконку для приложения

Просматривая сторы, мы еще не знаем, какой дизайн и функции есть у приложений. Первое, что мы видим — их иконки. Это небольшие картинки, представляющие приложение в Google Play или App Store, и устройстве пользователя. Эта деталь кажется совсем небольшой, однако играет важную роль в привлечении внимания пользователя. Если вскоре вам предстоит создать свой первый дизайн иконки мобильного приложения, у нас есть несколько советов для вас.

Этапы работы над иконкой приложения

Все должно работать как часы: от правильной постановки задачи, до выстроенной коммуникативной цепочки внутри вашей компании. Работу по созданию иконки можно разбить на основные этапы:

  1. Изучение аудитории.
  2. Анализ тематики, ниши и конкурентов.
  3. Составление карты ассоциаций.
  4. Разработка образа.
  5. Комбинирование разных образов, их взаимодействие и трансформация.
  6. Скетчи.
  7. Прорисовка в редакторе нескольких итоговых вариантов.
  8. A/B-тестирование иконок.
  9. Релиз в сторе.

Примерно такие этапы вам нужно будет пройти во время создания иконки своего приложения. Теперь давайте рассмотрим основные правила и советы для дизайна хорошей иконки.

Frame 2 70 1024x341 - Как создать уникальную иконку для приложения

Знайте свою аудиторию и конкурентов

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

Frame 2 75 1024x341 - Как создать уникальную иконку для приложения

Следуйте требованиям сторов

Перед созданием иконки также внимательно изучите правила магазинов приложений. Сначала может показаться, что нужна лишь одна небольшая квадратная картинка со стороной 57 пикселей, которую пользователи привыкли видеть в своих iPhone и iPad, но все намного сложнее. 

Нужен целый набор исходных графических файлов, максимальный размер которых может достигать 2048 пикселей. И у каждого стора свои требования, например, в Google Play нужно всего 5 размеров, а в App Store — 9. Подробные требования вы можете найти в гайдлайнах Material Design для Android и iOS Human Interface от Apple.

Frame 2 72 1024x341 - Как создать уникальную иконку для приложения

Не забывайте про единый дизайн

Когда пользователь видит вашу иконку, он должен понимать, о чем приложение и как оно ассоциируется с вашим продуктом или брендом. Используйте брендовые цвет. Лучше всего, когда значок универсально читаться, независимо от языка и культуры пользователей. Эффективность иконки приложения зависит от того, насколько точна ваша идея. Можно привести YouTube в качестве отличного примера. Они взяли легко узнаваемую кнопку Play и сделали ее не только своим логотипом, но и иконкой.

Создавайте иконки приложений без лишнего текста

Не стоит пытаться уместить целое название компании в небольшую иконку. Мелкий текст тяжело читать, и его использование создает проблемы в случае локализации, если, например, приложение выйдет для китайского рынка. При этом вы можете использовать одну или две первые буквы из названия компании, как это делают Facebook, Tumblr и Pinterest.

Frame 2 71 1024x341 - Как создать уникальную иконку для приложения

Не используйте все цвета одновременно

Увеличивая количество используемых цветов, вам будет трудно остановиться. Избегайте использования всех цветов радуги в одной иконке. Обычно достаточно не более 2-3 основных цветов, которые показывают ваш бренд. Иконка должна читаться, а не стать непонятным цветным пятном. Помните: меньше — лучше.

READ  Как работает платежное P2P-приложение Square Cash?
READ  Как использовать виртуальную реальность в приложениях

Уделите внимание контрасту с фонами

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

Frame 2 73 1024x341 - Как создать уникальную иконку для приложения

Иконка должна показывать главную функцию приложения

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

Frame 2 74 1024x341 - Как создать уникальную иконку для приложения

Не бойтесь изменений

По информации сервиса StoreMaven, который проанализировал реакцию 500 млн юзеров на сотне лидирующих приложений, изменение иконки в среднем может привести к увеличению конверсии из просмотра в скачивание на 18% в App Store и на 11% в Google Play. Поэтому если у вас уже есть приложение, а иконка устарела — самое время ее поменять. И не забывайте, тенденции меняются, и со временем даже самый актуальный дизайн устареет. 

Основные тренды в дизайне иконок

Дизайн — сфера, в которой тенденции меняются с большой скоростью. Не стоит стараться следовать всем новшествам одновременно, но стоит быть в курсе событий. Вот несколько последних трендов в создании иконок для приложений, которые можно взять на заметку.

Упрощайте

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

Frame 2 76 1024x341 - Как создать уникальную иконку для приложения

Выделите детали

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

Frame 2 77 1024x341 - Как создать уникальную иконку для приложения

Градиент

Давайте вспомним иконку Instagram. Они добавили градиент в логотип еще пару лет назад, задав тем самым тенденцию, которая до сих пор актуальна. Также используйте градиенты, чтобы добавить объема изображению, но не переборщите.

Frame 2 78 1024x341 - Как создать уникальную иконку для приложения

Попробуйте неоновые оттенки

Это еще один из трендов этого года, который затронул и иконки. Яркими неоновыми цветами можно отлично оживить минималистичные логотипы. Например, этим приемом воспользовались дизайнеры Spotify. Неоновый зеленый стал основой для их лого.

Frame 2 80 1024x341 - Как создать уникальную иконку для приложения

Подведем итоги

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