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

Мар
30

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

Такую не сделать с закрытыми глазами, верно?

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

№1. Масштабируемость
Краткость - сестра таланта, как сказал один из великих, и эта формула распространяется не только на слова, но и на изображения. Иконка вашего приложения должна выглядеть одинаково хорошо и разборчиво на любых устройствах и во всех разделах платформы, где ее смогут увидеть пользователи.
- Чем проще и понятнее ваш дизайн, тем лучше. Не нужно “лишних слов”.
- Лучше всего, когда внимание сосредоточено на одном ключевом объекте (предмет/форма/персонаж и т.д.), который легко масштабируется и угадывается в любом размере.
https://play.google.com/store/apps/details?id=com.supercell.hayday
- Протестируйте ваш дизайн в комбинации с разными фонами и на всех возможных устройствах.

№2. Узнаваемость
Ваша иконка должна запоминаться и “цеплять”, потому что иначе пользователи предпочтут ей сотни других таких же иконок. Но и этого недостаточно: дизайн иконки должен сообщать пользователю суть приложения и быть логически с ним связанным.
Вам придется хорошо постараться, чтобы найти правильный баланс между новизной, простотой (не забываем о масштабируемости) и смысловой наполненностью. Тогда вы сумеете спроектировать отличную иконку, которая вызовет у пользователя правильную ассоциацию с вашим приложением.   
- Избавьтесь от ненужных деталей. Перегруженный деталями дизайн = безвкусная иконка.
- Проанализируйте иконки других приложений, которые приводят вас в восторг. Если вы разберете свое впечатление на составляющие, поймете, что именно вас привлекло в дизайне, можно будет применить те же приемы в создании вашей собственной иконки.
https://play.google.com/store/apps/details?id=com.fortafygames.colorswitch

№3. Единство
В идеальном мире ваша иконка выглядела бы как продолжение самого приложения, дополняющая его дизайн, основную идею и функциональность. Тем самым хочется подчеркнуть, что нужно стремиться создавать то же впечатление, “user experience”, ощущения, которые пользователь получает “внутри” приложения.
- Старайтесь придерживаться общего стиля UI, интерфейса и функциональности приложения при создании иконки. Этого можно добиться благодаря использованию единой цветовой палитры и дизайнерских приемов.
- Если это возможно, используйте на иконке символы, связанные с функциональностью приложения.  
https://play.google.com/store/apps/details?id=com.magnat.extreme.trafficcar

№4. Уникальность
Уникальная иконка со свежим, новым дизайном, свободным от вездесущих клише, гарантированно привлечет внимание и надолго запомнится.
Но уникальности не так просто добиться, она полезна в правильных дозах.  
- Изучите рынок, проанализируйте тренды и дизайны ваших конкурентов, чтобы не повторяться.
- Поиграйте с цветами. Изменив один лишь цвет, можно представить что-то совсем привычное в новом свете.

№5. Никаких букв
Разместить на иконке название компании или самого приложения - не самая лучшая идея. Это оправданно только в редких случаях (например, буква f на иконке Facebook), и тогда буква теряет свои “словарные” свойства, превращаясь в символ, за которым стоит определенное приложение.
Еще одним из допустимых примеров использования букв/слов является плашка “3D” - кратко, доступно, моментально сообщает пользователю одно из достоинств приложения и его отличие от основной массы других.
https://play.google.com/store/apps/details?id=com.racergame.rageracing
- Не размещайте название приложения на иконке - как правило, оно указано под иконкой.
- Постарайтесь задействовать весь арсенал образов, выразив идею без слов. Это и отличает хорошего дизайнера от плохого.

Это 5 ключевых правил, которые помогут спроектировать отличную иконку.  
Первый взгляд на нее должен создавать правильное впечатление, второй - положительную ассоциацию и воспоминания о впечатлениях от знакомства с приложением, каждый последующий взгляд добавляет очки в гонке с конкурирующими приложениями и усиливает связь с аудиторией.

Пробуйте и создавайте супериконки!
Опубликовано Renatus Март 30, 2017