Всем светлого дня!
Итак 5-й поток моего курса по Архитектуре Дизайн-систем стартовал 3 недели назад, версия 2.1, Поехали!
Неделя 1 - Цвета / Палитры / Токены / Темы
✅ Узнали как можно быстро провести аудит цветов на проекте любой сложности и понять с чего начинать упорядочивание хаоса
✅ Как и где можно использовать "доступность" как инструмент для работы с палитрами
✅ Как быстро собирать гармоничные, масштабируемые и полностью контролируемые палитры без участия плагинов и генераторов.
✅ Рассмотрели основные подходы к токенизации цветов
Проработали алгоритм создания светлой / тёмной / любой темы
✅ Проанализировали в каких случаях прозрачность в цветах может быть полезна
Неделя 2 - Типографика / Скругления / Тени
✅ Рассмотрели как можно использовать параметрический дизайн при проработке типографических стилей
✅ Рассмотрели оптимизацию количества вариантов текста сквозь визуальную дифференциацию стилей
✅ Адаптивность типографики
✅ Узнали как скругления влияют на вид продукта и каким образом с её помощью можно добавить продукту уникальности
✅ Рассмотрели каким образом можно использовать Z ось для построения логики и уровней теней а также семантически их токенизировать
Конечно это лишь краткая выборка из всего того, что мы узнали!
Если ты хочешь прокачать себя в Архитектуре Дизайн-систем, смело пиши мне в ТГ: @arturdsgn
Всем добра!
#designsystem #figma #pixso #react #styledcomponents #architecture #frontend #typescript #architecture #library #git #github #components #dsarchitect #boostyourskills #challenge #architect #library #tokens #visualdesign #development