Дизайнерские жетоны Система дизайна

Называйте общие ценности и управляйте ими.

Пунктов проверки: 7 · Групп: 3

Содержание чек-листа

Прогресс проверки

Структура и значение

Сравните информацию и представление в контексте использования.

Разделение ценности и целиОтличайте примитивные значения от ролевых переменных и переменных, специфичных для компонента.Измените светлый интерфейс на темный, а затем проверьте состояния компонентов. Используйте имена для таких целей, как дополнительный текст или границы; Не позволяйте каждому экрану выбирать одинаковый цвет.Пример Даты обновления, предложения полей ввода и комментарии используют токен «отключенный текст»; Обмен токенов обновит все три по одним и тем же правилам.У именования есть правилаИспользуйте имя, отражающее его использование, статус и область применения, чтобы другие могли догадаться, как оно будет использоваться.Имена ролей, такие как цвет фона предупреждения, более долговечны, чем имена значений, такие как Yellow-200; сохраняйте одинаковый порядок имен для всей системы.Запишите, как использовать каждую переменнуюПриведите подходящие примеры и укажите случаи, когда эту переменную использовать не следует.Для каждой переменной нужен пример правильного использования и предупреждение о неправильном использовании; четко укажите, что отдельные переменные ингредиента не являются выборками для всего продукта.

Взаимодействие и удобство использования

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

Ознакомьтесь с интерфейсамиИспользуйте последовательную роль при изменении света или темноты и проверяйте контрастность каждого состояния.Имя роли должно сохранять смысл несмотря на свет и тьму; не требует, чтобы компонент знал, какой цветовой код принадлежит каждому интерфейсу.Синхронизируйте дизайн и кодСравните имена и значения в проектных документах и используемых компонентах.Выберите первичный источник данных и автоматически проверяйте наличие предвзятости; То же имя, но другое значение по-прежнему является ошибкой синхронизации.Общее отслеживание измененийЗапишите причину, степень влияния и метод преобразования при изменении или удалении переменной.Запишите переменную замены и диапазон преобразования при удалении старой переменной; Проверьте зависимости перед выпуском новых значений.

Завершите опыт

Проверьте детали, которые легко упустить при вводе проекта в эксплуатацию.

Назначение права собственности и процесс добавления токеновУкажите, кто проверяет новые токены, когда существующие токены следует использовать повторно и как разрешаются перекрывающиеся значения.Запрос на добавление переменной должен включать варианты использования и причины отказа от использования существующей роли; Не позволяйте каждой группе создавать свою собственную цветовую палитру.

Прогресс автоматически сохраняется в этом браузере.

РЕКОМЕНДАЦИИ

Как проверять

Проверьте, вызывается ли значение по роли

Измените светлый интерфейс на темный, а затем проверьте состояния компонентов. Используйте имена для таких целей, как дополнительный текст или границы; Не позволяйте каждому экрану выбирать одинаковый цвет.

ПРИМЕРЫ

Примеры использования

Общий дополнительный цвет шрифта

Даты обновления, предложения полей ввода и комментарии используют токен «отключенный текст»; Обмен токенов обновит все три по одним и тем же правилам.