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

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