Искусство иконок в App Store
Опубликовано: 2020-04-14Иконки в магазине приложений — это лицо приложений. Вся ваша тяжелая работа и все ваши часы GitHub сводятся к небольшому квадрату 1024 x 1024. Создание отличной иконки считается одним из лучших способов оптимизации магазина приложений (ASO). Перевод? Ваша икона — последнее, что стоит между разработчиками и богачами, живущими за чертой бедности. Итак, мы рассмотрим несколько лучших практик, которые вы можете применить, чтобы ваш дизайн иконок (метафорически) сиял.
Почему это важно
Изображение через Flickr
Прежде чем мы перейдем к тому, что Apple говорит об иконках (немного) и что другие люди говорят об иконках (много и много), почему дизайн иконок так важен? Это справедливый вопрос.
Во-первых, изображение говорит за тысячу слов, и если пользователь просматривает десятки или сотни приложений одновременно, то ваша иконка должна выделяться. Это довольно очевидно. Эта проблема стала еще более актуальной с тех пор, как Apple выпустила обновление iOS 8 еще в 2014 году. Переход на непрерывную прокрутку означает, что пользователи могут перемещаться по приложениям намного быстрее, чем раньше.
Результат? Меньше времени на приложение, так что вам действительно нужно прибить свои фотографии и скриншоты.
Что Apple должна сказать
Итак, что Apple может сказать по этому поводу? Бегло взгляните на библиотеку разработчиков iOS, и там есть целый раздел, посвященный значкам приложений. Большая часть из них посвящена тому, чтобы иконка хорошо выглядела на устройстве, а не в App Store, но они все же предлагают несколько советов очень высокого уровня, таких как:
- «Создайте абстрактную интерпретацию основной идеи вашего приложения»
- «Если хочешь изобразить реальные вещества, делай это аккуратно»
Таким образом, Apple не то чтобы дает практические советы, но это хорошее место для начала — по сути, не используйте изображение и сделайте свой значок ощутимо связанным с тем, как вы хотите, чтобы пользователи видели ваше приложение.
Например, у рабочего стола (о котором я говорил на прошлой неделе) отличная иконка. Это крошечная пишущая машинка, и, ничего не зная о продукте, я бы сказал, что большинство людей догадаются, что она как-то связана с набором текста или обработкой текста. Видеть? Ощутимо связаны.
В конце концов, Apple немного молчит о том, что делает иконку хорошей.
Рекомендации по использованию значков приложений (с примерами!)
Итак, что вы должны сделать, чтобы передать все прелести вашего приложения внешнему миру?
Общий дизайн
Хотя есть много трюков, чтобы действительно выделиться, например, добавление тега «бесплатно» или использование главного героя (подробнее об этом позже), есть также некоторые основные рекомендации по дизайну, которым вы должны следовать. Естественно, все это можно сломать с превосходными результатами, но по большей части:
- Подумайте о том, чтобы иметь рамку, чтобы после загрузки ваше приложение выглядело красиво независимо от фона.
- Не делайте свой логотип прозрачным. Это снизит читаемость
- Не используйте слова — они просто потеряются в меньших размерах.
- Не делайте иконку глянцевой — это сделает ее невидимой.
- Будьте проще — значки приложений маленькие, а детали теряются.
Выделяться, быть заметным
Легче сказать, чем сделать, я знаю. Несмотря на это, это остается одной из основных функций вашего значка — выделиться и заставить пользователя нажать на ваше приложение по сравнению со всеми остальными.
Подумайте об этом таким образом. В магазине приложений 1,2 миллиона приложений — маловероятно, что вы будете единственным, кто предложит свой продукт. Так как же люди узнают, что у вас лучшее приложение-калькулятор по сравнению с другими? Ваша икона, вот как.
Например, вот скриншот результатов поиска приложений-калькуляторов для iPhone. 
Вы знаете, что выделяется для меня? Тег «бесплатно» в приложении калькулятора. 
Это более чем нелепо, поскольку подавляющее большинство приложений в магазине приложений бесплатны, но тем не менее — если поставить на них этот маленький ярлык, это автоматически наводит меня на мысль, что если они помечены как бесплатные, то остальные не должны быть бесплатными. . И эта разница в доли секунды — это действительно все, что вам нужно в магазине приложений.
Измени это
Не слишком много, но небольшое изменение значка приложения — отличный способ оживить загрузки. Сезонные иконки — лучший тому пример.
Например, на прошлый Хэллоуин Splashy Fish изменили свою иконку, чтобы она стала более хэллоуинской. Это небольшое изменение, но если вы являетесь владельцем известного приложения, то это может быть как раз то, что нужно для увеличения количества загрузок.
Брендинг
Если у вас есть сильная ценность бренда, то простой брендинг — отличный способ. Но помните: будьте очень простыми. Nike, например, отлично справляется с этим — вот что происходит, когда вы их ищете: 
Это позволяет мгновенно узнать, какие приложения принадлежат им, поэтому, если я ищу что-то от Nike, то это приятно и быстро. Кроме того, поскольку они являются невероятно надежным брендом, брендинг для них имеет большой смысл.
Еще один момент, касающийся брендинга, заключается в том, что если вы собираетесь пойти по этому пути (надеюсь) в будущем, выберите что-то, что можно адаптировать к множеству различных условий. Галочка Nike, например, аккуратно вписывается во множество различных значков приложений. 
Иконка Clash of Clans, напротив, не такая гибкая, и хотя для игровых значков с изображением главных персонажей может быть исключение, я бы сказал, что следует быть осторожным, когда дело доходит до сильно стилизованных значков персонажей.
Бренд-свинка
Это интересный способ получить лучшее признание от вашей аудитории. (Примечание: я не призываю вас нарушать закон или вводить пользователей в заблуждение, поэтому делайте это с осторожностью).
Итак, мы поняли, что я имею в виду, давайте рассмотрим пример. Hipstamatic — это приложение для цифровых фотографий, которое увеличивает функциональность вашего телефона с камерой в геометрической прогрессии. По сути, это действительно хорошая версия Instagram. Зная, что дизайнер иконок Аравинд Каймал придумал это: 
Изображение через Dribbble
Совершенно ясно, откуда взялась его инста-рация, если вы понимаете, о чем я. Но это не плохо! Instagram создал этот удивительный бренд, а его иконография является синонимом отфильтрованных изображений — именно это и делает Hipstamatic . Так почему бы не воспользоваться признанием других брендов?
Если совмещение брендов выполнено хорошо, как если бы они были достаточно похожими, чтобы получить признание и создать ссылку, но достаточно разными, чтобы не было случайных кликов типа «о, я думал, что это было так», то это действительно отличная стратегия.
Google Андроид
Наконец, я хотел бы отметить магазин Play, которым так часто пренебрегают в чате приложений, и я думаю, что это несправедливо. У Google на самом деле есть Генератор отличных иконок, созданный Романом Нуриком, предположительно поможет вам сделать вашу иконку лучше и более ориентированной на Google Play Store. Мне кажется, что, хотя это не очень полезный инструмент для создания приложений, это отличный инструмент для очень быстрого тестирования и итерации значка вашего приложения (особенно если у вас нет дизайнера в штате/дизайнерских навыках). Так что это одно.
Во-вторых, большая часть того, что относится к App Store, применима и к Play Store.
На самом деле мы имеем дело не с другим программным обеспечением, мы имеем дело с психологией того, что заставляет людей что-то видеть и думать: «Да, это приложение для меня».
На перенасыщенном рынке это просто золото. (при этом, конечно, есть некоторые технические отличия)
Заворачивать
Ваш значок App Store/Play Store действительно важен. Это крошечное окно возможностей, которое вам нужно, чтобы привлечь внимание браузеров App Store и убедить их в том, что ваши снимки экрана, ваше рекламное видео, ваше описание и, в конечном итоге, загрузка вашего приложения — все это стоит для них. К сожалению, не существует готовой формулы того, что делает иконку хорошей или плохой в App Store. Это больше о том, что будет выделять вас достаточно, чтобы выделиться, но при этом оставаться достаточно узнаваемым, чтобы ваша аудитория мгновенно знала, что делает ваш продукт.
Это много, и не так много места, чтобы сделать это, так что вам лучше взяться за дело.
Бонусные ресурсы — как интересно
- Вот огромная галерея красивых иконок iOS
- Вот несколько парней, которые протестируют вашу иконку для вас
«Не могу не упомянуть об этом: Placeit — отличный онлайн-инструмент для веб-дизайнеров и дизайнеров интерфейсов».
Чарли Шесть 5/5
