Что такое макет?

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

Для справки

Макет может представлять собой изображение или 3D-модель, созданную с использованием цифровых инструментов дизайна, таких как Figma, Sketch, Adobe XD или InVision. Суть модели заключается в верном отражении дизайна конечного продукта. Поэтому, будучи дизайном высокой степени реализма, макеты помогают дизайнерам представлять цифровой продукт заинтересованным сторонам и продвигать его на платформах, таких как Behance или Dribbble.

В процессе создания дизайна продукта между вайрфреймом и прототипом есть ещё один этап - создание макета. Если вайрфрейм фокусируется на структуре информации и опыте пользователя, избегая визуальных деталей, то макет - это то, что чаще всего можно увидеть на сайтах вроде Behance или Dribbble. Это графически отточенная модель проекта, часто напоминающая экран телефона.

Можно сказать, что если проводной макет - это план для архитектора, то макет - это миниатюрная модель здания. Однако, в отличие от прототипа, в макете отсутствуют разработанные взаимодействия - это не проект, который точно имитирует будущий продукт. Макет служит статичным, детализированным дизайном, который дает реалистичное представление о том, как будет выглядеть конечный продукт, помогая передать визуальные аспекты дизайна заинтересованным сторонам и широкой аудитории.