Каркас — это скелет дизайна. Блоки для изображений. Линии для текста. Надписи для кнопок. Никаких цветов. Никаких шрифтов. Никаких отполированных визуальных элементов. Только структура, сведенная к основам.

Макеты интерфейса создаются на раннем этапе проектирования, после эскизов, но до высокоточных прототипов. Их задача — ответить на вопросы компоновки: где должна располагаться навигация, сколько столбцов, какова иерархия. Их намеренно делают слишком «некрасивыми». Если макет выглядит слишком «завершенным», заинтересованные стороны начинают обсуждать оттенок синего, а не работоспособность макета.

Что показывает каркасная модель

• Размещение основных элементов: заголовок, навигация, контент, нижний колонтитул.
• Относительный размер и приоритет компонентов
• Переход между экранами или страницами
• Интерактивные элементы, такие как кнопки и формы.

Такие инструменты, как Balsamiq и Figma, значительно ускорили создание каркасов. Некоторые дизайнеры до сих пор используют бумагу и маркеры. Формат менее важен, чем ход мыслей. Каркас — это отправная точка для обсуждения. Он говорит: вот структура, что вы думаете? На этом этапе изменения обходятся недорого. После завершения визуального дизайна перемещение боковой панели означает необходимость переделывать все последующие действия. Переместите ее в каркасе.