Академический Документы
Профессиональный Документы
Культура Документы
ЧЕК-ЛИСТ по дизайну
ЧЕК-ЛИСТ по дизайну
Соответствие прототипу
Проверка наличия всех важных моментов из прототипа в дизайне.
Если были переговоры с заказчиком по стилистике —
соответствует ли в итоге она тому, что нужно?
Наличие всех форм, смысловых блоков.
Присутствие всех пунктов из карты сайта.
Сверка прототипа и конечного результата: все ли ожидания от макета
учтены?
Если какие-то пожелания не учтены, выяснить причину; если это
преднамеренно для блага продукта, то причину записываем и потом
апеллируем к требованиям заказчика.
Сетка
При наличии классической сетки (а не рваной) — выравнивание
по силовым линиям, горизонтальный и вертикальный ритм.
Отступы
Одинаковое расстояние от и до заголовка, между блоками, расстояния
между колонками, между абзацами.
Типографика
Соответствие заголовков в макете ранее выбранным Н1, Н2, Н3.
Заголовки должны быть в одном кегле, подзаголовки в одном кегле,
основной текст в одном кегле.
Удобство интерлиньяжа для чтения.
Соблюдение иерархии шрифтов, особенно если есть списки, перечни,
много информации в карточках.
Отсутствие орфографических ошибок и разрывов абзаца в ненужных
местах, правильный перенос слов, чтобы текст можно было прочитать
легко и быстро.
Цвет
Проверка цветового единства для всех заданных элементов,
отсутствие новых цветов, одинаковый цвет для шрифта, обводки.
Гармоничность цветов цвета между собой в конечном итоге,
соответствие целевому настроению.
Стилистика
Если есть скругления или тени — на всех элементах они должны быть
одинаковыми.
Стилистика кнопок — наличие ховера, его вид и единообразие (если
не говорим о кнопках рядом стоящих с противоположным действием, где
они будут разного цвета).
Размер элементов: пропорции кнопок не должны меняться.
Смотрим «пятнами» —проверка на возможный перегруз
в определенных частях экрана, присутствие лишних элементов.
Иконки должны быть визуально выровнены, иметь оптически
одинаковый размер, быть в одном стиле (все контурные, или все
«залитые», не разнобой) и в формате *.svg. Если где-то на объекте есть
прозрачности — проверить, чтобы были одинаковыми.
Если работаем в Figma — проверка размещения всех объектов
в границах документа, отсутствие лишних элементов, мусора, которые
могут остаться после копирования или были «рабочими» и не являются
частью макета в итоге.
Единство стиля обработки фотоконтента — не обрезаны ли на нем
важные части фотографий (например, глаза, лоб, кисти рук).