Иконка – важный элемент, от которого зависит дальнейшая судьба приложения. Значок должен быть заметным не только в App Store или Google Play, но и на чьем-то экране среди моря других похожих иконок. Как и в случае с дизайном логотипа, дизайн иконок приложений предполагает передачу смысла самым простым, привлекательным способом.
Два типа иконок
Есть два основных подхода, когда дело доходит до дизайна значков: символический и знаковый. Последние гораздо более буквальны и репрезентативны; первые более абстрактны и передают смысл через ассоциации.
Прежде чем приступать к разработке иконки приложения, вам нужно решить, какого типа иконку вы хотите. Это поможет правильно подобрать и форму, и внешний вид в целом.
Также обратите внимание на пять тенденций, которые стали основоположными для целого поколения пользователей приложений.
01. Конверты для электронной почты
Этот небольшой выбор приложений электронной почты в App Store демонстрирует, что практически каждое из них использует значок конверта.
Это одно из самых «древних» изображений, которое используется в качестве иконок, поскольку электронная почта была одним из первых приложений, которые разработаны после рождения Интернета.
Хотя электронная почта не имеет практического сходства с настоящей почтой, помимо того факта, что информация передается от отправителя получателю, знакомая связь между бумажным конвертом и электронным письмом засела в голове пользователей навсегда.
Неважно, какое приложение вы используете: Gmail, Outlook, Hotmail или Yahoo Mail, вы найдете конверт, который занимает видное место в приложении.
Чтобы выделиться, можно пойти другим путем. Например, Spark выбрала в качестве значка бумажный самолетик. Передача «бумаги» ведь может быть более интересной и игривой, не так ли?
02. Треугольники для медиа
Стрелки треугольной формы имеют давнюю связь с мультимедийными приложениями всех форм и размеров.
Теоретически, нет никакой связи между треугольником и концепцией «воспроизведения» части медиаконтента, помимо десятилетий позитивного усиления ассоциации, с помощью кнопок на аппаратном и программном обеспечении.
Таким образом, это символический дизайн иконок по сравнению со знаковым подходом к конверту. Это символ, который был общепринятым в индустрии развлечений, как визуальная стенография музыкальных и мультимедийных приложений.
Мы видим треугольные стрелки повсюду — будь то крупные организации, такие как YouTube или iPlayer BBC, или широкий выбор небольших специализированных медиа-игр.
Опять же, приложения, которые плывут против течения, могут выделяться. Но люди настолько привыкли к треугольнику, что что-то оригинальное может восприниматься неверно.
03. Галочки для повышения производительности
Это море галочек в категории «Производительность», но некоторые приложения предпочитают поступать по-другому.
Почему приложения, которые имеют в своей основе список, так любят галочки? Потому что именно этим знаком мы отмечаем завершение дел, проверки. Это такой себе символ успеха.
Этот знак стал синонимом категории Productivity в App Store, и он используется многими ведущими приложениями, включая Clear, Things, Todo и OmniFocus.
Такую сильную ассоциацию сложно разрушить. Поэтому, кроме небольших отличий в форме, цвете и узоре многие из вышеприведенных приложений выглядят потрясающе похожими.
Это не означает, что некоторые приложения для повышения производительности еще не нашли нового направления: Wunderlist, например, выбрал звезду в качестве символа. Doo более характерен – они используют знак флага на вершине горы.
04. Замки и ключи для обеспечения безопасности
Изображения навесных замков и сейфы — это основа для значков приложений безопасности. Они могут быть выполнены в простой плоской графике или в стиле skeuomorphic design.
Какие образы вы видите, когда думаете о приложениях безопасности? Скорее всего, будь то вирусный сканер, менеджер паролей или инструмент шифрования, там будет замок, ключ или сейф.
Как и в случае с приведенными выше примерами, для этой ассоциации существует веская причина. Речь идет о том, чтобы заставить людей чувствовать себя уверенными — визуальная стенография, которая подразумевает, что киберпреступники, хакеры, вирусы и другие вмешательства не могут добраться до вас, потому что вы заперты.
Как и в случае с конвертом электронной почты, эта ассоциация относительно произвольна: вся рассматриваемая безопасность является цифровой, без каких-либо физических блокировок или ключей в поле зрения, но ассоциация остается сильной.
05. Карандаши или кисти для творчества
Ручки, карандаши, кисти и линейки — это лишь некоторые из инструментов, используемых для представления творчества в App Store. Но нужно ли быть таким буквальным?
Не нужно быть гением, чтобы провести линию между инструментами конкретной профессии, ремесла или дисциплины и иконкой для ее представления. Стетоскоп для представления медицинского приложения, молоток для приложения для здания, камера для обозначения фотографии — все это имеет практический смысл.
Когда дело доходит до эскизов, рисования и других творческих приложений, неудивительно, что карандаши, кисти и палитры имеют тенденцию сильно отличаться среди значков приложений. В конце концов, это все знакомые визуальные ссылки для творческого процесса.
Но так же, как приложения безопасности на самом деле не запирают ваш ноутбук, инструментам производительности не нужно физически отмечать флажок, цифровые медиаплееры не имеют кнопки «играть», а электронные письма на самом деле не отправляются конвертом, есть способы мыслить немного шире этих рамок.
Помните, когда Photoshop был представлен пером? С тех пор Adobe перешла к представлению своего набора программного обеспечения как взаимосвязанной «периодической таблицы» творческих инструментов, а не карандаша или кисти. Возможно, пришло время для дизайнеров иконок перестать воспринимать вещи так буквально.