Иконки для мобильного приложения. Проектируем классные иконки приложений
Уверен, что красивый набор иконок пригодится всегда. Значки и иконки, при правильном их использовании, являются очень ценным инструментом для дизайнера. Они притягивают наше внимание или обращают внимание на какую-либо вещь. У многих пользователей сайтов функционал запоминается исключительно визуально т.е. с помощью картинок.
Эта коллекция иконок выпущена в помощь дизайнеру. Коллекция абсолютно бесплатна. Пожалуйста, прочитайте лицензионное соглашение перед использованием значков — лицензия может время от времени меняться. Значки также могут оказаться полезными для корпоративных проектов, блогов, интернет-журналов, дневников, интернет-приложений. Пожалуйста, не стесняйтесь предлагать свои наборы иконок в комментариях к данному посту.
Иконки для 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 пикселей). Он содержит книги, кисти, пастель, клип, цветные карандаши, документ, ластик, блокнот, палитра, ножницы.
Иконки являются компонентами дизайна, без которых вы не можете обойтись. Иногда трудно найти хорошие мобильные наборы значков, и вот мой список 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 бесплатны и я включила их в эту статью. Конечно, есть много других, которые не попали в список, если у вас есть какие-либо другие предложения, мы хотели бы увидеть их в комментариях ниже.
После моей нашумевшей статьи “ ” (“Давайте поговорим о белых иконках приложений”), которая - признаю - написала слегка назидательным тоном, я решил написать еще одну более конструктивную и практическую статью о проектировании классных иконок. Эта статья подойдет любому: от новичка до профессионала. В ней я расскажу о магии иконок и о том, как сделать их дизайн еще лучше.
На видео выше я за 10 минут рассказываю о пяти основных аспектах дизайна иконок и привожу реальные примеры того, как я работаю с этими аспектами. В видео много историй, советов и пикселей, и я надеюсь, что интересно будет всем: и начинающим, и опытным дизайнерам. Если хотите чуть больше контекста, читайте дальше. Обещаю, будут булиты.
Для начала
Проектирование одного единственного предмета граф. дизайна, с которым пользователи будут взаимодействовать при каждом использовании продукта, может показаться пугающей задачей. Красивая, узнаваемая и запоминающаяся иконка может сильно повлиять на популярность и успех приложения. Но как именно спроектировать “хорошую” иконку приложения? Что это вообще означает? Не бойтесь, я собрал несколько советов, которые помогут ответить на эти вопросы. Эта статья - ваше руководство по проектированию классных иконок.
Что такое “иконка приложения”?
Первое, что вы должны понять, принимаясь за проектирование - это что такое “иконка приложения” и какую задачу она выполняет. Иконка приложения - это визуальный якорь вашего продукта. Можете рассматривать иконку как небольшой элемент брендинга, который должен не просто красиво выглядеть и выделяться, но еще и предавать основную суть вашего приложения.
Можно создавать иконки в любом редакторе, который поддерживает создание растровых файлов. Обычно для этого используют Photoshop, Illustrator и Sketch. Бесплатные инструменты типа appicontemplate.com предлагают удобные PSD шаблоны, которые станут отличным подспорьем на начальном этапе.
5 ключевых аспектов
Теперь давайте изучим некоторые лучшие практики проектирования иконок приложений. Мы рассмотрим каждый из пяти ключевых аспектов в отдельности, и по каждому я дам несколько советов и приведу примеры. Большинство примеров - это мои собственные работы. Это не означает, что мои работы самые лучшие, просто, создавая их, я опирался именно на ту информацию, которую изложил в этой статье. Когда будете читать про каждый из аспектов, попробуйте представить свои любимые иконки и увидеть в них то, о чем я буду говорить. Ну что ж, давайте приступим.
1. Масштабируемость
Иконка приложения должна хорошо выглядеть в разном разрешении и передавать суть концепции независимо от размера.
Один из самых важных аспектов иконки - это масштабируемость. Иконка будет использоваться в разных разделах платформы и отображаться в разных размерах - поэтому важно, чтобы она всегда оставалась уникальной и четкой. Иконка должна хорошо выглядеть и в App Store, и на ретина-дисплее, и на панели настроек.
Слишком сложные иконки, перегруженные деталями, как правило, плохо масштабируются.
В процессе проектирования иконки приложения большую долю внимания стоит уделить тому, насколько изящно масштабируется выбранный вами дизайн.
- Холст 1024х1024 бывает обманчивым - обязательно протестируйте свой дизайн на “живом” девайсе, в разных контекстах и размерах.
- Делайте упор на простоту и сконцентрируйтесь на каком-то одном объекте; предпочтительно, чтобы это была какая-то уникальная форма или элемент, который хорошо сохраняет свои свойства и качество при масштабировании.
- Убедитесь, что иконка хорошо смотрится на разном фоне.
2. Узнаваемость
Иконки могут быть детализированными или упрощенными, главное, чтобы они были творческими, интересными и точно передавали ваши намерения.
Иконка приложения - как песня: очень важно, чтобы ее было легко узнать среди других мелодий в магазине (то есть других иконок на домашнем экране). И точно так же, как мелодия песни затрагивает душу слушателя, формы, цвета и идея иконки должны цеплять пользователя.
Дизайн должен передавать запоминающийся и логически связанный образ как на функциональном, так и на эмоциональному уровне.
Ваша иконка будет бороться за внимание пользователя с тысячами других иконок такого же размера, которые тоже несут свой замысел и стараются привлечь внимание.
Для узнаваемости большую роль играет не только масштабируемость, но и новизна. Главная сложность при проектировании иконки - найти баланс этих качеств.
- Безвкусные, перегруженные иконки - враги узнаваемости. Начните убирать лишние детали, пока это можно сделать без ущерба концепции. Затем остановитесь и проанализируйте - стало ли лучше? Повысилась ли узнаваемость?
- Создайте несколько разных вариаций дизайна. Поставьте их рядом и взгляните на все сразу. Отмечайте, какие аспекты дизайна привлекают внимание.
- Попробуйте разобрать на составляющие ваши любимые иконки и попытайтесь понять, почему они вам нравятся и за счет чего привлекли ваше внимание.
3. Согласованность
Когда иконка согласуется с интерфейсом, это визуально усиливает идею вашего приложения.
Важно также добиться согласованности между процессом взаимодействия с иконкой и процессом взаимодействия с приложением.
Мне кажется, что хорошая иконка - это продолжение идеи приложения. Если иконка и интерфейс будут согласованы, приложение лучше запомнится пользователю.
Нужно сформировать в сознании пользователей единый, целостный образ приложения - это повышает общую удовлетворенность от использования продукта, а также способствует удержанию существующих клиентов и привлечению новых.
Короче говоря, если ваша иконка гармонично дополняет идею, функциональность и дизайн приложения - можете считать это большой победой.
- Один из способов добиться согласованности между приложением и иконкой - это придерживаться одной цветовой палитры и использовать схожий “язык дизайна”. Например, зеленый интерфейс можно усилить зеленой иконкой.
- Следующий способ не всегда возможен, но все же: попробуйте использовать в дизайне иконки символы, напрямую связанные с функциональностью приложения.
4. Уникальность
Приложения в App Store в категории “Производительность” - это отличный пример отсутствия уникальности в дизайне.
Это в общем-то очевидно: постарайтесь создать нечто уникальное. Ладно, вы можете использовать какой-то существующий стиль или тренд, но сделайте это по-своему!
Ваша иконка будет соревноваться за внимание пользователя с другими иконками - и оригинальный дизайн может стать отличным преимуществом.
Уникальность - это коварный аспект дизайна: здесь играют роль не только ваши навыки, но и дизайнерские решения остальных “игроков” на рынке, которые стараются решить ту же задачу.
- Изучите, что делают другие дизайнеры в вашей нише, а потом попробуйте пойти другим путем. Проведите хорошее исследование - миру не нужна еще одна иконка с галочкой.
- Если вы стремитесь к уникальности, простой глиф на одноцветном фоне - это сомнительная стратегия. Поиграйте с разными цветами и композициями и поставьте себе задачу найти новые, интересные метафоры.
- Цвет - это отличный способ по-новому представить старую концепцию (хотя многие упускают его из виду).
5. Не используйте слова
Это самая больная тема всех времен. Только в очень редких случаях в иконках допускаются слова. Я считаю, что если дизайнер прибегает к использованию слов, значит он не в полной мере использует свой арсенал образов.
Слова и изображения - это совершенно разные инструменты представления. Иконка должна служить графическим представлением приложения, а если в ней намешаны слова и образы, то результат получается перегруженным и расфокусированным - и пользователю сложнее уловить идею такой иконки. Ну неужели не нашлось лучшего способа изобразить идею приложения, чем просто сказать словами? Когда я вижу иконки со словами, мне всегда кажется, что дизайнер просто не смог передать свою задумку более понятно.
Создание своей метки
В App Store и Google Play есть масса скучных и банальных иконок. Ваша иконка - это ваша самая сильная связь с пользователем. Именно с нее начинается знакомство с приложением в App Store. Именно с ней пользователь взаимодействует всякий раз, когда открывает приложение. Когда у приложения непродуманная, некрасивая или неподходящая иконка, оно теряет свой самый важный визуальный актив. Иконка приложения - это не довесок, о котором вспоминают в последнюю очередь, а важная часть всего процесса разработки приложения.
Иконка приложения - это небольшой кусочек концентрированного дизайна. Если вы хотите создать хорошую иконку, есть набор аспектов, которые нужно продумать. Масштабируемость, узнаваемость, согласованность и уникальность - все эти аспекты есть и в других областях дизайна. Если научитесь создавать классные иконки - повысите свой общий дизайнерский уровень.
У всех иконок - детализированных и упрощенных, креативных и обыкновенных - есть нечто общее: одинаковые по размеру, все они стараются выделиться на фоне конкурентов и привлечь внимание пользователя. Это непростая задача, и решение всегда лежит в пределах все того же фиксированного количества пикселей.
Конечно, дизайнер может чувствовать себя неуверенно: шутка ли - разработать графическое представление всего приложения! Но я надеюсь, что мои советы помогут вам обрести уверенность и смело взяться за работу. А теперь вперед - создайте фантастическую иконку для своего приложения!
Mental notes - это колода из 53 карточек с описанием психофизиологических моделей поведения людей, которые лежат в основе принципов веб-дизайна. Они помогают дизайнерам, проектировщикам лучше понять поведение пользователей и найти эффективные решения при создании дизайна интерфейсов.
Одной из самых полезных бесплатностей, доступных в Интернете для разработчиков мобильных приложений, являются иконки! Коллекции мобильных иконок экономят много времени и усилий.
Одним из самых полезных халявы, доступных в Интернете для разработчиков мобильных приложений является иконки и когда коллекция больших бесплатных мобильных наборов иконок представлен на них, как это - это экономит много времени и усилий.
Кроме того, что, если мы говорим, что этот удивительный коллекция бесплатных мобильных наборов иконок рекомендуется различными разработчиками? Половина вашей работы будет сделано, не так ли? Нет необходимости тратить время на исследования - начать работать, не начать использовать их!
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.
Также не стоит надеяться, что вы дадите заказ, а через три дня вам пришлют готовый шедевр. Обычно процесс создания лого для приложения многоэтапный - он требует постоянной доводки. Сроки зависят как от поставленных задач и исполнителя, так и от многих других факторов. Если случай сложный, требует большой проработки, но дизайнер заявляет что справится за день, то такой факт должен вас насторожить.
Для создания действительно качественной и привлекательной иконки вы должны дать дизайнеру максимум информации о контенте и целевой аудитории приложения и подробно изложить свои пожелания. Но не стоит заваливать исполнителя своими эскизами, тем более если вы далеки от сферы дизайна. Это только усложнит ваши взаимодействия и растянет сроки.
Если у вас уже есть какие-то идеи, то сделайте эскиз или хотя бы схематично нарисуйте на бумаге то, что хотите видеть на будущей иконке. Создав концепт, вы очень поможете дизайнеру и ускорите работу.
Принцип создания иконки сильно зависит от специфики приложения. Иногда дизайнеры в процессе создают несколько вариантов, из которых дальше выбирается наиболее подходящий. А иной раз делается единственный.
<Для некоторых приложений подходит прием оценки на фоне конкурентов, когда иконка размещается среди других приложений на скриншоте из стора. То есть таким образом ее можно увидеть и оценить в той среде, для которой она создается.
Иногда можно проследить корреляцию между цветом иконок и категориями приложений. Например, многие социальные сети используют вариации синего цвета, а мессенджеры - зеленого. Но есть отличные примеры, которые доказывают, что далеко не всегда стоит придерживаться каких-то цветовых рамок, будьте смелее, заявите о себе другим цветом. Если же задачи стоят иные, то пробуйте мимикрировать, не выбиваясь из общего ряда.
Важный технический момент: заказывайте у дизайнера сразу все необходимые размеры иконок. Если вы сделаете автоматический ресайзинг средствами обычного графического редактора, то вас будет ждать разочарование - качество картинки сильно пострадает. Поэтому обязательно доверяйте эту процедуру дизайнерам, которые для каждого требуемого размера создадут свою уникальную иконку.
Тестирование
Отдельно стоит сказать о тестировании. Прежде чем запускать приложение проверьте иконку на группе людей, которая соответствует вашей целевой аудитории. Если вам это не по силам, то не беда - попросите помочь знакомых и друзей.
Не просто показывайте им разные варианты отдельно, а окружайте каждый иконками конкурентов. При этом выбирайте тот, который привлекает больше внимания. Еще один эффективный подход - опросы. Создайте анонимную голосовалку без показа результатов. Ссылку на нее можно разместить у себя в социальных сетях или блоге, чтобы охватить больше аудитории.
Кроме того, учитывайте что у пользователей могут быть установлены разные обои. Выберите основные цветовые вариации и протестируйте иконку на каждой их них. Возможно, что с некоторыми видами фона она будет сливаться, тогда придется переработать значок вашего приложения.
Заключение
Иконка напрямую влияет на успех приложения. При ее создании не выходите за рамки требований магазинов. Подойдите к задаче творчески и не бойтесь экспериментировать, так вы сможете создать настоящий шедевр, за который пользователи проголосуют установками.
Поиск
Мы можем оповещать вас о новых статьях,