Иконки производство: Иконки производство — 23,751 бесплатных иконок

04.05.2023 alexxlab

Содержание

Производство Material иконок для MacOSX приложения Home Assistant на Electron / Хабр

В первой серии я заварил умный дом на Home Assistant. В процессе я влюбился в Home Assistant и подумал, не написать ли десктопное приложение для этой системы. У Home Assitant есть прекрасный web-интерфейс и показалось разумным завернуть его в Electron, чтобы получить красивую иконку в доке, родные нотификации, menu bar для быстрого доступа и прочие zeroconf. Home Assistant для всего что можно использует Material Icons: для дашбордов, для состояний, для кнопок, для всего. Это значит, что надо подтянуть весь набор материальных иконок в приложение Electron.

Electron применяет для работы с картинками API nativeImage, который в 2020м году не принимает векторные форматы и изволит потреблять только PNG и JPG. JPG нам не подходит так как артефакты компрессии для иконок убийственны. Значит надо где-то добыть формат перегоняемый в PNG. Забравшись на родной сайт материальных иконок я минут 15 искал готовый пакет материальных иконок для MacOSX нарезанных в png в разные размеры и под разные dpi… Сложно сказать почему, но ничего подобного там не публикуют.

Придется производить самостоятельно.

Home Assistant предлагает в конфигах объявлять иконки в формате “mdi:home-cirlce” — имя иконки (отсюда) с заменой первого символа ‘-’ на ‘:’. Замену “-“=>”:” мы программно обратим, чтобы быть ближе к оригиналу и не использовались символы “:” в именах файлов. Первым местом, куда я хотел прикрутить иконки, было меню дашбордов Home Assistant. Для menubar в macosx используются картинки размером 16×16 пикселей и @2 для ретины (может еще какие-то, на моём маке этого хватало @2). Значит мне надо получить для каждой иконки из материального набора по два файла:

mdi-icon-name16.png
[email protected]

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

Конечные шрифты обычно собираются из картинок SVG, это породило две задачи: 1 — найти svg материальных иконок, 2 — автоматизировать их нарезку для >5000 файлов.

Родной сайт всё-таки пригодился, там я нашел команду «npm install mdi/font”. Наугад подставив svg вместо font командой „npm install mdi/svg” был получен весь набор материальных иконок аккуратно лежащих в одной директории node_modules/@mdi/svg/svg/ с именами типа mdi-icon-name.svg. Привычный ImageMagick показал крайне низкое качество получившихся картинок, утилита svg2png работала еще хуже. Но добрый stackoverflow подсказал, что с этой задачей справится inkscape вот такой командой

inkscape -w 16 -h 16 node_modules/@mdi/svg/svg/ab-testing.svg \
    -o images/mdi-ab-testing16.png

Результат оказался удовлетворительным

Но более пристальное вскрытие показало, что в Dark Mode такие иконки выглядят уныло:

Сайт эппла поведал, что они изобрели особый формат Template для того, чтобы картинки можно было инвертировать без особого труда, коли судьба приведет в Dark Mode. В роли такого файлы выступает PNG картинка в которой у все пиксели черные, а сама иконка рисуется прозрачностью (на альфа-канале).

При этом Electron умеет подхватывать такие картинки если в их имени есть “Template”. Значит к двум файлам с иконками надо добавить еще два с Template иконками получаем вот такой набор для каждой иконки:

mdi-icon-name16.png
[email protected]
mdi-icon-name16Template.png
[email protected]

Inkscape чудеса с альфаканалом вытворять с консоли не умеет, а вот convert из ImageMagick запросто.

Делаем в три шага:

inkscape -w 16 -h 16 \
    node_modules/@mdi/svg/svg/ab-testing.svg \
    -o images/mdi-ab-testing16.png
convert -size 16x16 xc:none images/background16.png
convert -verbose -composite images/background16.png \
    images/mdi-ab-testing16.png -compose CopyAlpha \
    menuicons/ab-testingTemplate16.png

