Иерархия, выравнивание, текст и экспорт — короткая проверка на своём проекте.
Одна главная мысль
Посмотри на макет несколько секунд и назови, что увидел первым. Это должно быть главное сообщение или действие. Если спорят заголовок, картинка и кнопка, выбери один главный элемент и ослабь остальные.
Сетка и расстояния
Проверь левые края заголовка, текста и кнопки. Связанные элементы располагай ближе друг к другу, разные блоки разделяй заметнее. Выбери несколько повторяющихся расстояний вместо случайного отступа у каждого элемента.
Текст в настоящем размере
Открой макет в том размере, в котором его увидит человек. Прочитай основной текст без увеличения. Проверь переносы, длинные названия и подписи кнопок. Не проверяй интерфейс только на коротких словах и идеальном примере.
Цвет помогает понять
Не передавай выбор, успех или ошибку одним цветом. Добавь понятный текст или значок. Сравни обычное, выбранное и недоступное состояния. Для текста и фона дополнительно используй проверку контраста.
Проверь другой экран
Для сайта уменьши ширину до телефона: элементы не перекрываются, текст не обрезается, кнопки доступны. Для постера посмотри уменьшенную копию: главный акцент и сообщение должны оставаться понятными.
Перед отправкой
□ Нет случайных слоёв и заглушек.
□ Названия, даты и контакты проверены.
□ Изображения не растянуты и не размыты.
□ Экспорт открыт и просмотрен отдельно от редактора.
□ Название файла описывает содержимое и версию.
□ Сохранён редактируемый исходник.Небольшая практика
Возьми свой последний макет и исправь только три вещи: главный акцент, повторяющиеся отступы и самый трудный для чтения текст. Сравни две версии в одинаковом масштабе и объясни, что изменилось для зрителя.