Дизайн-макет

Дизайн-макет (мокап, mockup) — это детальное статичное изображение будущей страницы или интерфейса со всем визуальным оформлением: цветами, шрифтами, изображениями, точным расположением элементов. Это финальная картинка того, как будет выглядеть сайт, созданная дизайнером до этапа верстки.

Место в процессе

Дизайн-макет создают после проработки структуры (вайрфрейма или прототипа), когда логика уже согласована, и нужно придать странице готовый визуальный вид. Макет показывает заказчику, как именно будет выглядеть сайт, и служит точным образцом для верстальщика.

Последовательность создания сайта обычно такая: вайрфрейм (каркас и структура), дизайн-макет (полное оформление), верстка (превращение макета в код), разработка. Дизайн-макет — результат работы веб-дизайнера и точка согласования визуала с заказчиком до начала технической реализации: утвердить картинку дешевле, чем переделывать готовый сайт. Качественный макет учитывает не только эстетику, но и удобство (UX), фирменный стиль бренда и задачи конверсии. Термин «мокап» иногда используют и в более узком смысле — как реалистичную демонстрацию дизайна в контексте (например, сайт на экране устройства). Дизайн-макет — ключевой промежуточный результат в создании сайтов и лендингов.