Стратегия веб-дизайна

 

 

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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