Правильный подход к разработке макета сайта

У вас уже есть идея для будущего сайта, настало время хорошенько обдумать дизайн. Для этого лучше всего сначала нарисовать макет сайта. Как и в любой другой области искусства, в дизайне макет — довольно объемное понятие.

Некоторые дизайн-студии тратят много времени и денег на создание умопомрачительных детализированных макетов, которые больше напоминают постеры из дорогих журналов. С другой стороны, я знаю людей, зарисовывавших внезапно пришедшие им в голову макеты на салфетках. Так или иначе, сначала стоит уделить внимание основам создания макетов. Макет должен быть схемой, картой и легендой веб-страницы.

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

Совсем необязательно рисовать логотип на макете каждой страницы сайта, сойдет и простое описание его присутствия. Не стоит вписывать в макет весь текст страницы, простые горизонтальные линии вполне подойдут для обозначения текста. Приступая к созданию макета, стоит помнить несколько вещей. Ширина окна браузера больше его высоты, поэтому, при использовании стандартных листов A4, рисуйте, развернув лист горизонтально (альбомная ориентация листа).

В самом начале работы пользуйтесь только карандашом. Уверяю вас, по мере работы придется стереть некоторые элементы. Хорошим подспорьем в работе может быть и распечатанный скриншот пустой страницы в браузере. Распечатайте сразу несколько таких листов или сделайте несколько копий с одного напечатанного. Преимущество от использования этих распечаток заключается в том, что вы получите правильный размер и формат для макета. Будет видно, как линии прокрутки и интерфейс браузера сочетаются с разрабатываемым дизайном.

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

Перевод: Земсков Юрий www.ComputerLibrary.info