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