1 — Создание растровой картинки из вектора
2 — Создание прозрачной картинки для шага три
3 — Создание файла с переносом градаций серого в альфаканал

Уже с Template иконками меню в Dark Mode стало выглядеть вот так

Ок, цель достигнута.

\.]*$//’) for PARAMS in $SIZES; do SIZE=$(echo $PARAMS | cut -d, -f1) LABEL=$(echo $PARAMS | cut -d, -f2) inkscape -w $SIZE -h $SIZE «$MDISVG_PATH/$SVG» \ -o «images/mdi-${BASE}${LABEL}».png convert -verbose \ -composite images/background${LABEL}.png «images/mdi-${BASE}${LABEL}».png \ -compose CopyAlpha \ «images/${BASE}Template${LABEL}».png done done

Ждем пару часов пока с конвейера сойдет >20000 картинок…

P.S. Это не единственные приключения при работе с Electron, о дальнейших приключениях отпишу по мере их завершени…

Компьютерные иконки Производство, работа, разное, текст png

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

Скачать PNG ( 35.

82KB )

Размер изображения: 600x564px
Размер файла: 35.82KB
MIME тип: Image/png

изменить размер PNG

ширина(px)

высота(px)

Некоммерческое использование, DMCA Contact Us

Социальные медиа Компьютерные иконки Социальные сети, социальные сети, текст, социальные медиа маркетинг png 600x564px 56.52KB
Компьютерные иконки Рисование, контакт, разное, угол png 600x564px 21.98KB
Социальные медиа Компьютерные иконки, социальные иконки, текст, логотип png 600x564px 14.44KB
org/ImageObject»> Логотип Facebook, социальные сети Компьютерные иконки Социальная сеть Логотип, социальные сети, текст, социальные медиа маркетинг png 600x564px 29.92KB
WhatsApp logo, WhatsApp Computer Icons Facebook, Icono Whatsapp, красный Social De Flat Градиент Социальные иконки, Разное, текст png 512x512px 51.97KB

Производительность труда Производственные технологии управления, технологии, производительность, производство png 1071x718px 30.09KB
Logo Computer Icons, ИНСТАГРАМ ЛОГОТИП, Разное, другие png 1024x1024px 23.57KB
да или нет иллюстрации, галочка значок дизайн иконок, правильно и неправильно, другие, текст png 1241x984px 167KB
org/ImageObject»> красный вопросительный знак, вопросительный знак, думающий человек, разное, текст png 4500x4500px 3.9MB
Компьютерные иконки логотип, логотип INSTAGRAM, логотип Instagram, Разное, текст png 512x512px 9.37KB
Стрелка Компьютерные иконки, изогнутая стрелка, красная стрелка иллюстрации, Разное, текст png 2825x2850px 127.47KB
Компьютерные Иконки Логотип, ИНСТАГРАМ ЛОГОТИП, Разное, другие png 600x600px 13.05KB

