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

В одном стиле

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

Генератор шрифтов Платно

Прощайте, монструозные шрифты на 500 иконок. Выберите только значки, которые нужны, и сгенерируйте свой собственный, компактный шрифтовой файлик. Инструкции

Перекрашивание иконки

Выбрать цвет, и мы сгенерим иконку в цвете, PNG или SVG на выбор.

Приложения под Винду и под Мак

Работает в оффлайне. Отлично ладит с Photoshop. Скачать

Встраивание HTML

Сгенерите код, чтобы вставить иконку прямо в HTML. 5 способов вставки! Инструкции

icons8.ru

Как создать иконки для приложений на Android и iOS

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

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

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

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

2. Категории 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 пикселя с каждой стороны. Отступы образуют легкую тень и гарантируют четкость иконки на любом фоне.

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

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

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

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

Раздел “Рекомендуемые”

В разделе «Рекомендуемые» можно продемонстрировать потенциальным пользователям графические возможности приложения. 

Требования к иконке в разделе «Рекомендуемые» :

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

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

Картинка для раздела «Рекомендуемые» располагается над сведениями о приложении в Play Маркете. Если загружен проморолик, поверх нее будет расположена кнопка «Воспроизвести».

Советы

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Размеры 

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

Устройство или контекст

Размер иконки

iPhone 6s Plus и выше, iPhone 6 Plus и выше

180x180px

iPhone 6s и выше, iPhone 6 и выше, 
iPhone SE и выше

120x120px

iPad Pro

167x167px

iPad, iPad mini

152x152px

App Store

1024x1024px

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

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

• в поиске 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

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

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

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

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

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

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

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

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

blog.sbssoft.ru

Разрабатывая иконки для Android – AppTractor

В конце прошлого года Google представил новые гайдлайны для иконок Android Launcher или, как они еще называются, Product Icons. Это очень хорошая документация для направления дизайнеров по пути унифицированного визуального языка и, возможно, лучшее, что происходило с иконками на Android. Поэтому, конечно, мой новый шаблон иконок несколько запоздал. Вы можете сразу скачать PSD или почитать побольше об основных отличиях новых “продуктовых” иконок.

Ограничения ­ это естественно при работе с иконками, и в течение многих лет иконки на Android существовали без правил. На iOS мы все ограничены скруглением, там нет прозрачности, дизайнеры находятся в более строгих рамках. Если вы когда-нибудь разрабатывали иконки для любой версии Android, вы знаете, что можно делать практически что угодно с этими 512*512 пикселями. В Google Play можно найти любые формы, эффекты, там нет ограничений на альфа­канал. Было сделано несколько попыток установить стандартные размеры и формы на прозрачных холстах, но Google сам изменял решения не по одному разу. Так что свобода ­ это хорошо, правда? Но не когда вы смотрите на это с точки зрения пользовательских впечатлений. Подобные друг другу иконки формируют намного более удобную, читаемую и надежную ОС. Google об этом знает и предпринимает гигантские шаги по приведению в порядок всей этой системы приложений сторонних разработчиков при помощи хорошо документированных руководств по дизайну. Иконки теперь стали частью этих усилий, а обновленным шаблоном я надеюсь облегчить вам движение по этому пути.

Так как эти гайдлайны помогают разработчикам унифицировать дизайн иконок? Они состоят из нескольких указаний по разным аспектам. Я не буду пытаться перефразировать существующие (и отличные) материалы самих гайдлайнов, а собираюсь сфокусироваться на нескольких вещах, с которыми вам поможет мой шаблон. Когда вы закончите читать, вы поймете основные концепты, которые составляют дизайн иконки приложения и как этот шаблон вам в этом поможет.

Сетка и направляющие

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

Вы не должны строго придерживаться только этих форм, но это отличное начало и, возможно, послужит мощнейшим источником единообразия иконок. Построение из этих элементов сделает вашу иконку легитимной. Она естественным образом будет сочетаться с другими иконками, которые соблюдают сетку, и даст ощущение согласованности. Как описано выше, и преимуществом, и недостатком приложения на Android является возможность создавать уникальные силуэты ­ то, что недоступно на iOS. Это преимущество, потому что дизайнер меньше загнан в рамки, что позволяет ему обратить внимание на его приложение. Это слабость, потому что открывает дверь визуальной фрагментации. Сетка и направляющие ­ – попытка Google сочетать эти две крайности. Прозрачность все еще ок, и вы все еще можете делать, что хотите, но есть руководство и стандартные формы сделают ваше приложение частью единой вселенной.

Свет и цвет

Ядро визуального материала ­ тактильность и физичность. Для описания света Google использует аналогию с нарезанной, согнутой и освещенной бумагой.

Материал ­ жесткий, с четкими краями и сгибами. Матирование сочетается с легким проникающим светом и устойчивыми тенями.

Отсюда рождается в целом предсказуемый паттерн света; небольшие легкие тени прямо под компонентами, за которыми идет известная ныне “длинная тень”. Обычно используется градиент в 45 градусов от черного к полупрозрачному черному с 20-­40 ­процентной непрозрачностью. Все эти стили слоев вы можете найти внутри шаблона, так что вы сможете сделать собственные тени.

Цветовая схема хорошо организована, и вам не надо долго смотреть на презентации палитр для того, чтобы оценить, какая была проделана работа при отборе. Шаблон иконки связан с 28 базовыми цветами, 5 теневыми цветами и белым для оттенения.

Выше вы видите предлагаемые цвета для иконки продукта на Android.

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

Края материала ­ 1 dp толщиной и 20­процентный прозрачный полутон (сверху) или тень (снизу). Цветовая схема диктует, какие полутона и тени подходят определенным группам цветов. Все они связаны в шаблоне как отдельные маски слоев, которые можно включить и отключить для простоты эксперимента.

Большинство иконок используют очень легкий финиш ­ источник света под 45 градусов. Он идет из левого верхнего угла к внешним краям формы иконки. Это дается как один клипированный слой в шаблоне.

Геометрия и анатомия

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

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

1. Финиш
2. Материальный задний план
3. Материальный передний план
4. Цвет
5. Тень

Стоит познакомиться с этими элементами, и у Google все очень четко прописано в гайдах.

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

apptractor.ru

500+ Бесплатных иконок для iOS8 и Android

Здесь вы найдете более 500 уникальных иконок для использования в дизайне приложений для интернет магазинов и мобильных платформ, как iOS8 и Android. Все иконки имеют высокое качество и доступны в .Sketch, AI, SVG, EPS, PNG и PSD форматах. Они идеально подойдут для дизайна мобильных и веб-приложений. Надеюсь вам понравится!