Бесплатные иконки программ и приложений (40+ лучших наборов)

Поменять рабочий стол в iOS 14

Иногда доходит до абсурда

Помимо вышеупомянутого способа с приложением «Команды» для кастомизации иконок, они также пользуются приложениями со сторонними виджетами вроде Widgetsmith. С его помощью можно создавать свои виджеты с разными цветами, шрифтами и оформлением.

Widgetsmith позволяет делать собственные виджеты

Вот, например, один из таких виджетов. Если сделать все иконки в оранжевом стиле и выбрать подходящие обои, получится все в едином стиле.

Ну такое…

Еще несколько приложений со сторонними виджетами:

1. Color Widgets — для создания собственных виджетов;

Color Widgets тоже позволяет создавать новые виджеты

Coinbase — финансовые виджеты;

Крутая штука для мониторинга курсов разных валют

Night Sky — красивые погодные виджеты.

Уникальность

Приложения в App Store в категории “Производительность” — это отличный пример отсутствия уникальности в дизайне.

Это в общем-то очевидно: постарайтесь создать нечто уникальное. Ладно, вы можете использовать какой-то существующий стиль или тренд, но сделайте это по-своему!

Ваша иконка будет соревноваться за внимание пользователя с другими иконками — и оригинальный дизайн может стать отличным преимуществом

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

Не важно, какой стиль дизайна вы предпочитаете: работа над уникальностью — это отличное упражнение, которое поможет вам найти новые идеи

Масштабируемость

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

Один из самых важных аспектов иконки — это масштабируемость

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

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

• Холст 1024х1024 бывает обманчивым — обязательно протестируйте свой дизайн на “живом” девайсе, в разных контекстах и размерах.
• Делайте упор на простоту и сконцентрируйтесь на каком-то одном объекте; предпочтительно, чтобы это была какая-то уникальная форма или элемент, который хорошо сохраняет свои свойства и качество при масштабировании.
• Убедитесь, что иконка хорошо смотрится на разном фоне.

Общие иконки для программ

Как мы уже сказали в начале, кроме иллюстраций реальных программных продуктов могут встречаться картинки «общего характера». Они применяются при обозначения определенного софта с точки зрения его функций, например: калькулятор, часы/таймер, таблицы, документы, записная книжка, утилита и т.п.

Точно также разработчики могут скачать иконки для приложений дабы использовать их непосредственно внутри ПО (в пользовательском интерфейсе). Все изображения одинаково хорошо подходят в том числе тематическим сервисам и обычным веб-проектам. Они являются неплохим дополнением статьи про бесплатные пиктограммы для сайтов.

Coquette Part 3

Farm-Fresh Web Icons

В данном скачиваемом файле найдете почти 4тысяч мини-картинок на любой вкус (что заметно по скриншоту выше). По размерам здесь будут файлы 16×16 и 32×32 пикселей.

Niome PNGs

PixeloPhilia2

Open Icon Library

Открытая библиотека бесплатных иконок для приложений в SVG (около 2500шт.), PNG (7500шт.), XPM, ICO, ICNS. Всего она содержит около 10тысяч объектов. Выбор максимально широкий.

300+ Free Flat Color Icons

MinIcons by Kyo-tux

680 Inverticons MiniFree

Это работа взята с сайта Icojam, о котором мы когда-то писали. Там можно найти супер классные красочные иконки для любых задач, в том числе и оформления софта/веб-сервисов. Просто невероятный архив по своим объемам.

Reality by kidaubis

24×24 Free Application Icons

48 Flat Designer Icons

Blue Whales 

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

Vector Flat Colored Pictograms

Colorful Program and Interface Icons

WebFile Labels Set

180 Modern Flat Iconset

Web icons

Universal Web/Mobile Icons

Итого получилось более 40 ссылок для скачивания, хотя их в интернете еще очень-очень много. Фишка в том, что сейчас значительная часть материалов содержится в специальных архивах иконок таких как Flaticon, Softicons, Iconarchive, Icons8. Искать графику там проще + они предлагают интересные фишки по ее редактированию и не только.

P.S. Постовой. Если требуется заказать рекламу и раскрутку сайта то в компании Aweb вам помогут решить эти задачи максимально качественно.

Согласованность

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

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

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

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

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

• Один из способов добиться согласованности между приложением и иконкой — это придерживаться одной цветовой палитры и использовать схожий “язык дизайна”. Например, зеленый интерфейс можно усилить зеленой иконкой.
• Следующий способ не всегда возможен, но все же: попробуйте использовать в дизайне иконки символы, напрямую связанные с функциональностью приложения.

Дизайн иконок: 3 правила оформления

Давайте разберемся с этим понятием: значок приложения ≠ логотип.

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

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

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

1. Масштабируемость

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

Значки приложений в настройках iOS и Android

Пользователи не должны напрягаться, напрягать глаза, пытаясь уловить задумку дизайнера. Тестирование здесь на всех типах устройств является ключевым (для этого мы используем Appsparky); хотя потеря деталей неизбежна, идея всегда должна быть ясной.

Вот хороший пример того, как российский модный ритейлер Lamoda упростил свой логотип для приложения

И это подводит нас ко второму рассмотрению дизайна иконок приложений …

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

Здесь приложения и логотипы перекрываются.

В Messapps мы советуем, что для узнаваемости простота является ключевой – и это не означает скучно.

Смотри, разве эти значки не детализированы?

Hello Neighbor, Tiny wings, Prune, Pandora Music, Silly Sausage in Meat Land, Old Man’s Journey

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

Мы, в Messapps, постоянно работаем над созданием дизайнов, чтобы клиенты могли быть действительно поражены результатами. Эта работа включает в себя изменение концепций и идей, которые мы внедряем в дизайн – и это то, что мы сделали с приложением Mentissana.

С Mentissana мы работали над несколькими вариантами дизайна, пока не пришли к окончательному значку приложения

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

Почти два миллиона приложений в App Store и 2,1 миллиона в Google Play

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

Покажите что-то новое и необычное!

Todoist использует стандарт для менеджеров задач «галочка», но в интересной композиции

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

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

Всегда ищите свой персональный способ решения проблем!

Трудно придумать что-то новое. Создайте доски настроения, создайте карты разума, попросите совета у друзей и коллег. Вы никогда не знаете, где вы найдете отличную идею.

3. Согласованность

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

Это особенно важно для игр, где приложение может получить миллион загрузок только из-за одной игровой механики.
Jazz Smash показывает основной игровой элемент в значке приложения. В игре вы разбиваете разные предметы битой

Иконка JazzSmash, объясняющая особенности игры с первого взгляда

Значок Slack является отличным примером соответствия между значком и интерфейсом

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

Почему каждому приложению нужна иконка

Иконка приложения – это уникальное изображение, обязательное для каждого мобильного приложения, это первое, что пользователи видят, когда они находят приложение в Apple App Store и Google Play.

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

Плохая иконка делает в два раза больше, но наоборот. Это сбивает с толку и ставит под сомнение пользу приложения.

Однако, как только пользователь устанавливает приложение, цель значка меняется. Теперь он помогает в поиске приложения на главном экране среди других значков.

Но что же делает иконку приложения «хорошей»?

Не используйте слова

Это самая больная тема всех времен. Только в очень редких случаях в иконках допускаются слова. Я считаю, что если дизайнер прибегает к использованию слов, значит он не в полной мере использует свой арсенал образов.

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

Вместо тысячи слов…

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

Есть также многочисленные курсы и ресурсы, которые мы используем и следуем в нашей команде, и мы хотим поделиться некоторыми из них с вами:

Я рекомендую ознакомиться с примерами из UX Planet — 10 случаев, которые показывают, как значок приложения влияет на коэффициент конверсии приложения, также там обсуждают как маркетинг приложений, так и дизайн иконок приложений. При работе над концепциями значков приложений мы ежедневно используем iOS Icon Gallery.

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

Если вы нашли опечатку — выделите ее и нажмите Ctrl + Enter! Для связи с нами вы можете использовать info@apptractor.ru.

Зачем нужны быстрые команды в iOS

Вообще, изначально приложение «Команды» было предназначено для создания персонализированных команд для Siri. Благодаря им в одну фразу можно уместить сразу несколько действий. Например, по команде «Siri, едем домой», голосовой ассистент включит ваш любимый плейлист и проложит оптимальный маршрут, обойдя пробки.

В iOS 14 «Быстрые команды» обзавелись дополнительными триггерами, провоцирующими включение в зависимости от наступления определенных событий, например, при достижении аккумулятором определённого уровня заряда. То есть, если iPhone разрядился ниже заданных пределов, можно настроить автоматическую активацию режима энергосбережения.

Как добавить фото на виджет в iOS 14?

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

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

ПОДСКАЗКА! Небольшой лайфхак, как добавлять виджет не с экрана виджетов и чтобы иконки не перемещались.

Зажимаем пальцем на пустом месте на рабочем столе, где хотите добавить виджет и затем нажимаем всё тот же плюсик справа сверху.

Widgetsmith

Один из самых нашумевших виджетов, который не так давно был в топе App Store.

Он покорил своей универсальностью, ведь здесь найдете большое количество видов виджетов, включая и фото.

Вот как всё работает, покажу на примере маленького размера:

• устанавливаем приложение Widgetsmith (ссылка, чтобы скачать);
• открываем его и нажимаем Add Small Widget;
• появляется новая строка, на которую и нажимаем;
• нажимаем на виджет;

• в разделе Style, находим тип Custom;
• как видите, можно выбрать как одную фотку, так и альбом или даже фото с датой или днём недели (я выбрал первый вариант);
• внизу появляется пункт Selected Photo, который нужно выбрать;
• тапаем Choose Photo и открываются ваши фотки, из которых вам нужно что-то выбрать;

нажимаем стрелку назад и затем Save;

• идем на рабочий стол и листаем до экрана с виджетами;
• по старинке тапаем Изменить и Плюс, выбираем из списка Widgetsmith;
• выбираем размер и затем Добавить виджет;

• если выбралось что-то не то или ничего не показывает, то зажимаем на виджете и затем Изменить виджет;
• нажимаете на название и выбираете последнюю строчку, что является последним созданным виджетом.

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

Photo Widget : Simple

Ещё один виджет, но он посвящен исключительно фотографиям. Он весьма неплох в своей функциональности.

Суть очень проста — вы создаете альбом и добавляете туда любое количество фоток, от 1 до бесконечности.

Затем создаете виджет нужного размера и выбираете нужный альбом из списка. Чтобы было удобнее ориентироваться, называйте альбомы уникальными именами.

Вот инструкция:

• устанавливаем себе приложение Photo Widget : Simple (скачать тут);
• запускаем его и нажимаем Плюс для создания нового альбома;
• пишем названием и затем Confirm;

отмечаем все нужные фотки и потом Добавить;

• идем на страничку виджетов и нажимаем Изменить и затем Плюс;
• внизу выбираем название photowidget;
• выбираем размер и затем Добавить виджет.

• зажимаем пальцем на новом виджете и выбираете Изменить виджет;
• затем, в первом пункте выбираете нужный альбом, а во втором — интервал времени смены фотки.

Как видите, тут инструкция намного меньше и функционал очень прост. Тем не менее, для большинства этого будет более чем достаточно.

Color Widgets

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

Он хорош тем, что имеется очень большое количество настроек и выглядит потрясно.

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

Давайте знакомится с тем, как работать с этой программой:

• устанавливаем приложение Color Widgets (вот ссылочка);
• нажимаем на виджет, чтобы зайти в его настройки (если его нет, то создаем новый вариант плюсиком справа);
• в строчке Widget, выбираем Photo Only, если нужна только фотография (есть и другие варианты, когда поверх фото будет календарь, часы и другое);
• нажимаем Add Photo и выбираем фотографию;
• чтобы всё сохранить, тапаем SET WIDGET;

• выходим из программы и снова переходим на страничку с виджетами;
• нажимаем сперва Изменить и затем Плюс;
• внизу выбираем Color Widgets;
• затем листаем до нужно размера и Добавить виджет;

• зажимаем на пальцем на виджете и затем Изменить виджет;
• выбираете нужный вариант.

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

Стандартный вариант

Компания Apple сделала свой фото виджет и его суть заключается в том, что он показывает случайные фотки из раздела Для вас.

Вы не можете выбрать что-то своё и это невероятно бесит. Но если этот момент вас устраивает, то вот как его сделать:

• идем на страничку виджетов и нажимаем Изменить;
• теперь плюс в правом верхнем углу;
• листаем вниз и находим виджет Фото;

листаете, чтобы выбрать подходящий для вас вариант и затем нажимаем Добавить виджет;

перетягиваете его на удобное для вас место на рабочем столе.

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