Как выглядит макет в веб-дизайне?

Макет в веб-дизайне выглядит как реалистичный прототип будущего сайта. sendpulse.com Он создан в графической программе, например Photoshop, и включает все блоки текста и изображений, кнопки, фоновые рисунки. sendpulse.com Единственное отличие в том, что в макете нет функционального наполнения: например, страница с товарами заполнена шаблонами описаний. sendpulse.com

Некоторые этапы создания макета сайта:

1. Схематичный набросок. craftum.com Простейший вариант из блоков и линий, которые указывают на расположение элементов сайта и их размер. craftum.com
2. Вайрфрейминг. craftum.com Дизайнер осуществляет визуализацию и определяет схему компонентов. craftum.com План составляется для всех экранов, указывает, где будут находиться логотип, формы обратной связи, карусели и другие объекты, прорисовывается сетка, выделяются зоны под контент. craftum.com
3. Мокап. craftum.com Это 3D-модель, необходимая для демонстрации дизайна до воплощения в жизнь. craftum.com Например, с её помощью можно показать, как будущий сайт выглядит на разных устройствах. craftum.com
4. Прототип. craftum.com Финишная версия макета с выстроенной логикой взаимодействия, зафиксированным расположением элементов. craftum.com

Готовый макет включает шапку с логотипом и меню, основной блок с контентом, боковую панель и футер, в котором находятся контакты, социальные кнопки, полезные ссылки и т. д.. gb.ru