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

Иконка это графическое изображение, которое занимает небольшую часть экрана и обеспечивает быстрый, интуитивно понятное представление действия, статуса, или приложения. При проектировании иконки для вашего приложения, важно иметь в виду, что ваше приложение может быть установлено на различных устройствах, которые предлагают диапазон плотностей пикселей, как описано в статье . Но вы можете заставить ваши иконки отлично смотреться на всех устройствах, предоставляя каждый значок в нескольких размерах. Когда ваше приложение работает, Android проверяет характеристики экрана устройства и загружает ресурсы для вашего приложения соответствующие плотности экрана.Т.к. вы будете поставлять каждый значок в нескольких размерах, чтобы поддержать различные плотности, руководство дизайна приведенное ниже опирается на размеры иконок в независимых от плотности пикселях (dp), которые основаны на размерах в пикселях экрана средней плотности (MDPI).

Таким образом, чтобы создать иконку для различных плотностей, вы должны следовать отношению масштабирования 2:3:4:6:8 между пятью главными плотностями (medium, high, x-high, xx-high, и xxx-high соответственно). Например, предположим, что размер для значка запуска должен быть 48×48 dp. Это означает, что базовой плотности (MDPI) размер будет 48×48 px (пикселей), и высокой плотности (HDPI) размер должен быть 1.5x от базового — 72×72 точек, и x-high плотности (XHDPI) размер должен быть 2x от базового — 96×96 точек, и т.д..

Размеры и масштаб

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

Примечание: Android также поддерживает экраны низкой плотности (LDPI), но вам обычно не нужно создавать собственные наборы для таких размеров, потому что Android эффективно уменьшает ресурсы HDPI на 1/2, чтобы соответствовать ожидаемому размеру.

Запуск

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

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


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


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

Размеры и масштаб

Пропорции

  • Полный набор, 48×48 dp

Стиль

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

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

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


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

Как использовать наборы иконок

Все, что вам нужно сделать, например, другие, требующие запуска, - перейти к настройкам и нажать «Применить».


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

Панель действий

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




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




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


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

Размеры и масштаб

  • Иконки панели действий для телефонов должны быть 32×32 dp .

Основная область и пропорции

  • Полный набор, 32×32 dp Видимый квадрат, 24×24 dp

Стиль

Пиктографический, плоский, не слишком подробный, с плавными изгибами или острыми формами. Если графика тонкая, поверните её на 45° влево или вправо, чтобы заполнить фокусное пространство. Толщина штрихов и негативных пространств должна быть не менее 2 dp.

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

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




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

Цвета

Цвета: #333333
Доступный: 60% непрозрачности
Недоступный: 30% непрозрачности

Цвета: #FFFFFF
Доступный: 80% непрозрачности
Недоступный: 30% непрозрачности


Маленькие / Контекстные иконки

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

Свет и цвет

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


Хотите превратить свои иконки в супергероев? В этом пакете вы получаете 20 значков супергероя комиксов в целом, поэтому он не собирается конкурировать с другими в этом списке с точки зрения универсальности. Однако вам нечего прекратить использовать в сочетании с другим пакетом значков от этот список.

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


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

Размеры и масштаб

  • Маленькие значки должны быть 16×16 dp .

Основная область и пропорции

  • Полный набор, 16×16 dp Видимый квадрат, 12×12 dp

Стиль

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




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


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

Цвета

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


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

Значки уведомлений

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

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

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

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

Размеры и масштаб

  • Значки уведомлений должны быть 24×24 dp .

Основная область и пропорции

  • Полный набор, 24×24 dp Видимый квадрат, 22×22 dp

Стиль

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

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

Это откроет меню «Редактировать ярлык» приложения. Нажмите на значок, который отобразит опции «Выбрать тему». Здесь есть несколько вариантов: вы можете выбрать значок системы, что-то из вашей галереи или значок из установленного пакета. Если вы используете пользовательский набор значков, загрузка может занять несколько секунд, в зависимости от размера пакета.

Цвета

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

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

Если предлагаемый значок не тот, который вы ищете, просто прокрутите список в алфавитном порядке, пока не найдете правильный выбор. Это вернет вас в меню «Редактировать ярлык» - просто нажмите «Готово», чтобы сохранить изменения. Значок изменится мгновенно, и вы сможете перейти к следующему.

