Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
Введение в Веб программирование.doc
Скачиваний:
81
Добавлен:
07.11.2018
Размер:
4.42 Mб
Скачать

Глава 4. Веб – дизайн и обработка гипертекстовых документов

Веб-дизайн

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

Стили сайтов

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

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

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

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

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

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

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

Минимализм в веб-дизайне означает использование простоты классических геометрических форм и минимального количества цвета и красок. Многие известные дизайнеры вернулись к старому заключению «все гениальное — просто». Белый фон, черный или серый шрифт, минимум графики, максимум «юзабилити» и информативности. Одной из первых «громких» работ в стиле clean & simple стал портал американской газеты New York Times.

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

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

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

Какие части и разделы может содержать сайт

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

Статьи. На сайте желательно дать клиентам раздел, в котором можно почитать материалы по теме.

Новости. Новости несут ту же функцию, что и статьи, только постоянно обновляются.

Магазин или раздел с описанием услуг. Рядом со статьями или новостями могут отображаться товары и услуги. Таким образом Вы превратите читателей в покупателей.

Блог. Хорош для любого сайта. Его можно сделать как альтернативу новостному разделу.

Форум. Нужен для оказания технической поддержки и для общения посетителей.

FAQ. Часто задаваемые вопросы и ответы. В этом разделе можно описать вопросы и ответы в подддержку товаров. Кроме помощи клиентам это еще и страницы, которые генерируют поисковый трафик.

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

Портфолио. Нужно для студий Веб-дизайна, фрилансеров, разработчиков ПО. Своего рода витрина, на которой представлены лучшие образцы работ.

Обратная связь. Форма обратной связи или данные для связи с менеджером, администратором должна быть на любом сайте.

Рассылка. Она необходима, чтобы иметь контакт с посетителями.

Поиск. Если у Вас есть все, что описано выше, то поиск просто необходим.

Информеры: погода, курсы валют, календарь

Регистрация/Авторизация на сайте проводится в случае, если предполагается предоставление некоторых дополнительных услуг

Какие части и разделы должны быть на сайте

С точки зрения юзабилити на любом сайте необходимо следующие элементы:

1. Логотип сайта

2. Название страницы

3. Разделы и подразделы

4. Локальная навигация

5. Индикаторы «Вы находитесь здесь»

Пример. Что должно быть на основном бизнес-сайте

• Новости

• Статьи

• Блог

• Форум

• FAQ

• Форма обратной связи

• Магазин или раздел с описанием услуг

• Портфолио

• Файловый архив

• Рассылка

• Поиск

Пример. Что должно быть на сайте для заработка контекстной рекламой

• Новости

• Статьи

• Блог

• Форум

• FAQ

• Форма обратной связи

• Файловый архив

• Рассылка

• Поиск

Все то же самое, кроме прямой продажи услуг.

В любом случае, на сайте должен быть уникальный и качественный контент. Это залог успеха любого сайта