by daemos
follow me

Чек-лист проверки макета

• Структура и общие страница

  ×

  How to do this task:

  Subtasks:

• Логика дизайна описана в отдельном документе

  ×

  How to do this task:

  Subtasks:

• Все шаблоны, слои, элементы дизайна имеют адекватные названия

  ×

  How to do this task:

  Subtasks:

• Есть страница, отображающая поведение полей ввода, кнопок и пр. интерактивных элементов в различных условиях (hover, clicked, with errors, validated)

  ×

  How to do this task:

  Subtasks:

• Есть страница с типографикой: заголовки h1-h6, текст, ссылки, ритмотступы (если есть)

  ×

  How to do this task:

  Subtasks:

• Есть страница с набором цветов для всего дизайна, в макете не используются цвета вне этого набора

  ×

  How to do this task:

  Subtasks:

• Одни и те же элементы дизайна выглядят и ведут себя одинаково на каждом экране

  ×

  How to do this task:

  Subtasks:

• Для каждого экрана есть макет компоновки элементов для десктопа (>768px), планшета (480px - 767px) и телефона (<480px)

  ×

  How to do this task:

  Subtasks:

• Иконки

  ×

  How to do this task:

  Subtasks:

• Есть отдельная страница со всеми иконками (учесть состояние hover, clicked)

  ×

  How to do this task:

  Subtasks:

• Все иконки в svg

  ×

  How to do this task:

  Subtasks:

• Строчные иконки приведены к одному размеру (в зависимости от базового размера шрифта, напр. область 20х20px с внутренним отступом в 2px),

  ×

  How to do this task:

  Subtasks:

• Каждая иконка центрирована на квадратной области с учетом геометрического центра тяжести 

  ×

  How to do this task:

  Subtasks:

• Иконки выровнены по пиксельной сетке и не попадают на полупиксели (в базовом размере

  ×

  How to do this task:

  Subtasks:

• К макету прилагается архив всех иконок 

  ×

  How to do this task:

  Subtasks:

• Оптимизация

  ×

  How to do this task:

  Subtasks:

• В макете в сумме не больше 5ти разных начертаний гарнитур (т.е. шрифтов)

  ×

  How to do this task:

  Subtasks:

• (Если шрифт не системный и не из Google Web Fonts) К макету прилагается архив использованных шрифтов

  ×

  How to do this task:

  Subtasks:

• Везде используются целочисленные размеры

  ×

  How to do this task:

  Subtasks:

• Объекты выровнены по пиксельной сетке

  ×

  How to do this task:

  Subtasks:

• На каждый стиль текста используется отдельный объект

  ×

  How to do this task:

  Subtasks:

• Используются непрозрачные цвета (кроме случаев, когда это принципиально необходимо)

  ×

  How to do this task:

  Subtasks:

• (Photoshop) Все слои используют режим наложения Normal

  ×

  How to do this task:

  Subtasks:

• Тексты не растрированы (кроме случаев, когда это часть иконкиграфики)

  ×

  How to do this task:

  Subtasks:

• Нет скрытых слоев (кроме отображения разных состояний)

  ×

  How to do this task:

  Subtasks:

This checklist was created by daemos

Save this checklist

393 copy saved

393 copies saved