бумажный самолетик, значки компьютеров, инкапсулированные телеграммой PostScript, другие, Разное, CDR png 657x657px 19.54KB
org/ImageObject»> Компьютерные иконки Адрес электронной почты, электронная почта, разное, угол png 512x512px 7.61KB
Логотип, значок ig, текст, другие png 512x512px 14.44KB
Компьютерные иконки Психология Психолог, другие, разное, текст png 512x512px 37.6KB
Компьютерные иконки, значок Instagram, текст, другие png 512x512px 16.06KB
WhatsApp Icon Logo, логотип WhatsApp, текст, инкапсулированный PostScript png 512x512px 10.73KB
Компьютерные Иконки Логотип, ИНСТАГРАМ ЛОГОТИП, Разное, текст png 600x600px 15.53KB
org/ImageObject»> рамка, золотая круглая цветочная кайма, иллюстрация круглая бежевая цветочная рамка, клипарт, прямоугольник png 7976x8000px 5.62MB
Компьютерные иконки на рабочем месте, работа, Разное, другие png 512x512px 7.34KB
WhatsApp Компьютерные иконки, WhatsApp, текст, инкапсулированный PostScript png 512x512px 11.24KB
Компьютерные Иконки Разговор, Чат, разное, текст png 512x512px 23.98KB
Компьютерные иконки, значок вызова, cdr, текст png 980x982px 60.01KB
Логотип приложения Instagram, логотип Компьютерные иконки, Instagram, разное, текст png 1009x1000px 242. 1KB
WhatsApp Computer Icons Android, WhatsApp, CDR, логотип png 524x544px 102.49KB
Логотип запрещен, знак запрещен, запрещен, разное, текст png 1024x1024px 38.7KB
Рабочий-строитель Рабочий, Промышленный рабочий, разное, рука png 637x1024px 373.39KB
Компьютерные Иконки Экология Устойчивость, экология, другие, обои для рабочего стола png 600x564px 67.67KB
Иконки компьютера Звук значок громкость, звук, Разное, угол png 572x512px 19.4KB
логотип социальных сетей, социальные сети, компьютерные иконки блог, социальные сети, текст, логотип png 600x564px 15. 72KB
Компьютерные иконки Эмпатия, другие, разное, текст png 980x974px 77.41KB
Компьютерные иконки Настольная портативная сетевая графика, значок чата, синий, угол png 604x604px 126.47KB
Производственная линия завода, другие, Разное, другие png 600x450px 147.65KB
иллюстрация трех черных передач, Gear Computer Icons, механический механизм, Разное, другие png 512x512px 11.09KB
Значок Instagram, Компьютерные иконки, Instagram, логотип, инкапсулированный PostScript png 768x768px 17.02KB
org/ImageObject»> Значок локатора Google Map, значки компьютеров, ubicacion, другие, обои для рабочего стола png 900x820px 318.9KB
Компьютерные иконки логотип, инста, Разное, другие png 512x512px 7.82KB
WhatsApp Logo, WhatsApp, cdr, текст png 584x585px 32.63KB
Компьютерные иконки, друг, разное, текст png 1600x1600px 34.19KB
Социальные сети Иконки компьютеров Социальные сети Инкапсулированные PostScript, социальные сети, компьютерная сеть, текст png 560x480px 53.04KB
Инкапсулированный логотип PostScript Computer Icons, insta, разное, фиолетовый png 512x512px 19. 98KB
Вопросительный знак Компьютерные иконки, вопрос, Разное, презентация png 1500x1600px 584.88KB
зеленая галочка, галочка Компьютерные иконки, зеленая галочка, разное, угол png 512x512px 10.42KB
Компьютерные иконки, значок сайта, текст, глобус png 980x980px 67.11KB
Компьютерные иконки Инкапсулированные PostScript, иконки социальных сетей, разное, угол png 600x564px 24.28KB
Работа в команде Иконка, работа в команде, ремонт иллюстрации, текст, команда png 1000x1000px 67.77KB
org/ImageObject»> Логотип WhatsApp, подготовка, текст, логотип png 500x500px 9.94KB
Диаграмма производительности значков компьютеров, другие, разное, угол png 512x512px 8.27KB
Компьютерные иконки Работа в команде, другие, разное, связи с общественностью png 600x600px 15.06KB

Символы и значки картирования потока создания ценности

Каковы ваши потребности в картировании потока создания ценности?

Я новичок в картографировании потока создания ценности и хочу узнать больше.

Я хочу создать собственную карту потока создания ценности в Lucidchart.

Я хочу создать карту потока создания ценности на основе шаблона Lucidchart.

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

6 минут чтения

Хотите составить собственную карту потока создания ценности? Попробуйте Люсидчарт. Это быстро, просто и совершенно бесплатно.

Составление карты потока создания ценности

Символы отображения потока создания ценности

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

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

Символы процессов VSM

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

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

Составление карты потока создания ценности

Символы материала VSM

9 0038

