Создание макета сайта – это приблизительный набросок прототипа экрана приложения или веб-страницы. Именно он определяет, какие элементы будут отображены:
- Навигация.
- Call to Action и прочие призывы к действию.
- Разделы контента.
- Элементы форм.
- Мультимедиа и графика.
Макеты создают в сером цвете или в черно-белой гамме. Вместо графики применяют заполнители. Шрифты ставят условно, изменяют размер только в том случае, если нужно разделить несколько фрагментов. Сложность макетов разная: от очень простых до сложных.
Ранее их рисовали только как ориентир для дизайнеров и разработчиков. Теперь макеты показывают заказчикам и всем заинтересованным лицам для составления бизнес-требований.
Лучшие версии появляются как результат тесного взаимодействия разных специалистов.
Макеты, которые демонстрируют пользователям для обратной связи, можно утвердить или отправить на доработку. Их называют прототипами.
Аннотации
Это пояснения к макетам и связанные с ними взаимодействия. Обычно в них есть следующая информация:
- Источники контента.
- Правила процессов.
- Сообщения о багах.
- Правила отображения и взаимодействия.
Аннотации нужно формировать кратко. Пояснения должны быть четкими и прозрачными. Используйте «будет» вместо неоднозначных формулировок.
Кому вы создаете макеты?
Единого ответа не существует. Их можно адресовать руководителям, графическим дизайнерам, разработчикам, аналитикам, копирайтерам – словом, любому работнику отдела.
Создаем макет
Как сделать макет сайта? Убедитесь, что у вас есть набор требований в виде документа, творческого задания, заметок, карты и многого другого.
Соберите всю информацию, тщательно изучите ее, уберите неясности. И только потом переходите к созданию.
Не бойтесь начинать с карандаша и бумаги. Главное здесь – запастись ластиками.
Постройте элементарный макет. Часто в начале у вас нет ничего, кроме карты сайта и набора требований. Этого обычно хватает. Постарайтесь устранить пробелы в информации, которая есть у вас.
Требования к главной очень ограничены и кратки. Элементы основной навигации дают достаточно много исходной информации, но это не хватит на полноценную домашнюю страницу.
Аннотированные макеты
Они подробно описывают каждый элемент на странице, предлагаемые действия пользователя и результаты. Эта модель хорошо работает, поскольку пока число деталей ограниченно.