Чек-лист по дизайну

Соответствие прототипу
 Проверка наличия всех важных моментов из прототипа в дизайне.
 Если были переговоры с заказчиком по стилистике —
соответствует ли в итоге она тому, что нужно?
 Наличие всех форм, смысловых блоков.
 Присутствие всех пунктов из карты сайта.
 Сверка прототипа и конечного результата: все ли ожидания от макета
учтены?
 Если какие-то пожелания не учтены, выяснить причину; если это
преднамеренно для блага продукта, то причину записываем и потом
апеллируем к требованиям заказчика.

Сетка
 При наличии классической сетки (а не рваной) — выравнивание
по силовым линиям, горизонтальный и вертикальный ритм.

Отступы
 Одинаковое расстояние от и до заголовка, между блоками, расстояния
между колонками, между абзацами.

Типографика
 Соответствие заголовков в макете ранее выбранным Н1, Н2, Н3.
 Заголовки должны быть в одном кегле, подзаголовки в одном кегле,
основной текст в одном кегле.
 Удобство интерлиньяжа для чтения.
 Соблюдение иерархии шрифтов, особенно если есть списки, перечни,
много информации в карточках.
 Отсутствие орфографических ошибок и разрывов абзаца в ненужных
местах, правильный перенос слов, чтобы текст можно было прочитать
легко и быстро.
Цвет
 Проверка цветового единства для всех заданных элементов,
отсутствие новых цветов, одинаковый цвет для шрифта, обводки.
 Гармоничность цветов цвета между собой в конечном итоге,
соответствие целевому настроению.

Стилистика
 Если есть скругления или тени — на всех элементах они должны быть
одинаковыми.
 Стилистика кнопок — наличие ховера, его вид и единообразие (если
не говорим о кнопках рядом стоящих с противоположным действием, где
они будут разного цвета).
 Размер элементов: пропорции кнопок не должны меняться.
 Смотрим «пятнами» —проверка на возможный перегруз
в определенных частях экрана, присутствие лишних элементов.
 Иконки должны быть визуально выровнены, иметь оптически
одинаковый размер, быть в одном стиле (все контурные, или все
«залитые», не разнобой) и в формате *.svg. Если где-то на объекте есть
прозрачности — проверить, чтобы были одинаковыми.
 Если работаем в Figma — проверка размещения всех объектов
в границах документа, отсутствие лишних элементов, мусора, которые
могут остаться после копирования или были «рабочими» и не являются
частью макета в итоге.
 Единство стиля обработки фотоконтента — не обрезаны ли на нем
важные части фотографий (например, глаза, лоб, кисти рук).