Символ	Название	Описание
Инвентарь	Инвентаризация между двумя процессами представлена этими значками. Если вам нужно включить подсчет запасов, добавьте его под значком треугольника. Этот символ также может обозначать хранящийся инвентарь.
	Поставки	Этот символ показывает материалы, поступающие от поставщиков, или готовую продукцию, поступающую с завода к клиентам.
	Стрелка проталкивания	Этот значок показывает, что материал перемещается вниз по течению от одного процесса к другому.
	Супермаркет	Этот значок представляет собой склад Канбан, где нижестоящие клиенты могут получить необходимые им запасы по мере их пополнения вышестоящим поставщиком.
	Вытягивание материалов	Этот символ вытягивания обозначает физическое изъятие запасов из супермаркетов.
	Дорожка FIFO	Этот значок представляет собой систему «первым пришел — первым обслужен», которая ограничивает ввод запасов. Максимальная вместимость инвентаря может быть указана под полосой.
	Страховой запас	Этот значок указывает не на постоянное хранение, а на временный страховой запас для предотвращения проблем в случае сбоя системы или других проблем.
	Внешняя отгрузка	Значок грузовика обозначает внешнюю отгрузку клиентам или поставщикам.

Информационные символы VSM

Символ	Наименование	Описание
	Управление производством	Централизованный отдел планирования или контроля производства представлен этим простым символом квадрата.
	Ручная информация	Ручной поток информации из заметок, отчетов или разговоров. При необходимости укажите тип информации.
	Электронная информация	Потоки цифровой информации, такие как Интернет, интранет, электронный обмен данными и т. д. Частота, тип данных и используемые носители могут быть записаны.
	Канбан производства	Указывает производство, необходимое для поставки деталей для последующего процесса.
	Канбан изъятия	Этот символ представляет собой карточку, инструктирующую оператора или грузчика перемещать детали из супермаркета в процесс.
	Сигнал Канбан	Этот символ Канбан используется, когда уровень запасов в супермаркете падает до минимума, и сигнализирует о производстве определенного количества деталей.
	Kanban Post	Этот значок указывает на место сбора сигналов Kanban, обычно расположенное рядом с супермаркетом. В двухкарточной системе его можно использовать для обмена Канбан вывода и производства.
	Последовательное вытягивание	Этот процесс вытягивания устраняет необходимость в хранении запасов в супермаркете между процессами, предоставляя инструкции процессу сборки для быстрого выполнения определенного заказа клиента.
	Выравнивание нагрузки	Инструмент, который группирует канбаны для выравнивания разнообразия и объема производства.
	MRP/ERP	Планирование с использованием системы управления запасами, такой как планирование потребности в материалах (MRP).
	Перейти См.	Иногда информация собирается путем наблюдения, например, когда руководитель принимает производственное решение после визуальной проверки запасов.
	Вербальная информация	Представляет поток информации, передаваемый устно.

Общие символы VSM

Символ Наименование Описание

Kaizen Burst Этот значок предназначен для выделения проблемных областей. Он определяет критические процессы для разработки успешной карты будущего состояния.

Оператор Этот значок показывает, сколько операторов необходимо для обработки семейства VSM на конкретной рабочей станции.

Другая информация Другая полезная информация.

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

Транспортные символы Эти простые символы показывают железнодорожные перевозки в виде поездов, воздушные перевозки в виде самолетов и морские перевозки со значком лодки.

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

Ускоренный Указывает на ускоренную доставку продукции или информации.

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

Склад Этот символ указывает на внутренний или внешний склад.

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

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

Телефон Заказы по телефону или другое общение по телефону.

Пакетный канбан Этот значок показывает, что карты канбан приходят или отправляются пакетами.

Центр управления Централизованное управление Канбан.

Проблема качества Проблема качества может быть обнаружена в любой точке цепочки VSM.

Решение/Улучшение

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

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

Создание карты потока создания ценности

IBM Design Language — значки приложений

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

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

