Разработка иконки для мобильного приложения. Цели иконки приложения
Одной из самых полезных бесплатностей, доступных в Интернете для разработчиков мобильных приложений, являются иконки! Коллекции мобильных иконок экономят много времени и усилий.
Одним из самых полезных халявы, доступных в Интернете для разработчиков мобильных приложений является иконки и когда коллекция больших бесплатных мобильных наборов иконок представлен на них, как это - это экономит много времени и усилий.
Кроме того, что, если мы говорим, что этот удивительный коллекция бесплатных мобильных наборов иконок рекомендуется различными разработчиками? Половина вашей работы будет сделано, не так ли? Нет необходимости тратить время на исследования - начать работать, не начать использовать их!
1. Общие положения Vector Pack
Общие Vector Pack
Это большая коллекция икон стационарных и мобильных телефонов и других мобильных устройств, таких как таблетки, беспроводных телефонов и связанных с ними устройств. Да, они черно-белые, но не беспокойтесь - вы можете добавить цвета или изменить размеры значков согласно вашему требованию, как это вектор пакет.
Скачать Icon Set
2. Разработчик Android Icon Set
Android разработчика Icon Set
Скачать Icon Set
Скачать Icon Set
4. Полные плоские иконки
Full Flat иконки
Скачать Icon Set
5. Социальные иконки Media Line
Социальные иконки Media Line
Скачать Icon Set
6. 500 Ios Tab Bar Icons
500 Ios Tab Bar Icons
Скачать Icon Set
7. Свободный Мобил Ягоды
Бесплатные мобильные Ягоды
Скачать Icon Set
8. Aelous - Набор иконок для Android
Aelous - Набор иконок для Android
Скачать Icon Set
9. Проект Icon Set
Project Icon Set
Это одна из самых полезных наборов иконок, которые можно найти на веб-сайте - все значки, связанные с управлением проектами. Некоторые из них являются именно гистограмму, календарь, документы, поиск / найти, часы / время и многое другое. Проверить их.
Скачать Icon Set
10. Бар Действие Icon Pack от Google
Bar Действие Icon Pack от Google
Это огромная коллекция от Google - 150 иконки в пакете оптимизированы для нескольких разрешений экрана. Эти иконки в формате PNG не в векторах. Они предназначены для общих действий, таких как копирование, вставка, редактирование, содержание, социальное, рейтинги, навигация, камера и многое другое.
Скачать Icon Set
11. iOS7 Tab Bar Icons
iOS7 Tab Bar Icons
Это элегантный коллекция панель вкладок иконок для iOS7. Это базовый набор, который состоит из 36 iOS7 панели вкладок иконки в формате PSD. Некоторые из значков, которые вы найдете в пакете включают иконки для копирования, настройки, мусорный ящик, помощь, чат и многое другое.
Скачать Icon Set
Android разработчика Common Icon Set
Скачать Icon Set
13. 108 Mono Иконки (Минимально значки)
108 Mono иконки (Минимально иконки)
Скачать Icon Set
14. ЗНАК Icon Set
ЗНАК Icon Set
Скачать Icon Set
15. Multi-Touch иконки Жест
Multi-Touch иконки Жест
Этот свободный значок пакет содержит 58 из самых популярных жестов, используемых на нескольких сенсорных устройств, таких как таблетки, смартфоны и трекпадов. Каждый жест был разработан, чтобы быть легко для редактирования, и изменения цвета занимают всего пару кликов, мы оставили все штрихи нетронутыми, так что вы можете регулировать вес.
Скачать Icon Set
16. Разработчик Icon Set
Разработчик Icon Set
Скачать Icon Set
17. Иконки: Бесплатные iPhone иконки панели инструментов
Скачать Icon Set
Скачать Icon Set
Скачать Icon Set
20. мобильного устройства векторные иконки
Мобильного устройства векторные иконки
Этот свободный вектор пакет значок имеет 23 из самых популярных смартфон мобильный устройств на рынке, они могут быть использованы в конструкции для иллюстрации различных телефонов или как-то, если вы просто хотите больше возможностей устройств, чем стандартный пакет значок обеспечивает. Иконки полностью редактируемые и поставляются также в виде отдельных файлов.svg.
Скачать Icon Set
21. По умолчанию иконки
По умолчанию иконки
Скачать Icon Set
22. Плоские дизайнер иконки
Плоские дизайнер иконки
Скачать Icon Set
23. Простота Вектор Икона Set
Простота Вектор Икона Set
Скачать Icon Set
24. Сенсорные иконки Жест
Сенсорный Иконки жестов
Эти удивительные выглядящие иконки жест доступны в PSD, EPS и PNG форматах. Они были разработаны для мульти-сенсорных устройств.
Скачать Icon Set
25. Androidicons
Скачать Icon Set
26. Android Mega Pack 2
Android Mega Pack 2
Скачать Icon Set
27. Погодные иконки
Погодные иконки
Скачать Icon Set
28. Wi-Fi соединения Иконки
Wi-Fi соединения Иконки
Скачать Icon Set
29. 2600 Флаг Icon Set
2600 Флаг Icon Set
Скачать Icon Set
Nucleo Flat Business Icon Set
Скачать Icon Set
31. 24 электронной коммерции иконки Line
24 электронной коммерции иконки Line
Это набор из 24 линий Иконки для интернет-магазинов - Специально разработанный для iPhone приложений электронной коммерции, но они также могут быть использованы для других приложений и веб-сайтов, поскольку они находятся в EPS, AI и PSD форматах и??completedly редактирования.
1. General Vector Pack
Это большая коллекция икон стационарных и мобильных телефонов и других мобильных устройств, таких как планшеты, беспроводные телефоны и связанные с ними устройства. Да, они черно-белые, но не беспокойтесь - вы можете добавить цвета или изменить размеры значков согласно вашему требованию.
2. Android Developer Icon Set
Этот набор содержит тридцать PNG иконок меню с дополнительными исходными файлами. Этот набор распространяется под лицензией, аналогичной лицензией Creative Commons Attribution, таким образом, это абсолютно бесплатно.
3. Web0.2ama
Этот набор содержит 311 минималистичных иконок, которые могут быть использованы для / в: навигации, информационных систем, веб-приложений, мобильных приложений и пользовательских интерфейсов.
4. Full Flat Icons
Этот набор содержит около 2472 уникальных форм значков, различных размеров, связанных с мультимедийными элементами, такими, как: видео-игры, видео, аудио, кнопки воспроизведения, гаджеты, форматы CD и многое другое.
5. Social Media Line Icons
Этот красивый набор иконок привлекательных социальных медиа - он состоит из 24 иконок в формате PSD и эти иконки полностью доступны для редактирования. Они отлично смотрятся в белом и черном фоне.
6. 500 Ios Tab Bar Icons
Это большой набор 500 полезных иконок для iPhone и IPad. Их можно загрузить бесплатно и на условиях лицензии Creative Commons Attribution.
7. Free Mobile Berries
Этот набор содержит 80 красивых иконок для мобильных приложений. Эти иконки выглядят четкими и они выделяются там, где они размещены.
8. Aelous - Icon Sets for Android
Это действительно фантастическая коллекция великолепных иконок для Android — этот набор состоит из 44 иконок размером 125 * 125 в формате PNG.
9. Project Icon Set
Это один из самых полезных наборов иконок, который можно найти на веб-сайте — все значки, связанны с управлением проектами. Некоторые из них представляют собой гистограмму, календарь, документы, поиск / найти, часы / время и многое другое.
10. Action Bar Icon Pack from Google
Это огромная коллекция от Google — 150 иконок в пакете оптимизированы для нескольких разрешений экрана. Эти иконки в формате PNG, не в векторах. Они предназначены для общих действий, таких как копирование, вставка, редактирование, содержание, социальное, рейтинги, навигация, камера и многое другое.
11. iOS7 Tab Bar Icons
Это элегантная коллекция иконок для iOS7. Это базовый набор, который состоит из 36 иконок в формате PSD. Некоторые из значков, которые вы найдете в пакете, включают иконки для копирования, настройки, мусорный ящик, помощь, чат и многое другое.
12. Android Developer Common Icon Set
Этот привлекательный набор иконок для Android состоит из 24 иконок в формате Png следующих размеров - 16 * 16, 24 * 24, 32 * 32 и 48 * 48.
13. 108 Mono Icons (Minimal Icons)
Этот фантастический набор из 108 Mono Иконок в формате PNG — они приходят в сером цвеет, но вы можете добавить цвета на ваш выбор, в качестве цветовых вариантов настройки доступны как в Photoshop и Fireworks.
14. TOKEN Icon Set
Этот уникальный набор из 128 дизайнов иконок в.ico и.png формате доступен в светлых и темных вариантах. Доступные размеры - 256 * 256, 32 * 32, 16 * 16 (.ico) и 128 * 128 (.png).
15. Multi-Touch Gesture Icons
Этот свободный пакет содержит 58 из самых популярных жестов, используемых на сенсорных устройствах, таких как планшеты, смартфоны и трекпады. Каждый жест был разработан, чтобы было легко редактировать, и изменение цвета занимает всего пару кликов, мы оставили все штрихи нетронутыми, так что вы можете регулировать вес.
16. Developer Icon Set
Этот набор иконок состоит из 154 разработанных иконок в формате PNG, AI и PSD форматах. Диапазон варьируется от обычно используемых иконок до редко доступных.
17. Icons: Free iPhone Toolbar Icons
Этот набор иконок является прекрасной коллекцией, специально предназначенной для разработчиков iPhone.
18. Ecqlipse 2
Этот набор содержит 176 привлекательных иконок, доступных для личного некоммерческого использования. Доступные размеры - 128 * 128, 48 * 48, 32 * 32 и 16 * 16.
19. iconSweets
Этот набор содержит 60 элегантных иконок для iPhone и IPad приложений.
20. Mobile Device Vector Icons
Этот свободный пакет имеет 23 векторные иконки из самых популярных смартфонов, мобильных устройств на рынке, они могут быть использованы в конструкции для иллюстрации различных телефонов или по-другому, если вы просто хотите больше возможностей устройств, чем обеспечивает стандартный пакет значков. Иконки полностью редактируемые и поставляются также в виде отдельных файлов.svg.
21. Default Icons
Это удивительный набор минималистичных и элегантных иконок. Эти иконки доступны в формате PNG и EPS форматах. Размеры: 16 * 16, 64 * 64, 32 * 32, 48 * 48, 128 * 128 и 256 * 256.
22. Flat Designer Icons
Это набор из 48 простых и красивых иконок, связанных с офисом, путешествиями и социальноой жизнью. Они доступны в AI и PNG форматах.
23. Simplicity Vector Icon Set
Этот набор иконок состоит из простых перспективных иконок, которые можно использовать в разных проектах. Они выделяются и также выглядят очень чистыми. Эти значки масштабируются до любых размеров без какого-либо ухудшения качества.
24. Touch Gesture Icons
Эти удивительно выглядящие иконки жестов доступны в PSD, EPS и PNG форматах. Они были разработаны для мульти-сенсорных устройств.
25. Androidicons
Это отличный набор красивых иконок для разработчиков Android. Это важные значки, такие как: контакты, браузер, резервное копирование, документ, карта и многое другое.
26. Android Mega Pack 2
Это уникальный набор из 139 стильных иконок Android. Они доступны в формате PNG (48 * 48).
27. Weather Icons
Этот пакет содержит 24 простых иконки погоды, подходящие для использования в любых погодных приложениях. Они доступны в AI и PSD форматах.
28. Wi-Fi connections Icons
Этот набор иконок состоит из 36 современных плоских иконок мобильной связи и Wi-Fi сигналов.
29. 2600 Flag Icon Set
Это эпический набор 2600 иконок флагов — содержит флаги для каждой крупной страны. Они доступны в двух вариантах — плоские и стандартные.
30. Nucleo Flat Business Icon Set
Это коллекция бизнес-иконок, которые могут быть использованы в любом бизнесе или корпоративном веб-сайте. Они доступны в AI и SVG форматах.
31. 24 Ecommerce Line Icons
Это набор из 24 линейных иконок для интернет-магазинов — специально разработан для iPhone приложений электронной коммерции, но они также могут быть использованы для других приложений и веб-сайтов, поскольку они находятся в EPS, AI и PSD форматах.
Иконки являются компонентами дизайна, без которых вы не можете обойтись. Иногда трудно найти хорошие мобильные наборы значков, и вот мой список 11 бесплатных мобильных пакетов иконок, которые я нахожу особенно полезными. Есть еще много пакетов, которые я не включила в эту статью, но этот список представляет собой хорошую коллекцию для панели инструментов каждого дизайнера.
1. A General Vector Pack
Независимо от того, для какой мобильной операционной системы вы создаете дизайн, вам всегда будут нужны базовые образы телефонов и других мобильных устройств. Этот пакет иконок содержит множество подобных образов. Это общий пакет векторных иконок телефонов (мобильных и стационарных), планшетников, телефонных трубок и других предметов, связанных с мобильными звонками и мобильным использованием.
Иконки - черно-белые, но, так как это векторный пакет, вы всегда можете добавить больше цвета и/или изменить размеры значков, если хотите.
2. Flat Phone Vector Icons
Если вам нужно больше иконок телефонов и вы предпочитаете плоские иконки, оцените эти телефонные иконки. Этот упорядоченный пакет содержит около 200 плоских иконок телефонов и других элементов, связанных с мобильными устройствами. Опять же, пакет черно-белый, но у него векторная основа, поэтому будет нетрудно изменить цвета и/или размер значков. Вы можете скачать либо весь пакет, или только те иконки, которые вам нужны.
3. A Huge Megapack of iPhone, iOS7, Android and Windows 8 Icons
Этот огромный мега пакет из 10000 иконок для Android, iPhone, iOS7 и Windows8, вероятно, один из лучших ресурсов, которые можно найти в интернете, и он бесплатен как для личного, так и для коммерческого использования. Когда вы загрузите его, все остальные пакеты могут стать бесполезными, так как он содержит много полезных иконок.
10000 иконок iPhone, Android, Windows8 и IOS приложений - разных размеров, например, 20 × 20, 30 × 30, 60 × 60, 114 × 114, 512 × 512 и больше. Они также оснащены дополнениями и исходными файлами. Несомненно, каждый мобильный дизайнер должен иметь этот мега пакет. Помимо этого бесплатного пакета, авторы предлагают платную версию с более чем 80 000 иконок.
4. Mixed Android Icons and More
По сравнению с предыдущим пакетом, это набор иконок не так внушителен, но все же имеет хорошие иконки для Android которые вы можете использовать в своих личных и коммерческих проектах. Это пакет из смешанных иконок для Android - иконки устройств, общих предметов, основных элементов пользовательского интерфейса и т.д.
Это не единственный пакет иконок на этом сайте. Есть много других Android пакетов, таких как сетевые иконки, фото и видео, плоский пользовательский интерфейс, покупка товаров и т.д. Если вам нужны иконки на конкретную тему, просто просмотрите сайт, чтобы увидеть то, что еще доступно.
5. Another Mixed Android Icons Pack
Этот набор иконок также для Android, но иконки отличаются от других пакетов. Это относительно небольшой пакет из примерно 30 иконок, но он полезен, потому что он содержит значки популярных приложений и сайтов, а также настроек, голосового поиска и т.д.
В отличие от предыдущего пакета, значки красочны, но недостатком является то, что они только в формате PNG, нет векторов, что ограничивает ваши возможности редактирования.
6. 350 Free Android Icons
Еще один пакет упорядоченных иконок для Android. Это большой пакет - он содержит 350 иконок, сгруппированых в несколько категорий, таких как Basic, Buzz, Arrows, Shopping, Photo и Video, Music, Users (Основные, Ключевые Понятия, Стрелки, Покупка, Фото и Видео, Музыка, Пользователи) и т.д. Иконки не цветные, но они доступны в различных форматах, таких как PSD, AI, EPS, SVG и PNG, поэтому легко редактировать их для добавки цвета или других модификаций. По умолчанию иконки в нескольких размерах - от 24 до 512 пикселей, но опять же, вы можете изменить размер, если это необходимо.
7. More Free Android Icons
В отличие от других пакетов иконок для Android, этот пакет не для разработчиков, а для конечных пользователей. Этот пакет можно использовать для замены родных иконок для Android. Однако, поскольку пакет огромен - 207K (да, тысяч) иконок, скорее всего, Android дизайнер найдет довольно много иконок для использования - если не по прямому назначению, по крайней мере, для вдохновения. Не все иконки бесплатны, особенно для коммерческого использования, поэтому, прежде чем использовать их, проверьте лицензию.
8. Action Bar Icon Pack from Google
Если вы хотите иконки из самого Google, вы можете посмотреть пакет иконок панели действий. Для скачивания пакета, нажмите здесь. Иконки в пакете оптимизированы для различных разрешений экрана и лучше всего работают с темами Holo Light и Holo Dark.
В пакете около 150 иконок для обычных действий, таких как основные виды работы (копирование, вставка, редактирование и т.д.), навигация, рейтинги, коллекция, содержание, соц.сети, расположение, камера, медиа, устройства доступа, аппаратное обеспечение, оповещения, и дополнительные действия. Иконки в формате PNG, что не так хорошо, как векторные иконки, из-за ограниченных предложений опций редактирования PNG, но все же это не делает пакет бесполезным.
9. iOS7 Line Icons
После серии Android иконок, пришло время IOS. Первый пакет IOS иконок - это бесплатный пакет iOS7 Line Icons. Пакет содержит 80 иконок в форматах AI, PSD, SVG и PNG (и PNG@2x). Иконки охватывают разнообразные категории - от звонков до фото, музыки и навигации. Пакет в основном содержит иконки для iOS7, но есть несколько и для iOS8. Пакет является бесплатным, но вы должны ввести адрес вашей электронной почты для получения ссылки на скачивание.
10. iOS7 Tab Bar Icons
Если вы ищете иконки панели вкладок для iOS7, оцените этот набор. Пакет содержит 36 иконок панели вкладок для iOS7 в PSD формате. Среди прочего, вы найдете иконки для Inbox, Copy, Trash, Logout, Settings, Locked (Входящих сообщений, Копирования, Мусора, Выхода, Настроек, Блокировки) и т.д. Это базовый пакет, но если вам не нужно больше, чем это, вам будет удобно с тем, что есть.
11. An Android, iOS7, iPhone, and Windows8 Megapack
Это второй мега пакет в этом списке и этот пакет включает в себя иконки для Android, IOS и Windows. Этот огромный пакет содержит 175K иконок в форматах PNG и PSD. Он также сопровождается несколькими дополнениями - иконки в таких категориях, как General, Accounting, Business, Database, Education, Graphics, Multimedia, Networking и Web Design(Главные, Учетная запись, Бизнес, База данных, Образование, Графика, Мультимедиа, Сеть и Веб-дизайн).
Заключение
Ваше приложение или сайт могут изобиловать функциями, но без качественных иконок, это может остаться совсем незамеченным. Даже если вы не можете сами создавать иконки, существует много альтернатив, в том числе бесплатных. Некоторые из лучших наборов иконок для Android, IOS, iPhone и Windows8 бесплатны и я включила их в эту статью. Конечно, есть много других, которые не попали в список, если у вас есть какие-либо другие предложения, мы хотели бы увидеть их в комментариях ниже.
Создание иконки для мобильного приложения
Работа над небольшим элементом графического дизайна, с которым пользователям приходилось бы часто взаимодействовать, может показаться задачей достаточно сложной. В этой статье описаны несколько советов и приемов, которые помогут найти ответ.
Важно знать, какую функцию выполняют иконки. И чем они, в сущности, являются. Это визуальный символ вашего продукта. Крошечная деталь брендинга, которая должна не только выглядеть привлекательно и выделяться на общем фоне. В идеале она отображает суть вашего приложения. Многие бросаются словом «логотип». Но иконки - не логотипы. У них есть общие моменты. Логотипы - масштабируемые векторные элементы брендинга, предназначенные для билбордов, магазинных витрин и прочих заметных мест. Иконки - чаще всего растровые изображения в квадратной рамке определенного размера. Разные подходы, инструменты, работа и, как следствие, критерии успеха.
Пакеты иконок разного размера.
Во время работы не будет лишним составить набор PNG-файлов разного размера: от 29 × 29 до 1024 × 1024 пикселей. Такой набор вы сможете использовать в разных контекстах операционной системы, когда пользователи будут взаимодействовать с иконкой ( , панель настроек, результаты поиска и главный экран устройства).
Иконки приложений можно сделать практически в любой программе, которая воспроизводит растровые файлы. Photoshop, Illustrator или Sketch. На сайте Apply Pixels множество PSD-шаблонов.
Небольшой ролик, в котором показано, как обращаться с шаблонами на Apply Pixels
5 ключевых аспектов
Рассмотрим несколько основных приемов, которые используются в .
1) Масштабируемость
Это одна из главных особенностей приложения. Иконки разного размера демонстрируются в разных разделах платформы. Поэтому важно, чтобы ваши иконки были разборчивыми и уникальными. Нужно, чтобы они смотрелись хорошо как в App Store, так и на устройствах с экраном Retina, и даже в настройках.
Иконки приложений должны отображаться в разном разрешении, быть понятными независимо от их масштаба.
Сложный дизайн, когда в небольшой квадрат иконки втискивается излишне много деталей, зачастую плохо отображается в измененном масштабе. На начальном этапе, когда создается концепт будущей иконки, нужно уделить достаточно времени вопросу о том, как будет выглядеть конкретная иконка, если изменить размер.
Как улучшить масштабируемость
Дизайн в разрешении 1024 × 1024 пикселей может выглядеть обманчиво. Проверьте иконку на устройстве в разных ситуациях. Важна простота, уникальность формы или элемента, который сохраняет свои контуры и отличительные особенности. Иконка должна смотреться хорошо независимо от фона.
2) Узнаваемость
Хорошая иконка приложения все равно, что запоминающаяся песня: ее всегда различишь в окружающем шуме. Главный экран - ключевой компонент хорошего дизайна иконки. Форма, цвет и общая идея иконки должны резонировать с ощущениями пользователя, его внутренним чувством гармонии. Дизайн должен активизировать память на функциональном и эмоциональном уровнях.
Иконка может быть детализированной или простой; главное, чтобы в точности передавала замысел ее создателя.
Ваша иконка будет соперничать за внимание пользователя с тысячами своих конкурентов. Каждый из них - это те же 1024 пикселей, призванные установить эмоциональную и прочую связь с владельцем устройства.
Как сделать иконку заметнее
Банальные, слишком усложненные иконки вредят узнаваемости. Лучше убирать все лишние детали, до тех пор, пока общая идея будет сохраняться. Иконка стала заметнее?
Поэкспериментируйте с несколькими вариантами дизайна. Разместите их сеткой, отметьте, какие детали заметнее.
Попробуйте разобрать на составные части иконки своих любимых приложений и понять, почему они вам нравятся. За счет чего они выделяются на фоне конкурентов? С помощью каких методик их создавали?
3) Целостность взаимодействия
Как с самим приложением, так и с его иконкой. Хорошая иконка служит продолжением интерфейса. Если это условие соблюдено - приложение запомнится.
Формируя единообразие программного продукта в глазах пользователей, вы увеличиваете коэффициент удержания и виральность. Проще говоря, если иконка гармонирует с функционалом и дизайном - это большой плюс.
Как добиться единообразия
Один из очевидных способов - придерживаться общей цветовой гаммы и языка дизайна. Так, если интерфейс преимущественно зеленый, иконка тоже должна быть зеленой.
Еще один способ - связать символику иконки непосредственно с функциональностью приложения. Хотя это удается не всегда.
4) Уникальность
Здесь вроде бы все понятно без лишних слов. Придерживаетесь избранной стилистики, следуете определенному тренду? Прекрасно. Главное, чтобы это был именно ваш дизайн, а не копия. Ваша иконка всегда будет соперничать с другими за внимание пользователей, но способность выделиться на общем фоне - аргумент в ее пользу.
Уникальность - штука непростая, поскольку зависит не только от навыков дизайнера, но и от того, что делают конкуренты.
Как повысить уникальность
Посмотрите, что делают другие, и придерживайтесь другого направления. Всегда проводите исследования - миру не нужна еще одна иконка в виде галочки.
Один-единственный глиф на однотонном фоне - скользкий путь. Так сложно добиться уникальности. Экспериментируйте с цветами и композициями, пытайтесь найти новые и понятные визуальные метафоры.
Цвет - хороший способ внести изменения в концепт.
Чтобы добиться уникальности придется поупражняться в поиске новых идей. От стиля тут мало что зависит.
Дизайн иконок может послужить источником вдохновения: широкий спектр идей, без каких-либо условностей.
5) Важно не использовать слова
Лишь в единичных случаях есть смысл прибегать к дополнительному инструменту абстракции - письменному слову. И, как правило, слова - признак того, что иллюстративный арсенал используется не в полную меру.
Слова и изображения - отдельные инструменты. Если их объединить, графическая репрезентация получится хаотичной, ее будет сложно расшифровать. Неужели нет ничего лучше сухих слов? Если есть слова, скорее всего, дизайнеру не удалось передать свое видение.
Также не нужно добавлять иконке название приложения. Вместо этого потратьте время на интересный иллюстративный концепт.
«Но Facebook же использует ’f’ в своей иконке»! Если присутствует только одна буква, она теряет свое «словесное» выражение и становится частью иллюстрации. А вообще это исключение из общего правила.
Логотип компании и название, втиснуть в канву иконки, нельзя назвать подходящим вариантом дизайна. Вы когда-нибудь видели символ или глиф, который хорошо смотрится в условиях ограниченного пространства? Если нет, тогда лучше выбрать что-то другое. Помните: иконка и логотип - разные вещи. И уместны они в разных контекстах.
В App Store и Google Play много примеров непродуманного дизайна иконок. Иконка - посредник между приложением и его пользователем. Это первое, что человек видит в App Store, и то, с чем он взаимодействует, всякий раз открывая приложение. Когда пользователь думает о приложении, в его сознании всплывает образ иконки.
Иконками не стоит заниматься в последнюю очередь, это часть общего процесса. Они могут быть простыми и незамысловатыми, или же с обилием деталей. Но, как бы там ни было, все иконки объединяет общее свойство: они привлекают внимание людей в условиях ограниченного пространства. В этом отношении все иконки находятся в равных условиях.
Related Articles
Иконка мобильного приложения - это небольшая картинка, представляющая приложение на маркете, таком как Google Play или App Store, и устройстве пользователя. Если вскоре вам предстоит создать свой первый дизайн иконки мобильного приложения, прислушайтесь к этим советам. Они помогут вам избежать ошибок, которые подстерегают новичков.
Как дизайнеру, вам важно обратить внимание на приложение: ведь часто пользователи принимают решение о выборе приложения, руководствуясь исключительно внешним видом иконки в маркете. Продуманная иконка ассоциируется с качественным приложением и удобным интерфейсом, а сделанное на скорую руку изображение не внушает доверия.
Поэтому примите во внимание следующие советы по созданию дизайна иконки для приложения:
1. Соблюдайте требования руководств
Иконки существуют не сами по себе, а внутри графической оболочки той или иной системы. Они должны гармонично вписываться в интерфейс, не выглядеть чужеродно рядом с иконками других приложений, но при этом быть уникальными. Поэтому разработка иконки приложения начинается со знакомства с руководствами производителя системы и изучения сеток для построения иконок в Photoshop.
Вот руководства, с которых стоит начать:
- Официальный сайт , посвященный Material Design для Android. Здесь можно прочитать о стиле, анимации, компонентах, паттернах, макетах и юзабилити, а также скачать материалы в помощь дизайнеру.
- Руководства по iOS Human Interface от Apple пригодятся, если вы хотите создать иконку для iPad или iPhone.
Изучив тенденции и стандарты, соблюдения которых от вас ожидает производитель ОС, можно переходить к следующему шагу.
2. Знайте свою аудиторию
Иконка приложения для локальной компании, например службы доставки еды, будет отличаться от иконки фирмы, которая хочет выйти на международный рынок. В последнем случае вам нужно быть уверенным, что вы используете универсальные символы, которые будут одинаково восприниматься людьми из разных частей света и не обидят чьи-либо чувства:
3. Создавайте иконку в нужном размере
То, что выглядит хорошо, занимая лист A4, не обязательно «выстрелит» в размере 120 x 120 пикселей. Профессиональный дизайн иконки должен это учитывать.
4. Упрощайте и не перегружайте иконку лишними деталями
Минимализм - ваш лучший друг. Чем больше украшательств и деталей на иконке, тем ниже ее узнаваемость. Иконка должна быть чем-то вроде символа - достаточно простой и понятной. Например, вот иконка, которую мы сделали для приложения с рецептами Кукорама :
5. Правильно расставляйте свет и тени
Этот совет актуален, если вы делаете иконку для Android-приложения. Руководство по Android Material подробно рассказывает об этом аспекте. В нем также приведены значения для теней, отбрасываемых иконкой того или иного цвета.
6. Проверьте, как выглядит иконка на фоне другого цвета (темном, светлом, цветном)
В маркете иконка отображается на белом или светло-сером фоне, но обои на устройствах пользователей гораздо разнообразнее. Поэтому не забудьте проверить, как выглядит дизайн иконки приложения на фоне разных цветов.
7. Не бойтесь использовать перспективу
Конечно, если это не нарушает общее впечатление. Оригинальное использование перспективы поможет вам сделать иконку приложения еще более заметной. Вот отличный образец использования перспективы:
8. Создайте интересную форму
Иконки ниже запоминаются благодаря использованным на них формах:
Форма помогает распознать иконку даже если она очень маленького размера.
9. Ответственно подойдите к цвету
Начав увеличивать количество используемых цветов, вам будет трудно остановиться. Поэтому используйте один или два цвета - этого достаточно. Вот хороший пример иконки с двумя цветами:
10. Не используйте фотографии
Существуют замечательные фотореалистичные иконки , но использование фотографий - это табу.
11. Создавайте иконки приложений без лишнего текста
Мелкий текст тяжело читать, и его использование создаст проблемы в случае локализации, если, например, приложение выйдет для китайского рынка. При этом вы можете использовать первые одну–две буквы из названия компании, как это делают Tumblr или Pinterest:
12. Не используйте на иконке элементы из интерфейса приложения
Это очень плохая практика, которая запутывает пользователя. Элементам интерфейса на место на вашей иконке.
13. Создавайте иконки, которые говорят о главной функции приложения
С хорошей иконкой пользователю даже не придется заглядывать в описание: для плееров обычно используют ноты, инструменты или визуалайзер, для камер - изображения фотоаппарата или объектива, а для мессенджеров вроде Viber - облачка сообщений:
В иконке для проекта UARoads мы отобразили сразу два важных аспекта приложения: необходимость отправлять данные на сервер для обработки и то, что оно предназначено для автомобилистов. Также на иконке использованы цвета национального флага:
14. Изучите иконки конкурентов
Несмотря на предыдущий совет, взгляните на иконки конкурентов - скорее всего, они уже как-то обыграли главную функцию приложения. Поэтому попробуйте не повторяться. Например, иконка Wunderlist выгодно отличается от иконок других приложений со списками дел:
А вот иконка, которую мы создали для приложения KeepSnap , которое ориентировано на фотографов:
Как видим, даже к созданию такого небольшого элемента как иконка, стоит подходить со всей ответственностью. Удачный дизайн иконки привлекает внимание пользователей, которые пришли в маркет совсем за другим приложением.
Смена иконки - это тоже не шутки. Например, владельцам Radium, приложения-агрегатора радиостанций, пришлось менять иконку несколько раз за месяц, потому что она не пришлась по вкусу пользователям.
Мы, студия , с удовольствием создадим иконку для вашего приложения, которая будет выгодно отличать его от продукции конкурентов.
