Основные компоненты Web-страницы

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

Ответ.

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

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

Несколько основных пунктов меню можно продублировать в альтернативном меню. Если основное горизонтальное – то в вертикальном, или наоборот.

Меню сайта должно содержать ссылки только на этот сайт! Одно из основных правил навигации: все ссылки сайта открываются в текущем окне, ссылки, ведущие на внешние сайты – в новом окне.

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

Активный раздел меню (страница, на которой находиться пользователь) должен выделяться, явно отличаясь от других пунктов, например цветом.

Посещенные разделы стоит выделять другим цветом, чтобы посетителю было видно, где он был, а где нет.

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

Приветствуется наличие дублирующего основного меню внизу страницы.

Основные элементы дизайна сайта.

• Дизайн — это конструирование вещей, машин, интерьеров, основанное на принципах сочетания удобства, экономичности и красоты.

• Графика — искусство изображения предметов контурными линиями и штрихами, без красок (иногда — с применением цветовых пятен) (словарь Ожегова).

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

• Главная задача Web-дизайна является создание комфортной атмосферы для усвоения информации на страницах Интернет-сайта.

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

• компоновка Web-страниц сайта;

• цвет;

• шрифт;

• графика.

Компоновка страницы сайта.

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

Компоновка страниц сайта должна обеспечивать автоматическое масштабирование страниц в зависимости от ширины рабочего поля браузера пользователя. Минимальный размер (ширина) рабочего поля браузера, при котором необходимо обеспечить полноценное отображение страниц (без полосы горизонтальной прокрутки), составляет 1024 пиксела.

Цветовое решение сайта.

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

Для создания эффективного дизайна необходимо учитывать ряд требований налагаемых на выбор цветового решения:

• яркость, тон и насыщенность цвета должны соответствовать фирменному стилю сайта;

• подбор цвета делается с учетом ориентировки на аудиторию этого ресурса;

• количество используемых основных цветов по возможности не должно превышать трех;

• цвета, используемые на сайте должны взаимодействовать и гармонировать между собой;

• употребление цвета должно отвечать элементарным правилам логики;

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

• необходимо что бы цветовое решение соответствовало форме подачи материала, его содержанию, аудитории сайта.