Сделать иконку для приложения. Лучшие наборы иконок для Android

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

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

Кроме того, что, если мы говорим, что этот удивительный коллекция бесплатных мобильных наборов иконок рекомендуется различными разработчиками? Половина вашей работы будет сделано, не так ли? Нет необходимости тратить время на исследования - начать работать, не начать использовать их!

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 форматах.

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

Требования к иконкам

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

Но все намного сложнее - требуется целый набор исходных графических файлов, максимальный размер которых может достигать 2048 пикселей. И у каждого стора свои требования, например, в Google Play нужно всего 5 размеров, а в App Store - 9. Обратите внимание на размеры иконок для устройств с экранами Retina - для корректного отображения на них нужны особые размеры.

Особенности дизайна

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

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

2. Помните, что иконка - это важный элемент маркетинга. Сделайте ее привлекательной, чтобы пользователь только из-за нее захотел установить приложение.

3. Если приложение связано с каким-то брендом, то уже по иконке пользователь должен понять, о какой именно торговой марке идет речь. Вывод напрашивается сам собой - надо использовать логотип.

Еще несколько полезных советов:

4. Не стоит на иконке дублировать текстом название приложения. Делайте это только в исключительных случаях.

5. Не загромождайте иконку большим количеством объектов, это ухудшает ее восприятие.

6. Избегайте использования всех цветов радуги. Обычно достаточно не более 3-4 основных цветов

7. Прежде чем создавать иконку, тщательно изучите аудиторию и подсмотрите за конкурентами. Возможно, вам придется строго придерживаться одного стиля.

8. Если вы запускаете серию связанных друг с другом приложений, то делайте иконки для них по одинаковым принципам построения.

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

Заказ иконки

В сети есть множество бесплатных сервисов для автоматического создания иконок для мобильных приложений. Но такой вариант неприемлем, с помощью этих инструментов хорошую иконку не сделать. Есть еще один путь - стоки или, например, такие ресурсы, как thenounproject.com , которые все же предпочтительнее первых. Там можно сравнительно дешево купить иконку. Но этот вариант для тех, кто сильно экономит.

Наиболее правильный выбор - заказ иконки у профессиональных дизайнеров. Их можно найти среди фрилансеров, проще всего это будет сделать на крупнейшей в рунете площадке FL.ru.

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

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

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

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

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

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

Тестирование

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

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

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

Заключение

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

Уверен, что красивый набор иконок пригодится всегда. Значки и иконки, при правильном их использовании, являются очень ценным инструментом для дизайнера. Они притягивают наше внимание или обращают внимание на какую-либо вещь. У многих пользователей сайтов функционал запоминается исключительно визуально т.е. с помощью картинок.

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

Иконки для web приложений.

Chalkwork HTML является бесплатным набором HTML-тематические иконки. Они прекрасно сочетаются со всей семьей иконок Chalkwork. Эти иконки Вы можете устанавливать абсолютно бесплатно для личных и коммерческих целей. Комплект доступен в 3 размерах и 6 форматов: прозрачный PNG, TIF, GIF, BMP, ICO Windows и Mac ICNS.

Иконы рука указатель.

Бесплатные иконы, которые включают 36 рук-указателей, 6 различных типов с 6 цветовыми вариантами. Также имеется исходник.psd формата.

452 иконки свободно доступных для частных и коммерческих целей.

Базовая комплектация.

42 высококачественные иконки в 64 × 64, 32 × 32 × 16 и 16 размеров. Mac OS, Win and .PNG-formats. Mac OS, Win и. PNG-формате.

Эта бесплатный пакет икон предназначен для использования в личных и коммерческих проектов, и должен быть использован без присвоения. Комплект не может быть перераспределен. Комплект включает в себя 26 стильных икон разработанных Midtone Design Studio. Каждая икона является.PNG 48 × 48px. Значки были созданны дизайнером Jonatan Кастро Фернандес.

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

Danish Royalty Free.

Дизайн: Jonas Rask.

Иконы Onebit Set.

80 красивых иконок в резолюции 48 × 48px,. PNG.

Скачать также часть1.

On Stage Icons Set.

