Стили веб дизайна

Оглавление

  1. Введение. Необходимость классифицирования.
  2. Обзор существующих классификаций стилей веб дизайна.
  3. Основные аспекты формирования стиля веб дизайна.
  4. Разработка собственной актуальной классификации стилей веб дизайна.
  5. Детальный разбор каждого стиля.
  6. Заключение. Советы заказчикам и веб дизайнерам.

1. Введение. Необходимость классифицирования.

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

Тогда я решил поискать существующий теоретический материал по этой теме. Было найдено множество информации отечественных и зарубежных авторов, усвоить которую оказалось непростым делом. Одни авторы разделяли стили веб дизайна,  исходя из источника возникновения (те же готические сайты, стиль чертежей и моделей, кибер-панк, стиль бумажных пакетов и т.д.) , другие полагались на сферу применения (домашние странички, фирменные сайты, корпоративные сайты, контентные сайты). Встретил даже такую необычную классификацию сайтов Рунета: сайты в стиле Артемия Лебедева и сайты в стиле Василия Пирогова. Первые известны чистотой дизайна и кода, выверенной логической структурой сайта, соблюдением правил юзабилити и русского языка. Вторые пропагандируют объективно красивый дизайн, применяя элементы окружающей нас действительности, воздействуя в своих работах на эмоциональную сферу посетителя сайта.

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

Что такое классификация? Это не что иное, как условное распределение всей совокупности веб сайтов по группам в соответствии с какими-либо общими признаками.

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

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

2. Обзор существующих классификаций стилей веб дизайна.

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

Классификация Курта Клонингера (Curt Cloninger).

  1. HTMинимаLизм. (HTMinimaLism School ).
  2. Мондриановский плакатный стиль. (Mondrian Poster School).
  3. Табличный пиктографический стиль. (Grid-Based Icon School).
  4. Суперминиатюрный, в стиле Сим Сити. (SuperTiny SimCity School).
  5. Низкокачественный грандж. (Lo-Fi Grunge School).
  6. Стиль бумажных пакетов. (Paper Bag School).
  7. Готический органический стиль. (Gothic Organic School).
  8. Пиксельный панк-рок стиль. (Pixelated Punk Rock School).
  9. Стиль чертежей и моделей. (Drafting Table/ Transformer School).
  10. Стиль 1950-х "Привет, Китти!" (1950s Hello Kitty School).
  11. Солнечный схематичный стиль семидесятых. (1970s Dayglow Outline School).
  12. Аналоговый стиль ручного рисунка. (Hand-Drawn Analog School).
  13. Пустынный ковбойский стиль. (Dusty Cowboy School).

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

  1. Персональная страничка.
  2. Некоммерческие сайты.
  3. Корпоративные сайты.
  4. Контентные сайты.

В сети Интернет встречается множество других классификаций. Некоторые из них являются интерпретированными графическими стилями. Некоторые разделяются по технике исполнения, например, векторные, растровые. Разделяют также сайты по способу верстки: табличные, блочные. Попадались такие названия стилей, как чистые, футуристические, Web PopArt, классические, художественные и даже "отстойные".

3. Основные аспекты формирования стиля веб дизайна.

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

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

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

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

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

Способы обработки изображений. Технические приемы. Для каждого стиля веб дизайна присущи свои методы и приемы. Например, векторная или растровая обработка изображений. Разумное применение анимации, различных технологий (Flash, JavaScript, DHTML...). Различные методы художественной отрисовки элементов. На одних сайтах допустима компьютерная графика, на других идеально подходит качественно обработанная фотография, на третьих необходима 3D визуализация.

4. Актуальная классификация стилей веб дизайна.

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

  • Готический органический стиль.
  • Табличный стиль, пиктографический.
  • Минимализм. Миниатюрный стиль.
  • Текстовый стиль.
  • Плакатный стиль.
  • Журнальный стиль.
  • Стиль кибер-панк. Пиксельный панковский дизайн. Футуристический стиль. Стиль хай-тек.
  • Стиль хиппи. Стиль дневного света и цветов.
  • Стиль грандж.
  • Стиль Web 2.0.

В данной статье подробно расписывать каждый стиль я не буду. Детально изучить эти стили можно будет в отдельных статьях на нашем сайте.

    Описание стилей будет проходить по следующим пунктам:
  • Обзор стиля.
  • Цели и применение.
  • Источник вдохновения.
  • Технические приемы.

6. Заключение. Советы заказчикам и веб дизайнерам.

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

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

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

На сегодняшний день по данным исследовательской компании Netcraft, количество сайтов, работающих в интернете по состоянию на 31 мая 2007 года, достигло отметки в 122 000 635 сайтов. Задача дизайнеров, художников и, особенно, заказчиков создавать красивые сайты, создавать новые стили, течения и движения в веб дизайне. Стоит подхватывать новые идеи, рисковать, создавая что-то новое. Интернету нужен Креатив в истинном смысле. В осуществлении этой задачи и работает коллектив студии веб дизайна TopCreative, наряду с другими командами профессионалов.

Рустам aka _malysh_, дизайнер студии TopCreative

Rambler's Top100
Россия, г. Москва, ул. Марксистская, д. 22
тел. 8-800-55555-27