Вайрфрейм

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

Зачем нужен

• Структура — расположение блоков и элементов.
• Быстрое согласование — обсудить логику до дизайна.
• Экономия — исправить каркас проще, чем готовый макет.
• Фокус на логике — без отвлечения на визуал.

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