Основная область и пропорции

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

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

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

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

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

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

Начните с большими размеров

Т.к. вам нужно будет создать наборы для различных плотностей экрана, то лучше начать с дизайна значков больших размеров, кратных размерам целевых значков. Например, иконки запуска 48, 72, 96 или 144 точек в ширину, в зависимости от плотности экрана (mdpi, hdpi, xhdpi, и xxhdpi, соответственно). Если вы изначально нарисовали иконки запуска размером 864x864точек, вам будет проще подгонять иконки, когда вы будете масштабировать к целевым размерам для создания окончательного набора.

Эти рекомендации помогут вам создавать ярлыки приложений, используя стандартные значки, одиночные аватары и групповые аватары. Четыре ярких ярлыка могут быть показаны сразу. Вы можете определить порядок ярлыков. Значки ярлыка приложения являются круглыми. Они содержат стандартный значок системы или хотя бы один аватар. Содержание значков должно оставаться внутри области обрезки.

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

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

При масштабировании, перерисуйте растровые слои по мере необходимости

Если вы масштабируете вверх изображение растрового слоя, а не векторного, то эти слои должны быть перерисованы вручную, что бы быть четкими при более высоких плотностях. Например, если круг 60×60 был нарисован как растровое изображение для mdpi он должен быть перерисован в круг 90×90 для hdpi.

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

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

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

Настройка рабочего пространства, которое организует файлы по плотности

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

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




Слева направо: Cutboard, Moonshine


Откровенно красивые иконки CUTBOARD выполнены в объемном стиле без фона. Их действительно хочется потрогать, потому что нарисованы они аккуратно и таким образом, чтобы они казались максимально объемными. В наборе 2 000 иконок в высоком разрешении.

Популярные иконки Moonshine не оригинальны в плане внешнего вида - простой «материальный» дизайн, но более минималистичный и без фона поверх значков. В наборе более 925 иконок в вектором дизайне с 28 обоями, сделанными вручную.

Необычные

,

Слева направо: Leaf, Tiny White, Simply 8-Bit


Иконки Leaf сложно назвать уж слишком необычными - просто они не квадратные и не круглые, да и фон у них есть. Leaf очень похожи на значки из Sailfish OS, поэтому они и представляют какую-то ценность. В наборе довольно мало иконок - всего чуть больше 200, а также есть 9 фоновых изображений.

Набор Tiny White подойдет тем, у кого слишком много иконок на рабочем столе и в меню. Иконки значительно уменьшены и выполнены в простом стиле - белые значки без фона. В наборе более 1 300 иконок.

Как можно догадаться по названию, иконки Simply 8-Bit сделаны в восьмибитном стиле. Любителям пиксельной графики и ретро-игр определенно понравится этот набор. Некоторые иконки здесь выглядят даже слегка забавно, например стандартный значок SMS. В наборе более 700 иконок, а также присутствуют тематические обои со старыми играми.

,


Слева направо: Rive, Glif, Balloon


Многослойные иконки Rive имеют необычный стиль: некоторые слегка обрезаны, на другие нагромождены какие-то пиктограммы из самих приложений, а третьи выглядят совсем необычно (прямоугольник с пересекающей надписью). Дизайн определенно самобытный и интересный. В наборе более 1 000 иконок и 12 обоев без необходимости скачивания.

Иконки Glif по стилю напоминают предыдущие, но они больше подошли бы к какой-нибудь открытой операционной системе на базе Linux. Лично у меня такая ассоциация с иконками Glif. Значки получили мультяшный стиль и обрамлены черными линиями. Набор включает более 800 иконок и обои.

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

и

Слева направо: Glim Dark UI, Octagons UI


Glim Dark UI - минималистичный и контрастный набор иконок в разных стилях - с фоном и без. Здесь доминируют темные оттенки, сочетающиеся с приглушенными яркими цветов. Присутствует утилита для запроса иконки у разработчиков, если ее нет в наборе. В Glim Dark UI есть 3 700 иконок и более 150 обоев.

Закрывать этот обширный ТОП будет набор OctagonsUI с восьмигранными иконками в едином стиле и цветовой схеме (черный и красный). Также каждая иконка в этом наборе получила объемные тени и грани. В наборе 2 811 иконок и 10 HD-обоев для рабочего стола.

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