Все значки приложений должны быть уникальными и не дублировать существующие значки приложений в система. Просмотрите значки в файле App_Icon_Master. ai из репозиторий значков приложений, чтобы убедиться, что ваш предложенный новый значок не будет спутан с другими значками приложений.
Все значки приложений должны соответствовать визуальному стилю IBM Design Language.
Все значки приложений должны соответствовать IBM стандарты доступности.
Все значки приложений должны использоваться на всех поддерживаемых платформах и устройствах.
Все значки приложений должны быть понятны глобальной аудитории пользователей, независимо от национальности и языка.

Создайте монтажную область 32 x 32 пикселей для каждого значка приложения. Файл App_Icon_Builder.ai в репозитории значков приложений правильные спецификации и линии сетки.
Значки приложений размером 32 пикселя должны иметь отступы 2 пикселя.
Настройте свое рабочее пространство с самого начала, чтобы привязать его к пикселям.
Помните об автоматическом выравнивании, при котором векторы могут размещаться неровно или наполовину. пикселей.

Значки приложений Stroke имеют как цветовой градиент, так и градиент альфа-канала. Эта техника может быть достигнуто в Adobe Illustrator с помощью маскирования. Следуйте этим рекомендациям, чтобы создайте правильные маски градиента.

Нарисуйте квадрат 32 x 32 пикселей и примените цветовой градиент. Установите угол на 45° и поместите ползунки градиента на 10% и 90%.

Поместите рисунок, который должен быть цветным, над цветным квадратом. Убедитесь, что цвет установлен на #FFFFFF белый.
Нанесите черные градиенты на те части значка, которые нужно замаскировать. Установить оба ползунки градиента на #000000 черный и установите один ползунок на 0% непрозрачности. Любой часть изображения в черном цвете будет прозрачной после маскирования.

Откройте панель прозрачности Окно → Прозрачность .
Сгруппировать все градиенты с помощью белого значка Объект → Группа .
Выберите новую группу и цветной квадрат, затем нажмите Сделать маску в панель прозрачности.

Чтобы считаться готовым к производству для продукта и веб-сайта, подтвердите следующее:

Все изображения и монтажные области должны быть выровнены по пиксельной сетке.
Все штрихи должны быть расширены Объект → Развернуть .
Все возможные формы и пути должны быть объединены.
Использовать только линейные градиенты. Не используйте конические градиенты, радиальные градиенты или градиенты вдоль хода.
Для значков приложений обводки используйте метод маскирования, описанный в предыдущем раздел. Не используйте обтравочные маски.
Если ваш значок не является значком приложения для штрихов, вам нужно будет разместить 32 x Прозрачный квадратный фон размером 32 пикселя на каждой монтажной области. Этот квадрат должен иметь без заливки или обводки, чтобы значки сохраняли квадратный размер.

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

Загрузите файл App_Icon_Builder.ai из репозиторий значков приложений.
Следуя указаниям по значку приложения, создайте следующие 4 версии значка: темная тема, светлая тема, однотонная темная тема, однотонная светлая тема.

Убедитесь, что фоновый слой отключен.
Выберите Файл → Экспорт для экранов... в верхней части навигации.
В разделе Форматы щелкните значок шестеренки, чтобы открыть Расширенные настройки для экспортируемых типов файлов . Выберите SVG и введите следующие настройки:

В разделе Форматы выберите формат SVG.
Щелкните Экспорт монтажной области . Ваш файл будет экспортирован в SVG.

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

Загрузите App_Icon_Template.zip из репозиторий значков приложений.
Поместите значок приложения 32 x 32 пикселей в файл Place_Icon_Here.ai . Отдельный элементы значка переднего плана из элементов фона и поместите на соответствующие артборды.

Создайте фон значка в файле App_Icon_Background_Color.ai и сохранять.
Откройте файл App_Icon_Export.ai . Артборды должны были обновиться до включить свой значок.
Выберите Файл → Экспорт → Экспорт для экранов в верхней части навигации.
Выберите монтажные области, которые необходимо экспортировать:

