2.5.1. Стили сайтов

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

Классический стиль поддерживает строгие лаконичные формы и не­броские цвета. Таким стилем хорошо сообщать прогнозы рынка forex, экономические новости и биржевые сводки.

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

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

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

Техностиль, или хай-тек, – это стиль, где за основу берутся каркасы моделей, трехмерные конструкции, роботы и части изде­лий (рис. 2.4).

Рис. 2.4. Техностиль разработки сайта.

Минимализм в веб-дизайне означает использование простоты клас­сических геометрических форм и минимального количества цвета и кра­сок. Многие известные дизайнеры вернулись к старому заключению «все гениальное – просто». Белый фон, черный или серый шрифт, минимум графики, максимум «юзабилити» и информативности.

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

Одним из популярных сейчас является стиль Web 2.0. Он прост в исполнении, имеет небольшое число колонок, выравнивание по центру, удобную навигацию. Для пользователей привлекателен крупным тек­стом, яркими цветами и объемными эффектами, иконками.

Рис. 2.5. Ретро-стиль разработки сайта.

2.6. Логическое проектирование дизайна сайта

Логическое проектирование включает организацию информации на сайте, построение его структуры и навигации по разделам. На этом этапе следует описать:

1) тип структуры сайта (линейная, иерархическая, контекстная);

2) названия разделов;

3) содержание каждого раздела;

4) организация и связь разделов между собой;

5) информацию, которая будет размещена на определенных страницах сайта.

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

1. Использование обозначений. На сайте следует применять слова и термины, которые являются устоявшимися и понятными большинству посетителей сайта. В этом смысле не очень удачным является применение пиктограмм.

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

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

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

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

Линейная. Наиболее простой способ организации данных. Представляет собой набор следующих друг за другом веб-страниц.

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

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

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

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

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