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