Диаграммы и графики в Figma: плагины для визуализации данных против библиотек компонентов
Headway
0:00 / 0:00
Диаграммы и графики в Figma: плагины для визуализации данных против библиотек компонентов
23 451 просмотр · 6 лет назад
Headway
13,5 тыс. подписчиков
23 451 просмотр · 6 лет назад
Как лучше всего создавать диаграммы и графики в Figma? В этом уроке по Figma для начинающих вы узнаете, как создавать визуализации данных в Figma, когда использовать плагин Figma, а когда библиотеку, как настроить Figma Charts Kit, Figma UI Kit для работы с данными и как связать данные с вашими проектами Figma. В ходе обсуждения также будут рассмотрены преимущества и недостатки создания библиотеки по сравнению с использованием плагина, а также будут рассмотрены некоторые сложные проблемы с наборами данных и способы их решения командой Headway Design Team.
Станьте профессионалом в области дизайн-систем с помощью нашего нового видеокурса
https://bit.ly/shipwright-design-syst...
==================================
Сегменты
00:00 - Начало
1:05 - Обзор
2:27 - Что такое визуализация данных
8:24 - Обзор плагинов Figma для визуализации данных
Плагин для диаграмм
Плагин для графиков
Плагин Datavizer
31:14 - Создание простой визуализации данных без плагинов
43:31 Заключительные мысли
1:02:09 - Вопросы
==================================
Плагины Figma для визуализации данных, упомянутые в презентации
==================================
Плагин Figma Chart:
https://www.figma.com/community/plugi...
Плагин Figma Charts:
https://www.figma.com/community/plugi...
Figma Datavisizer Плагин
https://www.figma.com/community/plugi...
==================================
Что такое набор инструментов визуализации данных?
Визуализация данных — это графическое представление информации и данных. Используя визуальные элементы, такие как диаграммы, графики и карты, инструменты визуализации данных предоставляют доступный способ увидеть и понять тенденции, аномалии и закономерности в данных.
Преимущества визуализации данных в Figma:
Более быстрые действия — человеческий мозг обрабатывает визуальную информацию гораздо легче, чем письменную.
Конструктивное изложение результатов.
Понимание взаимосвязи между операциями и результатами.
Использование новых тенденций.
Взаимодействие с данными.
Создание новых дискуссий.
Набор инструментов визуализации данных скоро появится от команды дизайнеров Headway!
================================
Заинтересованы в сотрудничестве с Headway?
==============================
Запишитесь на бесплатную частную консультацию, где мы выслушаем ваши проблемы, определим возможности для вашего бизнеса и покажем вам, как уникальный подход Headway и проверенные стратегии могут помочь вам достичь ваших целей.
Запишитесь на бесплатную консультацию:
https://headway.io/free-consultation
=================================
📚 БЕСПЛАТНЫЕ ресурсы
Shipwright UI Kit — полностью редактируемая система дизайна, созданная в Figma
https://bit.ly/shipwright-ui-kit
Набор иконок — начните создавать свою собственную коллекцию, скачав этот набор
https://bit.ly/download-iconpack
==================================
🚀 Начните работу над дизайном Системы
https://headway.io/event-series/desig...
==================================
🔻 Статьи для более глубокого изучения продуктового дизайна
Начните работу с многоуровневыми UI-комплектами для дизайн-систем
https://headway.io/blog/multi-tiered-...
5 признаков того, что ваша команда страдает от незрелости в UX
http://bit.ly/ux-immaturity
Лучшие книги для изучения новых методов дизайна
http://bit.ly/dsgn-mthds
==================================
🎧 Подкаст о создании успешного программного обеспечения
Seaworthy
http://bit.ly/swthy-pdcst
👋 Свяжитесь с нами:
Instagram
/ headwayio
Twitter
/ headwayio
LinkedIn
https://bit.ly/follow-headway-linkedin
#ui #figmatutorial #appdesignprocess