1.4.4 Макет страницы

Макет веб-сайта (каркас) не отображает детали эстетического оформления, а имеет отношение только лишь к информации основных страниц, показывая сырую навигацию, положение текстов, графики, ключевые заголовки и любые другие элементы, которые должны находиться на странице. Макеты отображают некоторую иерархию информации, но не диктуют точную форму и место её представления [10].

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

Макеты бывают простыми (компоновка содержимого и навигация по нескольким основным страницам сайта) и сложными (тексты, ссылки, навигация и графическое содержимое в более детальной форме).

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

Для облегчения задачи создания макетов используется следующий контрольный список:

• изображения, чертежи, иллюстрации;

• контент (общее направление содержимого или готовый текст);

• глобальная навигация (навигационная панель или общие элементы, которые появляются на каждой странице);

• описание основных функциональных возможностей;

• первичные ссылки (предполагаемая навигация), вторичные ссылки;

• мультимедиа (если есть);

• целевой размер окна;

• данные для заголовка и подвала (название проекта, название страницы, номер версии, дата, авторское право).

1.4.5 Правило оформления текста

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

Шрифтовая композиция – это способ самовыражения, выливающийся в самостоятельную творческую форму и композицию.

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

Пример творческого использования шрифта – выделение текста. Он может быть заголовком, девизом, лозунгом. Иногда для выражения мысли достаточно использовать жирность или более крупный кегль.

При выборе шрифта необходимо учитывать следующие рекомендации:

• не следует использовать очень крупный размер шрифта (особенно с полужирным и курсивным начертанием) для текстовых надписей, т.к. в большинстве случаев, он чаще всего производит грубое впечатление, тогда как шрифт обычного размера при умелой подаче кажется насыщенным и располагает к вдумчивому прочтению;

• не следует применять такие приемы, как подчеркивание или перечеркивание: подобные эффекты могут ассоциироваться у пользователей с гипертекстовой ссылкой;

• навигационное меню на всех страницах должно иметь одни и те же форму, цвет, размеры и месторасположение, что обеспечивает легкость перемещения по серверу;

• не следует заполнять страницы ресурса избыточным количеством графических материалов;

• использование фонового цвета для отдельных символов текста, дает возможность создавать разнообразные композиции для заголовков, подписей к рисункам и пр. [25].