Макет предполагает, как будет выглядеть окончательный дизайн, и обычно предоставляется клиентам и заинтересованным сторонам между каркасом и прототипом. Каркасы создаются и совместно используются для передачи структуры и функциональных требований проекта. Макеты — это, по сути, каркасы с добавленным поверхностным слоем, который передает визуальный дизайн (цвета, изображения, типографика).
В отличие от прототипа, макет является статическим и не включает никаких взаимодействий.
- Каркас: структура и функциональные требования (статические)
- Макет: каркасный, но с визуальным дизайном (статический)
- Прототип: макет, но с взаимодействиями (динамический)
Общая структура мокапа показывает четкое разделение между основными компонентами дизайна. Примеры могут включать навигацию, верхний колонтитул, нижний колонтитул, основной текст и даже некоторые компоненты в основном тексте.
Структура разработана на этапе создания каркаса, но представлена в макете.
С физической точки зрения, контент занимает большую часть каркаса скелета. Не обращая внимания на содержание на раннем этапе, становится слишком легко создавать макеты, которые не отображают содержимое в удобном виде. Учитывая это, контент разрабатывается на этапе создания каркаса.
В каркасном режиме контент может включать в себя графические блоки, текстовые слои без стилей и тому подобное. Обычно рекомендуется использовать реалистичное копирование даже на этом этапе.
В макете эти графические блоки заменяются реальными изображениями, а текстовые слои изменяются с учетом семейства шрифтов, веса шрифта, стиля шрифта и т. д.