Набор содержит 49 свободных векторных иконок, в том числе PSD, которые могут быть полезны для корпоративных и личных проектов. Вы можете использовать набор бесплатно, без каких-либо ограничений. Иконки доступны в формате PNG в резолюции 128 × 128 пикселей. Также включены иконки формата.PSD.

Этот набор содержит 9 браузеров иконок в 64 × 64, 32 и 32 × 16 × 16 пикселей. Включает в себя основные браузеры, как Mozilla Firefox, Internet Explorer, Opera, Google, Chromeи многие другие.

Milky Icons Set.

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

Марк Джеймс (FamFamFam) создал большой набор 1022-гладкую шелковистого цвета 16 × 16 иконы в формате PNG.

В четвертой части «кокеток» добавлено еще 50 икон. Основное назначение этих икон – это добавить любовь и игривость Вашим проектам. Иконки следующих размеров: 16 × 16px, 32 × 32px, 48 × 48px, 64 × 64px и 128 × 128px и 32-битной прозрачности PNG формата файла.

В 5 части «кокетка» содержится 50 высококачественных иконок. Размеры: 16 × 16px, 32 × 32px, 48 × 48px, 64 × 64px и 128 × 128px и 32-битной прозрачности PNG формата файла.

Иконки для e-commerce (электронная коммерция).

Chalkwork платежи доступна в 3 размерах и 6 форматов: прозрачный PNG, TIF, GIF, BMP, ICO Windows и Mac ICNS.

Значки бесплатны для личного использования, а также бесплатны для коммерческого использования, но и дизайнеры требуют ссылок на веб-сайте. The archive contains the icons in all sizes, Windows, Mac and PNG formats. Архив содержит значки всех размеров, Windows, Mac и PNG форматах.

23 значка кредитные карточки бесплатно для свободного скачивания.

Комплект свежих икон.

Этот набор содержит 59 растровых и векторных иконок. В комплект входят иконки в PNG, ICO и ICNS форматов. В EPS векторный файл доступен также.

Полезные наборы иконок.

Набор бесплатных мультимедийных векторных иконок различных цветов и стилей.

Fortune 500 бэджи.

Свыше 200 иконок известных брендов, PSD включены.

Комплект из 50 пассажирских и пешеходных символы, разработанные AIGA теперь доступна в Интернете бесплатно. Есть EPS и GIF формат.

Аудио иконы.

Небольшой набор из 48 × 48px иконы: M-Box, на M-Audio Axiom 25 Midi-клавиатура и монитор TAPCO S5 колонок. Эти иконы являются бесплатными для личного использования. Имеются в.ICNS, .PNG.

Социальные наборы иконок.

Социальные медиа мини упаковка иконок.

Этот набор состоит из 30 (16 × 16) тонко разработанных социальных медиа мини иконок. Они могут свободно использоваться в некоммерческих целях.

Социальные иконки в виде облаков. Формат.PNG.

Современные тенденции и подходы в веб-разработке

Узнайте алгоритм быстрого роста с нуля в сайтостроении

Набор содержит 16 социальных икон (прозрачной) PNG формата.

Эти иконки содержат Facebook, Blinklist, Feedburner, Flickr, FriendFeed, Furl, Gmail, Google, Heart icon, Last FM, Linked IN, Magnolia, Newsvine, PayPal, Skype, Sphinn, Twitter, Vimeo, Yahoo and You Tube icons. Все иконы в четырех размерах: 16 × 16, 32 × 32, 64 и 64 × 12 × 128px. И все они являются свободными.

Каждая иконка в формате. JPG и поставляется в двух размерах: 48 × 48px и 96 × 96px. Каждая иконка темносерая на белом фоне.

YouTube, Delicious, RSS, Twitter, Facebook, Flickr, Digg, StumbleUpon, mySpace, Feedburner, Skype, Yahoo, Last.fm, Linkin, Reddit and Gmail.

Dead-Простые Социальный медиа Иконы | Мастер Fidgeter.

Просто, чисто и красиво. 16 × 16px мини-социальных икон.

28 иконок в формате PNG (256 × 256, 128 × 128, 48 × 48, 32 × 32, 16 × 16), ICO (256 × 256, 128 × 128, 48 × 48, 32 × 32, 16 × 16) и ICNS (256 × 256, 128 × 128, 48 × 48, 32 × 32, 16 × 16).