900 27 900 38 Пользовательский

Платформа	Форма контейнера	Монтажная область
iOS, Google Play Store	Квадрат	01
MacOS	Круг	02
Круглые социальные аватары	Круг (без маски)	03
Windows UWP	Нет	04
Android	05, 06, 07

В разделе Форматы , щелкните раскрывающийся список Scale и выберите Width .

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

Значки приложений Apple MacOS

Значки приложений Apple iOS

Значки приложений Windows UWP

Значки Android в основном создаются в Image Asset Studio в Android Studio, но исходные изображения должны быть экспортированы из шаблона значка приложения. Обратитесь к файлу readme в шаблоне, чтобы автоматизировать процесс экспорта, или следуйте инструкциям здесь, чтобы экспортировать вручную. Для получения дополнительной информации о визуальном Asset Studio, посетите Документация по значкам приложений Android.

Экспорт изображений

Когда файл App_Icon_Export.ai будет готов из предыдущих шагов, выберите Файл → Экспорт → Экспорт для экранов из верхней навигации.
Выберите монтажные области 5, 6 и 7.
В разделе Форматы настройте параметры в соответствии с таблицей ниже: ix

Формат

4x ххххдпи PNG

Щелкните Экспорт монтажной области .
Выберите Файл → Экспорт → Экспорт для экранов в верхней части навигации.
Выберите монтажную область 1.
В разделе Форматы настройте параметры в соответствии с таблицей ниже: Формат 1x -web PNG
Импорт изображений в Image Asset Studio
1. В Android Studio выберите File → New → 9044 6 Объект изображения .
2. В раскрывающемся списке Тип значка выберите Значки запуска (адаптивные и старые) .
3. Импортируйте актив переднего плана ic_launcher_foreground_xxxhdpi.png и фоновый ресурс ic_launcher_background_xxxhdpi.png . Не обрезать и не изменять размер произведение искусства. Имя значка не является обязательным.
4. На вкладке Legacy под значком Google Play Store выберите No .
1. Выберите Далее , чтобы подтвердить путь к значку, и выберите Готово .
2. Затем добавьте значок уведомления. В Android Studio выберите Файл → Новый → Актив изображения .
3. В раскрывающемся списке Тип значка выберите Значки уведомлений .
4. Импорт вашего актива уведомления ic_stat_xxxhdpi.png . Не обрезать и не добавлять дополнение к произведению. Имя значка не является обязательным.
1. Выберите Далее , чтобы подтвердить путь к значку, и выберите Готово .
2. Наконец, поместите изображение Google Play Store размером 512 пикселей в папку проекта. по адресу /app/src/main .
Значки приложений должны пройти процесс проверки дизайна, чтобы обеспечить согласованность и правильное представление бренда IBM во всех средах.
Процесс начинается, когда вы создаете задачу GitHub. Рассмотрение и утверждение дизайна обычно занимает 14–21 день с момента создания задачи, в зависимости от количества значков. способствовал.
Если ваша заявка будет принята, команда назначит кого-то для решения вашей проблемы. Если нужны изменения, команда отметит их в задаче и может вернуть ваш отправить с рекомендациями или предложить доработать значок на основе отзывов от команд Design System и Brand.
После того, как заявка будет одобрена, она пройдет через наш процесс включены в галерею значков приложений IBM. Отправьте значки приложений на утверждение создание проблемы.
Вы должны включить в заявку следующие файлы (если применимо). Приложение шаблоны изображений магазина предоставляются в файле App_Icon_Template.zip из репозиторий значков приложений.
Android
- Завершено App_Icon_Builder.ai файл
- 512 пикселей Изображение Google Play Store
- 1024 x 500 пикселей Изображение Google Play Store Feature (вы можете выбрать существующий)
iOS
- Завершено App_Icon_Builder.ai файл
- 1024 пикселя Изображение Apple App Store
Продукт и Интернет
- Завершено App_Icon_Builder.