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