AUR (en) — ttf-material-design-icons
العربية Asturianu Català Český Dansk Deutsch Ελληνικά English Español Español (Latinoamérica) Suomi Français עברית Hrvatski Magyar Italiano 日本語 Norsk Nederlands Polski Português (Brasil) Português (Portugal) Română Русский Slovenčina Srpski Türkçe Українська 简体中文 正體中文
- AUR Home
- Packages
- Register
- Login
Search Criteria
Enter search criteriaSearch by Name, DescriptionName OnlyPackage BaseExact NameExact Package BaseKeywordsMaintainerCo-maintainerMaintainer, Co-maintainerSubmitter
Keywords
Out of Date AllFlaggedNot Flagged
Sort by NameVotesPopularityVotedNotifyMaintainerLast modified
Sort order AscendingDescending
Per page 50100250
Package Details: ttf-material-design-icons 4.
0.0-1Dependencies (0)
Required by (2)
- emacs-all-the-icons
- excalibar-git
Sources (1)
- ttf-material-design-icons-4.0.0.tar.gz
AUR (en) — ttf-material-design-icons
العربية Asturianu Català Český Dansk Deutsch Ελληνικά English Español Español (Latinoamérica) Suomi Français עברית Hrvatski Magyar Italiano 日本語 Norsk Nederlands Polski Português (Brasil) Português (Portugal) Română Русский Slovenčina Srpski Türkçe Українська 简体中文 正體中文
- AUR Home
- Packages
- Register
- Login
Search Criteria
Enter search criteriaSearch by Name, DescriptionName OnlyPackage BaseExact NameExact Package BaseKeywordsMaintainerCo-maintainerMaintainer, Co-maintainerSubmitter
Keywords
Out of Date AllFlaggedNot Flagged
Sort by NameVotesPopularityVotedNotifyMaintainerLast modified
Sort order AscendingDescending
Per page 50100250
Package Details: ttf-material-design-icons 4.
0.0-1Dependencies (0)
Required by (2)
- emacs-all-the-icons
- excalibar-git
Sources (1)
- ttf-material-design-icons-4.0.0.tar.gz
дизайнов, тем, шаблонов и графических элементов Google Material Icons для скачивания на Dribbble
Просмотр Material Design — рефакторинг пользовательского интерфейса
Дизайн материалов — рефакторинг пользовательского интерфейса
- Просмотр Material Design — рефакторинг пользовательского интерфейса
Дизайн материалов — Рефакторинг пользовательского интерфейса
Посмотреть возможности Google Реклама на мобильных устройствах
Работа с Google Реклама на мобильных устройствах
Посмотреть анимацию ADD на Google Диске
Анимация ДОБАВИТЬ на Google Диске
Посмотреть омнибокс Chrome для ПК
Омнибокс Chrome для настольных ПК
Посмотреть значки достопримечательностей Парижа
Знаки достопримечательностей Парижа
View Oppo Icon Branding Design: набор иконок с плоским вектором
Фирменный дизайн Oppo Icon: набор иконок в плоском векторе
Посмотреть редизайн Google Translate
Редизайн Google Translate
Посмотреть награду Material Design Awards 2021
Награда за дизайн материалов 2021
Посмотреть шаблон MD Keyline
Шаблон MD Keyline
Просмотр анимированных значков смахивания в Gmail
Анимированные значки смахивания в Gmail
Просмотр 🏴 Набор иконок
🏴 Набор иконок
Посмотреть современный дизайн панели инструментов / администратора
Современная приборная панель / дизайн администратора
Посмотреть библиотеку значков материалов (бесплатно)
Библиотека значков материалов (бесплатно)
View Oppo Icon Branding Design: набор иконок с плоским вектором
Фирменный дизайн Oppo Icon: набор иконок в плоском векторе
Просмотреть клавиатуру Android — Material 3 UI Kit
Клавиатура Android — Материал 3 Комплект пользовательского интерфейса
View Content Bot — на каждом устройстве!
Контент-бот — на каждом устройстве!
Просмотр системы движения материала
Система перемещения материалов
Просмотр White_UI
Белый_UI
Просмотр значков местоположения и карт
Значки местоположения и карт
Просмотр 🏴 Набор иконок
🏴 Набор иконок
Посмотреть брендинг TRUX
Бренд TRUX
Посмотреть ИТ-поддержку
ИТ-поддержка
Посмотреть иконографию Google
Иконография Google
Зарегистрируйтесь, чтобы продолжить или войдите в систему
Загрузка еще…
Как импортировать значки и экраны материалов Google в Adobe XD
Поиск
Последнее обновление
23 февраля 2022 г.
08:55:06 GMT
Adobe XD улучшает и упрощает рабочий процесс создания интерфейсов благодаря пользовательскому интерфейсу функция импорта наборов. Узнайте, как импортировать элементы, принадлежащие системе дизайна Google, чтобы быстро приступить к созданию пользовательского интерфейса.
Итало Саннино занимается цифровым творчеством более 20 лет, с тех пор как окончил Академию изящных искусств в Неаполе, где сейчас преподает дизайн пользовательского интерфейса. В 1997 году он основал «Геко», небольшое агентство новых медиа, которое стало его личным полем для экспериментов. Благодаря проекту Adobe Guru и тому, что сегодня он является профессионалом сообщества Adobe, он активно участвует в методологии, дизайне и планировании удобных интерфейсов и соответствующих инструментов Adobe, а недавно стал одним из членов Wacom Ambassador.
Здесь вы можете оценить его неиссякаемый творческий потенциал!
Условие: активируйте правильные шрифты
Google Material — это система дизайна, разработанная Google в основном для ОС Android.
Типографика играет фундаментальную роль в использовании систем дизайна. Чтобы дизайн работал должным образом, активируйте эталонные шрифты из библиотек Adobe Fonts.
Примечание:
Google Material — это больше, чем просто набор иконок и стилей кнопок. Это система дизайна, и как таковая она суммирует не только общие рекомендации по UI/UX, но и по использованию импортированных элементов интерфейса. Для получения дополнительной информации посетите Материальный дизайн.
Выполните следующие действия, чтобы активировать правильный шрифт:
Посетите страницу Roboto в Adobe Fonts.
Используйте ползунок «Активировать все шрифты» в правом верхнем углу, чтобы активировать семейство шрифтов.
Страница Roboto на сайте fonts.adobe.com
Подготовка к импорту комплектов пользовательского интерфейса
Запустите Adobe XD.
Вас приветствует заставка, которая предлагает различные возможности. Выберите, чтобы начать с классического пресета, такого как iPhone 6/7/8.После выбора предустановки и создания документа выберите пункт меню: Файл > Получить наборы пользовательского интерфейса > Материалы Google.
Получить меню наборов пользовательского интерфейсаВы перенаправлены на страницу загрузки материалов Google. Щелкните ссылку для скачивания комплекта пользовательского интерфейса в формате Adobe XD.
Страница загрузки формата файла Adobe XDОткройте недавно загруженный файл Adobe XD.
Файл, содержащий комплект пользовательского интерфейса Google Material.
Вас приветствует заставка, которая предлагает различные возможности. Выберите, чтобы начать с классического пресета, такого как iPhone 6/7/8. Когда у вас есть файл с элементами пользовательского интерфейса Google Material, вы можете эффективно импортировать его в свой дизайн или новый файл двумя способами, в зависимости от ваших конкретных потребностей.
Вы можете импортировать один элемент за раз или все монтажные области, которые, в свою очередь, содержат все элементы (включая компоненты).
Этот метод обладает неоспоримыми преимуществами: он позволяет сохранить размер вашего файла и полностью контролировать ваши активы.
Определите элемент пользовательского интерфейса (или элементы интерфейса, которые нас интересуют).
С помощью инструмента «Выбор» (нажмите v) выберите элемент пользовательского интерфейса.
Скопируйте выбранный элемент, нажав command + c (на Mac) или ctrl + c (в Windows), и вставьте, нажав command + v (на Mac) или ctrl + v (на Win).
Вставить, нажав команду + v (на Mac) или ctrl + v (на Win).
В этом случае я решил взять значок почты, чтобы интегрировать его в свой дизайн:
Примечание:
Все элементы пользовательского интерфейса Google представлены в векторной графике, поэтому вы можете редактировать их по своему усмотрению.
Если есть много отдельных элементов, взятых по одному из файла с пользовательским интерфейсом Google, вы столкнетесь с процессом, который может занять много времени и утомительно. Возможность копировать и вставлять одну или несколько монтажных областей — интересная функция Adobe XD, которую вы можете использовать в своих интересах.
Повторно откройте или верните файл Adobe XD, содержащий пользовательский интерфейс Google.
Чтобы выбрать все монтажные области, нажмите Cmd + a (в Mac) или Ctrl + a (в Windows).
Скопируйте, нажав command + c (на Mac) или ctrl + c (в Windows), и вставьте, нажав command + v (на Mac) или ctrl + v (на Win).
Использование компонентов для импорта нескольких монтажных областей
Процесс вставки нескольких монтажных областей удобен и эффективен, но начиная с последней версии Adobe XD использует модель связанных компонентов.
Невозможно редактировать те части пользовательского интерфейса, которые были преобразованы в компонент в файле Google, если только вы не отсоедините компонент от источника или не отредактируете компоненты из исходного файла. В этом случае попробуйте отключить компонент от его источника.
Сегодня не редкость, когда над одним и тем же проектом работает больше людей и делятся своими файлами. Это, конечно, также относится к вашему XD-файлу набора пользовательского интерфейса Google. В подобных обстоятельствах эти связанные компоненты показывают всю свою истинную силу.
Связанные компоненты позволяют вам иметь только один исходный файл (руководство по стилю или систему дизайна, как в данном случае) со всеми элементами пользовательского интерфейса вашего проекта и использовать их в других файлах Adobe XD.
Когда вы используете связанный компонент в вашем XD-файле, полученном из исходного файла, вы всегда будете уведомлены, когда один из этих компонентов будет изменен, вы сможете предварительно просмотреть изменения и на этом этапе вы можете решить, принять или отклонить их.