Главная › Новости

Создание макета сайта

Опубликовано: 01.11.2018

Дизайн Сайта в Photoshop (Как нарисовать?) Урок по Шагам.

Создание макета сайта – это приблизительный набросок прототипа экрана приложения или веб-страницы. Именно он определяет, какие элементы будут отображены:

Навигация. Call to Action и прочие призывы к действию. Разделы контента. Элементы форм. Мультимедиа и графика.

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

Мастер веб-дизайна #5: Создание дизайна сайта пиццерии

Ранее их рисовали только как ориентир для дизайнеров и разработчиков. Теперь макеты показывают заказчикам и всем заинтересованным лицам для составления бизнес-требований.

Лучшие версии появляются как результат тесного взаимодействия разных специалистов.

Дизайн сайта в Фотошопе

Макеты, которые демонстрируют пользователям для обратной связи, можно утвердить или отправить на доработку. Их называют прототипами.

Аннотации

Это пояснения к макетам и связанные с ними взаимодействия. Обычно в них есть следующая информация:

Источники контента. Правила процессов. Сообщения о багах. Правила отображения и взаимодействия.

Аннотации нужно формировать кратко. Пояснения должны быть четкими и прозрачными. Используйте «будет» вместо неоднозначных формулировок.

Кому вы создаете макеты?

Единого ответа не существует. Их можно адресовать руководителям, графическим дизайнерам, разработчикам, аналитикам, копирайтерам – словом, любому работнику отдела.

Создаем макет

Как сделать макет сайта? Убедитесь, что у вас есть набор требований в виде документа, творческого задания, заметок, карты и многого другого.

Соберите всю информацию, тщательно изучите ее, уберите неясности. И только потом переходите к созданию.

Не бойтесь начинать с карандаша и бумаги. Главное здесь – запастись ластиками.

Постройте элементарный макет. Часто в начале у вас нет ничего, кроме карты сайта и набора требований. Этого обычно хватает. Постарайтесь устранить пробелы в информации, которая есть у вас.

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

Аннотированные макеты

Они подробно описывают каждый элемент на странице, предлагаемые действия пользователя и результаты. Эта модель хорошо работает, поскольку пока число деталей ограниченно.