В этот набор входят иконки для Blip.fm, Digg, Facebook, Firefox, Flickr, Meneame, Myspace, Technorati, Twitter, Vimeo, WordPress, Youtube, LastFM, RSS, Blogger, GMail, Reddit and StumbleUpon. Иконки доступны в размерах 24 × 24, 32 × 32, 48 и 48 × 64 × 64. Выпущен под лицензией Creative Commons.

Циркуляр социальные иконы.

ZIP-файл включает в себя 3 размера на 17 иконок: 128 × 128px, 64 × 64px и 32 × 32px. There is an icon for the following: Blogger, Delicious, DesignFloat, Digg, Facebook, Flickr, Google, a heart icon that will work for anything (such as bookmark), MySpace, Reddit, an RSS icon, StumbleUpon, Technorati, Twitter, WordPress, Yahoo! Дизайн Eli Burfordиз Австралии.

Красивые наборы иконок.

Стиль почты.

Коллекция иконок мешочков была разработана Paul Kadysz. Она содержит 5 высококачественных иконок. На этот раз у нас есть 3 различных форматах (. ICO,. Icns и. PNG) и 6 размеров! 512px-16px (except .png). 512px-16px (кроме. PNG). Вот как набор выглядит.

350 бесплатных красивых иконок на рабочем столе, также могут быть использованы online. Дизайн мастер David Lanham.

30 бесплатных иконок, которые имеют размер: 256 × 256, 128 × 128, 64 × 64, 48 × 48, 32 × 32, 24 × 24, 16 × 16 пикселей и форматах PNG, ICO и icns.

Проекты иконок для бесплатного скачивания.

Набор содержит 18 красивых значков, связанных с управлением проектами. Набор включает в себя иконы адрес карты, гистограммы, календарь, часы и времени, конференц-устройство, контакты, документы, проекты, поиск, карта сайта и т.д. Абсолютно бесплатно. Использование для любых целей.

Полезный набор векторных икон (256 × 256 пикселей). Он содержит книги, кисти, пастель, клип, цветные карандаши, документ, ластик, блокнот, палитра, ножницы.

1. Разрешение экранов устройств

Приложения для Android разрабатываются с учетом размера устройства и разрешения экрана.

Графика и разметка в приложениях измеряются в единицах - DPI (количество точек на дюйм).

  • Low DPI (LDPI) = 120DPI
  • Medium DPI (MDPI) = 160DPI
  • High DPI (HDPI) = 240DPI (Nexus S, SGS2)
  • Extra High DPI (XHDPI) = 320DPI (Galaxy Nexus, Nexus 4, SGS3)
  • Extra Extra High DPI (XXHDPI) = 480DPI (HTC One и SGS4)

Размер и формат иконок запуска приложения (launcher icon) для Android

Иконка приложения должна разрабатываться специально для Android. Используйте инструкции по разработке иконок от Android в стиле Material Design, не подражайте визуальным элементам и стилям других платформ.

Иконка запуска приложения должна быть 32-битной, в формате PNGs с альфа-каналом (с прозрачным фоном).

Базовый размер - 48dp, с краями 1dp - для низкого разрешения. Чем выше плотность пикселей экрана (DPI), тем больше отображается деталей. Для остальных разрешений нужно увеличить масштаб на 400% 192 x 192 dp (с краями 4dp).

Хотите идеальную иконку для любого разрешения и не ищете легких путей? Сделайте несколько иконок разных размеров для всех вариантов разрешений, воспользовавшись таблицей ниже. Можно включить дополнительные значения для последовательного увеличения размеров. Например, иконки 96 x 96 пикселей xhdpi могут содержать промежуточный размер 88 x 88 пикселей с отступами в 4 пикселя с каждой стороны. Отступы образуют легкую тень и гарантируют четкость иконки на любом фоне.

базовый размер

XXXHDPI (640dpi)

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

Иконки приложения для публикации на Google Play

Иконка приложения для публикации в Google Play должна быть 512 x 512 пикселей, с высоким разрешением.

Эта иконка используется только для Google Play и не заменяет иконку запуска приложения (launcher icon). Иконка публикации на Google Play должна содержать тот же контент, что и иконка запуска приложения, за исключением некоторых идентификационных знаков.

  • JPEG или 24-битный PNG (без альфа-канала)
  • 1024 х 500 пикселей

