Дизайн в масштабе. Создание устойчивой дизайн-системы
Қосымшада ыңғайлырақҚосымшаны жүктеуге арналған QRRuStore · Samsung Galaxy Store
Huawei AppGallery · Xiaomi GetApps

автордың кітабынан сөз тіркестері  Дизайн в масштабе. Создание устойчивой дизайн-системы

Алёна Н.
Алёна Н.дәйексөз келтірді1 ай бұрын
Дизайн-системы как фирменные стили и визуальные языки. 2. Дизайн-системы как проекты. 3. Дизайн-системы как инструменты
1 Ұнайды
Комментарий жазу
Что такое дизайн-токен? Дизайн-токены — это мельчайшие дизайнерские решения, которые заключают в себе элементы идентичности бренда. В качестве примера можно привести такие дизайнерские решения, как радиус скругления границы, толщина границы или фоновая заливка кнопки.
Комментарий жазу
дизайн-токен — это «единый источник истины (source of truth) для наименования и хранения дизайнерского решения, доступный всем командам, чтобы они могли использовать его в различных инструментах дизайна и языках программирования».
Комментарий жазу
• Документация с открытым исходным кодом: люди могут изменять и вносить правки только в документацию, но не в сам код дизайн-системы. • Доступная для скачивания: обычно представляется в виде zip-файла, что позволяет скачать версию дизайн-системы, отличную от той, над которой в настоящий момент работают ее раз­работчики. • Публичная библиотека компонентов: публикуется версия библиотеки компонентов, доступная только для чтения (например, в Storybook, Pattern Lab, Fractal и т.д.) по публичному URL.
Комментарий жазу
различные степени публичности дизайн-системы: • Только публичная документация: справочный сайт доступен всем, но сам код скрыт. • Библиотека с открытым исходным кодом: не только код доступен всем, но люди также могут предлагать новые функции и вносить свои правки (при условии, что они будут приняты на усмотрение разработчиков, сопровождающих проект).
Комментарий жазу
создание публичной дизайн-системы: • повышает ее заметность, что увеличивает вероятность использования; • формирует ответственность, демонстрируя приверженность продукту, ориентированному на консистентность и возможность повторного использования; • помогает в подборе персонала, публично демонстрируя ценности, которые привлекают единомышленников примкнуть к организации.
Комментарий жазу
Многие дизайн-системы включают в себя следующие шесть составляющих (рис. 3.1): • UI-кит; • библиотека компонентов; • гайдлайны; • справочный веб-сайт; • дизайн-токены; • цифровые продукты, например веб-сайты и приложения.
Комментарий жазу
Визуальные языки — важный и распространенный вид дизайн-системы в нашем насыщенном брендами мире.
Комментарий жазу
Применительно к работе над цифровыми продуктами вот семь распространенных видов дизайн-систем: 1. Дизайн-системы как фирменные стили и визуальные языки. 2. Дизайн-системы как проекты. 3. Дизайн-системы как инструменты и шаблоны. 4. Дизайн-системы как цифровые продукты. 5. Дизайн-системы как процесс. 6. Дизайн-системы как услуга. 7. Дизайн-системы как практика.
Комментарий жазу
Различные виды дизайн-систем
Комментарий жазу