Макет сайта: что это такое?

Макет сайта — это визуальный прототип страницы до начала программирования: расположение блоков, шрифты, цвета, кнопки. Может быть статичным изображением (в Figma, Adobe XD) или интерактивным прототипом с кликабельными элементами. Это не готовый сайт, а «карта» того, как он будет выглядеть и работать.

Зачем нужен макет?

• Согласование с заказчиком. Легче утвердить картинку, чем переделывать код
• Планирование структуры. Видно, где будут меню, формы, призывы к действию
• Передача разработчикам. Дизайнер отдаёт макет, программист верстает по нему
• Тестирование. Можно показать макет пользователям и собрать фидбек до запуска

На что обратить внимание

• Не превращайте в вечный этап. Дизайн ради дизайна – трата времени. Один-два раунда правок – норма, десять – сигнал о неопределённости целей
• Адаптивность с самого начала. Макет должен включать версии для десктопа, планшета и телефона
• Реалистичность. Не рисуйте эффекты, которые невозможно реализовать в браузере без огромного бюджета
• Связь с контентом. Макет с «текст-рыба» часто ломается при вставке реального контента – учитывайте объёмы заранее