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

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