F.A.Q. PHOTO
ФОТОГРАФ! НЕФИГ ЛАЗИТЬ ПО САЙТАМ, РАБОТАЙ И РУБИ БАБЛО ОНЛАЙН!
Новое на сайте arrow Новое на сайте arrow Дизайн в стиле веб 2.0
Новое на сайте
О проекте
О Фотографии
О Маркетинге
Веб-Ликбез
Ссылки
Карта Сайта
Поиск по сайту
Вход в систему
Пользователь

Пароль

Запомнить меня
Забыли пароль?




Royalty Free Images

Дизайн в стиле веб 2.0 Версия для печати Отправить на e-mail
Написал(а) Александр Лебедев   

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

Общие особенности дизайна:

•  Простая основа

•  Выравнивание по центру

•  Фокусировка на дизайне контента, а не самой страницы

•  Трехмерные эффекты

•  Мягкие, нейтральные фоновые цвета

•  Яркие, сильные цвета

•  Симпатичные иконки

•  Большое количество свободного пространства

•  Крупный, читабельный текст

Давайте разберем каждый из этих пунктов

Простая основа

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

Выравнивание по центру

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

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

Фокусировка на дизайне контента, а не самой странице

Хорошие современные сайты сегодня сосредотачиваются не на оформлении страницы, а проектировании подачи контента. Это отражает принцип привлечения внимания к наполнению сайта ( Don’t decorate, communicate!" ).

Некоторые тезисы для выделения наполнения сайта:

•  Выделение сильным ярким цветом заголовков, использование 3d эффектов

•  Мягкая, простая в подаче страница

•  Фокусировка на удобности пользования контентом, юзабилити

Думаем…

Что должны извлекать дизайнеры из этой тенденции? Мало создать пустую страницу, наполняя ее позже содержанием. Содержание – сейчас главное!. Поэтому проектировать дизайн следует под конкретный контент.

Почему по центру?

Считается, что с психологической точки зрения, выравнивание по центру придает пользователям некоторую уверенность при чтении контента. Также для глаза центровка балансирует отдельные элементы, что приятно для глаза, дает ощущение простоты. Но следует еще раз отметить, что центровка должна подходить под дизайн вашего сайта, например, мы считаем, что для www.seo-study.ru центровка не подошла бы.

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

Трехмерные эффекты

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

Особо популярны иконки в виде звездочек, кругов. Они – везде! Рисуются очень быстро, хорошо привлекают внимание пользователя.

Мягкие, нейтральные фоновые цвета

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

Яркие, сильные цвета

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

Симпатичные иконки

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

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

Большое количество свободного пространства

Иногда сайты настолько плотно информативны, надуты как воздушные шарики, что просто так и тянет ткнуть их иголкой и спустить часть воздуха. Ваш глаз нуждается с большем свободном пространстве, чтобы четко идентифицировать блоки с информацией. Больше свободного пространства вокруг блоков – лучше. Иногда смотришь на страницу и думаешь: “Боже, тут, правда, надо, что-то раздвинуть”.
Очень хорошо, что многие дизайнеры используют дополнительные элементы для разграничения блоков.

Крупный, читабельный текст

Не старайтесь сделать ВЕСЬ текст на вашей странице супербольшим, на самом деле в некоторых местах мелкий текст очень даже неплох. Как же быть?

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

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

А теперь главное – как все это относится к поисковой оптимизации? Очень просто. Современные тенденции в дизайне не только увеличат ваш объем продаж, повторное возвращение посетителей и клиентов, но и верстка в css/xhtml даст возможность поисковому боту правильно и легко индексировать ваш сайт. Не бойтесь пробовать, прозрачность - верный путь к успеху.

Источник: www.seo-study.ru

< Пред.   След. >
Лучший хостинг для фотографов - рекомендую!
Новое
RSS Feed

© Photo Legion, 2006-2012