Расположение

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

Цели иконки приложения

У иконки приложения есть 3 основных цели:

  1. Продвижение бренда, рассказ о цели приложения.
  2. Помощь пользователю в поиске приложения в Google Play.
  3. Функция запуска.

Продвижение бренда

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

Образцы иконок приложений.

Помогите пользователю найти приложение в Google Play

Иконка должна привлекать внимание пользователя во время скроллинга. Качественный дизайн иконки - однозначный сигнал, о том, что Ваше приложение такого же высокого качества.

Для разработки иконки приложения лучше обратиться к дизайнеру.

Правила дизайна иконки для Android

  • Смотрится детально и четко в небольшом размере.
  • Сочетается с любым фоном.
  • Освещается верхней подсветкой.
  • Может быть уникальной формы.
  • Не является обрезанным вариантом большего изображения.
  • Имеет одинаковый вес с другими иконками.

Для 3D-иконки:

  • Перспектива не противоречит другим иконкам.
  • Располагается ее по ходу движения.
  • Имеет небольшую глубину.

Слишком растянутые в длину иконки, занимающие мало пространства, не привлекают внимания пользователей и плохо сочетаются с различными фонами.

Правильно и неправильно

Иконка для приложения на iOS

Размеры

У каждого приложения должна быть маленькая и большая иконка. Маленькая иконка используется на домашнем экране и в системе после установки. Большая иконка нужна для App Store.

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

Также маленькие иконки нужны для показа:

  • в поиске Spotlight,
  • в приложении настроек смартфона.

Если у вас нет маленьких иконок, iOS уменьшит главную иконку приложения для показа в этих директориях.

Устройство Размер иконок в поиске Spotlight Размер иконки настроек
iPhone 6s Plus и выше, iPhone 6 Plus и выше 120x120px 87x87px
iPhone 6s и выше, iPhone 6 и выше, iPhone SE и выше 80x80px 58x58px
iPad Pro, iPad, iPad mini 80x80px 58x58px

Внимание:

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

Правила дизайна иконки для iOS:

Подкупающая простота

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

Четкий фокус

Создайте иконку с четким фокусом, который привлекает внимание и идентифицирует приложение.

Узнаваемость

Никто не будет анализировать иконку, чтобы понять ее значение.

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

Без прозрачности, простой фон

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

Без надписей

Используйте надписи только как часть логотипа. Название приложения появляется под иконкой на домашнем экране. Не добавляйте в иконку слова, которые повторяют название или являются инструкциями к приложению, например, “Смотри” или “Играй”. Если дизайн иконки включает слова, добавьте только значимые для содержания приложения.

Без фото, скриншотов и элементов интерфейса

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

Без точных копий продуктов Apple

Не помещайте повсюду в интерфейсе иконку приложения

Пользователя может сбить с толку иконка приложения, встречающаяся повсюду в интерфейсе. Просто используйте цветовую схему иконки в интерфейсе. См. Цвет .

Протестируйте иконку на разных обоях

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

Сохраняйте углы иконки квадратными

Система округляет углы иконки автоматически.

Вот и все! Желаем удачи и много красивых иконок для ваших приложений.

Иконка мобильного приложения - это небольшая картинка, представляющая приложение на маркете, таком как Google Play или App Store, и устройстве пользователя. Если вскоре вам предстоит создать свой первый дизайн иконки мобильного приложения, прислушайтесь к этим советам. Они помогут вам избежать ошибок, которые подстерегают новичков.

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

Поэтому примите во внимание следующие советы по созданию дизайна иконки для приложения:

1. Соблюдайте требования руководств

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

Вот руководства, с которых стоит начать:

  1. Официальный сайт , посвященный Material Design для Android. Здесь можно прочитать о стиле, анимации, компонентах, паттернах, макетах и юзабилити, а также скачать материалы в помощь дизайнеру.
  2. Руководства по 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, приложения-агрегатора радиостанций, пришлось менять иконку несколько раз за месяц, потому что она не пришлась по вкусу пользователям.

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

  • Сергей Савенков

    какой то “куцый” обзор… как будто спешили куда то