Школа Email-маркетинга

Стиль Web 2.0

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

«Классический» стиль, стили «ретро», «гранж», «аниме», «футуристический» стиль, «журнальный» стиль – этот список можно продолжать очень долго. Сейчас модным и популярным стал стиль Web 2.0. И если название «ретро» говорит достаточно много  том, как может выглядеть сайт, то название «Web 2.0» требует пояснения.

Каковы же основные признаки стиля Web 2.0?

Этих признаков довольно много, попробуем выделить главные.

  • Простота

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

  • Свободное пространство

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

  • Крупные объекты

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

  • Увеличенный шрифт

Шрифт на сайтах в стиле Web 2.0 обычно увеличен, он имеет размеры 14 пикселей и больше. Межстрочный интервал также увеличен, это уменьшает плотность текста и улучшает его восприятие. Способствует этому и разбиение текста на абзацы.

  • Простая навигация

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

  • Простая структура страницы

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

  • Логотип

Наличие логотипов это еще одна отличительная черта современных сайтов в стиле Web 2.0. Логотип бросается в глаза, запоминается посетителю сайта, если он хорошо сделан. Логотип придает сайту индивидуальность, неповторимость. Это способствует тому, чтобы посетители сайта возвращались на него.

  • Яркие цвета

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

  • Градиенты

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

  • Подсветка

Незаметный, но очень важный элемент дизайна – мягкая подсветка. Она помогает обратить внимание на текст, выделяет логотип и т. п.

  • Тени

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

  • Отражения

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

  • Закругленные углы

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

  • Значки и крупные кнопки

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

  • Проработка мелких деталей

Мы начали описание стиля Web 2.0 с понятия «простота», но простота эта кажущаяся, эта простота для посетителя сайта. Но для того, чтобы сайт выглядел простым и был удобным для работы с информацией, необходима, на самом деле, тщательная проработка всех, даже самых маленьких, деталей. Без такой проработки сайт будет казаться грубым, «топорным», и никакого стиля у такого сайта уже не будет.

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

Если вас заинтересовала статья, или вам есть, что добавить, оставьте комментарий.

Проголосуйте за статью, нажмите кнопку социальной сети.

Адаптивная, SEO подготовленная WordPress тема
Очень плохоПлохоСреднеХорошоОтлично (голосов: 1 в среднем: 5,00 из 5)
Загрузка...
Понравилась статья? Поделиться с друзьями:
Комментарии: 1
  1. Андрей

    Конечно, этот сайт в стиле Web 2.0. Я в другом комментарии даже спросил, как сделать такой яркий, лёгкий дизайн сайта. Вот я сразу обратил на это внимание! Пример картинок, посмотрите на право в блоке «Это важно». Как классно, ярко отсвечивают картинки.
    Так что , побольше постов по ФОТО ШОП. Пожелание автору. И спасибо.
    Сделайте, пожалуйста пост:
    Как ЯРКО сделать на сайте картинку до размера 300 на 300 пикселей? И какие размеры картинок оптимальны для блогов?

Добавить комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: