11 бесплатных наборов иконок для приложений
Иконки являются компонентами дизайна, без которых вы не можете обойтись. Иногда трудно найти хорошие мобильные наборы значков, и вот мой список 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(Главные, Учетная запись, Бизнес, База данных, Образование, Графика, Мультимедиа, Сеть и Веб-дизайн).
Этот пакет включает в себя несколько схем лицензирования, в том числе бесплатную. Я не уверена, содержит ли бесплатная версия все 175K иконок, но если все они вам нужны, вы можете получить их за 35$. Если вы предпочитаете бесплатную опцию, вам нужно будет подписаться на рассылку новостей сайта или поделиться ею в социальных сетях.
Это не такая уж и большая просьба, учитывая, как много иконок для всех мобильных операционных систем вы получите.
Заключение
Ваше приложение или сайт могут изобиловать функциями, но без качественных иконок, это может остаться совсем незамеченным. Даже если вы не можете сами создавать иконки, существует много альтернатив, в том числе бесплатных. Некоторые из лучших наборов иконок для Android, IOS, iPhone и Windows8 бесплатны и я включила их в эту статью. Конечно, есть много других, которые не попали в список, если у вас есть какие-либо другие предложения, мы хотели бы увидеть их в комментариях ниже.
Высоких конверсий!
28-03-2016
шаблоны и гайдлайны для дизайнера — Дизайн на vc.ru
14 272 просмотров
Как часто вы меняете скриншоты в App Store или загружаете новое приложение в Google Play? Мне приходится сталкиваться с задачей подобного рода не чаще, чем раз в полугодие. За это время знания о процессе стираются и приходится вспоминать всё заново — гуглить статьи, переделывать множество макетов.
..
В один прекрасный день я решила — хватит это терпеть! Я собрала в одной статье всю необходимую краткую информацию и ссылки на официальные источники, а также подготовила шаблон. Эти артефакты помогут вам быстро и практически безболезненно подготовить нужный графический контент для публикации вашего приложения в App Store, Google Play или Huawei AppGallery.
Шаблон можно загрузить для Figma или Sketch.
В каждом шаблоне есть 3 блока — App Store, Google Play и Huawei AppGallery, где собраны шаблоны для подготовки графического контента — скринов и иконок приложений. Все элементы уже нарезаны под требуемые платформой размеры. Вам останется разместить свой контент и скачать, нажав одну кнопку.
Добавлю довольно банальную вещь — мир IT развивается очень быстро. Материалы в этой статье актуальны на конец 2020 года. Также будут приведены ссылки на первоисточники. С ними вы сможете ознакомиться, чтобы дополнительно убедиться в актуальности используемой вами информации.
Начнём.
Саша, дизайнер e-Legion
..
App Store
Иконки
Иконки для приложения должны отвечать следующим требованиям:
- отсутствует заданный корнер-радиус (углы не скругляются),
- отсутствуют слои с прозрачностью,
- слои слиты (flatten),
- формат png.
Размеры иконки приложения для смартфона
Размеры иконки приложения для планшета
В Human Interface Guidelines есть раздел App Icon, где можно ознакомиться с более подробной информацией о требованиях к иконкам.
- Разместите иконку вашего приложения в шаблоне.
- Иконки будут подписаны и сохранятся в необходимых для загрузки размерах.
- И загрузите пак иконок для iPhone, iPad или обоих устройств сразу.
Скрины
Для приложения следует загрузить как минимум 1 скриншот.
Максимально допустимое количество — 10.
Для iPhone обязательны скриншоты в двух размерах: для девайсов 6.5 дюймов (1284 x 2778 px) — с «чёлкой» и 5.5 дюймов (1242 x 2208 px) — без «чёлки». Для остальных девайсов скрины уменьшаются автоматически.
Для iPad обязательный размер один — 12.9 дюймов (2048 x 2732 px). Он обязателен для загрузки для iPad Pro 2 поколения и для iPad Pro 3 и 4 поколений. Скриншоты для остальных девайсов уменьшаются автоматически.
Подробнее о требованиях к скринам для iPhone и iPad, а также Mac, Apple TV и Apple Watch можно ознакомиться в разделе Screenshot Specifications сайта App Store Connect Help. Также там вы найдете информацию о размерах скриншотов для каждого размера девайсов, если вдруг они вам понадобятся.
Видео
Вы можете добавить не только скриншоты, но и видео, чтобы лучше рассказать о своем приложении. С требованиями можно ознакомиться в разделе App preview specifications сайта App Store Connect Help.
Google Play
Иконки
Иконка приложения должна отвечать следующим требованиям:
- размер 512 x 512 px,
- формат png,
- отсутствуют скругления (полный квадрат),
- отсутствуют тени.
На сайте developer.android.com можно подробнее ознакомиться с требованиями к иконке приложения. Шаблон иконки вы сможете найти в файле. Или загрузить его с сайта.
Скрины и другие графические материалы
Для приложения следует загрузить как минимум 2 скриншота. Максимально допустимое количество — 8.
Для Android нет строгих правил по необходимым размерам скриншотов. Рекомендуется загружать изображения:
- не менее 320 px,
- не более 3840 px,
- отношение длинной стороны к короткой не более 2:1.
Мы с коллегами из e-Legion обычно используем скрины размером 1920 x 1080 px.
Для Android помимо скринов нужно подготовить дополнительные изображения.
— Значок с высоким разрешением (в дополнение к иконке приложения):
- формат png,
- размер 512 х 512 px.
— Картинка для описания (рекламное изображение, отражающее суть приложения):
- формат png или jpeg,
- размер 1024 х 500 px.
— Баннер для телевизора (отображается только на Android TV, но система может требовать данное изображение, даже если ваше приложение не поддерживает подобные устройства):
- формат png или jpeg,
- размер 1280 х 720 px.
В шаблонах для данных изображений нужно разместить ваш контент и скачать.
Подробнее о требованиях к изображениям можно почитать на сайте support.google.com. Также там вы сможете найти требования к круговым панорамам (такой контент необходимо подготовить, если вы хотите опубликовать приложение для Daydream).
Huawei AppGallery
Иконки
Иконка приложения должна отвечать следующим требованиям:
- размер 216 x 216 px,
- формат png или webp,
- отсутствуют скругления (полный квадрат).
Шаблон для иконки вы сможете найти в файле.
Скрины и другие графические материалы
Для приложения следует загрузить как минимум 3 скриншота.
Рекомендации к формату скринов:
- размер 450 х 800 px,
- соотношение сторон 9 : 16,
- формат jpeg, jpg, png.
Подробнее с информацией по загрузке можно ознакомиться в руководстве для разработчиков.
Также существует Руководство по проверке приложений, в котором информация несколько отличается от приведенной в статье по ссылке выше. Поэтому перед публикацией стоит дополнительно проконсультироваться у разработчиков или представителей Huawei.
Шаблоны для Sketch и Figma доступны на Google Drive.
дизайнов иконок мобильных приложений, тем, шаблонов и загружаемых графических элементов на Dribbble
Значки просмотра
Просмотр Odacon — иконки Odama 🔥
Одакон — Иконки Одама 🔥
Просмотр Schoolvoice – боковые панели
Schoolvoice — боковые панели
Посмотреть жидкое меню
Жидкое меню
View PRO — дизайн мобильных приложений для команд
PRO — дизайн мобильного приложения для рабочих групп
Просмотр настроек приложения
Настройки приложения
Twitter Меню навигации, взаимодействие!
Просмотр анимации веб-сайта DFINITY
Анимация веб-сайта DFINITY
Просмотреть приложение Crypto — регистрация
Криптоприложение — подключение
Просмотр взаимодействия с приложением для управления событиями
Взаимодействие с приложением управления событиями
Просмотр значков электронных устройств
Значки электронных устройств
Просмотр Iconhub — исследование мобильной панели управления
Iconhub — исследование мобильной панели управления
Посмотреть внешний вид DFINITY Mobile
Внешний вид DFINITY Mobile
Посмотреть умную торговую витрину
Умная торговая витрина
Просмотр компонентов пользовательского интерфейса SafePal
Компоненты пользовательского интерфейса SafePal
Просмотр анимированной панели вкладок
Анимированная панель вкладок
Приложение View Music player для iOS 🎸🎺🎹
Музыкальный плеер iOS приложение 🎸🎺🎹
Посмотреть карту пользовательского интерфейса PleaseAssistMe
Карта пользовательского интерфейса PleaseAssistMe
Просмотр банковского платежного приложения
Банковское платежное приложение
Просмотр приложения для отслеживания подписки
Приложение для отслеживания подписки
Посмотреть иллюстративные значки PayPal
Иллюстративные значки PayPal
Посмотреть фитнес
Фитнес
Посмотреть дизайн мобильного приложения Nursececlub
Дизайн мобильного приложения Nurseseclub
Просмотр онлайн-курсов — взаимодействие с уведомлениями
Онлайн-курсы — взаимодействие с уведомлениями
Зарегистрируйтесь, чтобы продолжить или войдите в систему
Загрузка еще.