me_edu
UX/UI Design Systems и accessibility: интерфейсы, компоненты и исследованиеШаг 11 из 13 · 0% пройдено
Design system и accessibility

Компоненты и состояния

Шаг 11 из 1310 минТеория
Цель

Понять основной механизм темы «Компоненты и состояния» без заучивания отдельных терминов.

Как работать

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

Критерий

Сформулированное правило, пример применения и одно ограничение метода.

STRUCTURAL BLOCK DIAGRAMCENTRAL UNITDesign systemTokensAccessibilityComponentsDocsStatesPatternsСтруктурная схемастрелки показывают поток данных/энергиимасштаб и расположение условные
Design system: tokens, components, states, patterns and documentation keep product consistent
Опорная идея

Design system — это не библиотека красивых кнопок, а договор о компонентах, состояниях, tokens и правилах. У кнопки есть default, hover, focus, disabled, loading. У поля — label, hint, error, success, required, helper text. Если состояния не описаны, продукт выглядит случайным и ломается в edge cases.

Компоненты должны быть достаточно гибкими, но не позволять каждый раз изобретать интерфейс заново.

Назад

Обсуждение

Войдите, чтобы участвовать в обсуждении.

Пока нет сообщений.