[Все доки](https://hackmd.io/@simadsgn/ry_u5tC6O) # Чек-лист дизайнера Сима-ленд ### Состояния компонентов ✔ Нарисованы все состояния компонентов.
Основные состояния: Обычное, При наведении, В фокусе, При нажатии, Заблокированное, Загрузка. ### Валидации ✔ Есть макеты на все нужные валидации и их тексты. Указано при какой ситуации происходит валидация (в названии фрейма или подписью) ### Анимация ✔ Параметры анимации прописаны текстом и есть прототип. ### Реальный контент ✔ Используется реальный или похожий на реальный контент. Откновенно рыбного контента нет. (Тексты, фото, баннеры...) ### Варианты контента ✔ Для каждого компонента есть макет с “Мало контента”, “Много контента”, “Нет контента”. ### Отступы ✔ Элементы на макете нарисованы с такими отступами, какие будут реальном интерфейсе. ### Разрешения ✔ Нарисованы макеты под все разрешения. Понятно, как тянутся компоненты. [Макеты соответствуют системе лэйаутов и брейкпоинтов](https://www.figma.com/file/ZFjFlCsCM0rrtPraZwbj6l/Grid-Layout). ### Что-то меняем — меняем везде ✔ Если интерфейс затрагивает несколько блоков (страниц), обновляем все макеты. ### Аудитория ✔ Есть макеты для обычных пользователей, юриков и СПшников ### Связи между экранами ✔ Если нужно понимание работы интерфейса в динамике, есть кликабельный прототип, либо стрелочками показаны связи между экранами в макетах. При необходимости есть и то, и другое. ### Консистентность ✔ То что можно сделать из компонентов кита (токенов), делаем из компонентов (токенов). Используем актуальные версии компонентов.
Для других ситуаций должны быть весомые аргументы. ### Аккуратноть в макетах ✔ Нет скрытых слоёв (не считая слоёв в компонентах). Все фреймы осмысленно названы, по названию понятно что нарисовано. ### Тёмная тема ✔ Если интерфейс существует в тёмной теме, для нее нарисованы макеты. ### Версионирование ✔ Каждая итерация по изменению макетов и созданию новых расположена на отдельном пейдже и подписана. [Подробнее об организации макетов](https://hackmd.io/@simadsgn/ByOf6MR0K)