Основные стили веб-дизайна сайтов
Классический стиль
Классика в веб-дизайне предполагает использование стандартных, проверенных временем элементов. Сайт, дизайн которого создан в классическом стиле, долгое время может обходиться без редизайна, оставаясь при этом вполне модным.
Отличительные черты классического стиля веб-дизайна:
- структура страниц сайта имеет характерную колончатую структуру;
- в верхней части страницы находится шапка с логотипом;
- логотип, как правило, в левом верхнем углу страницы;
- панель навигационного меню размещается или горизонтально под шапкой, или вертикально слева;
- цвета для оформления подбираются сдержанные, неяркие и не мрачные;
- минимальное использование графики, анимации и мультимедиа;
- использование темных стандартных шрифтов на светлом фоне.
Классический стиль наиболее популярен у солидных компаний, уверенно чувствующих себя на рынке: у государственных, образовательных, медицинских, финансовых, юридических организаций.
Минимализм
После классики минимализм — один из наиболее популярных сегодня стилей в веб-дизайне. Основной упор делается не на оформление сайта, а на контент. Как правило, данный стиль используется на сайтах, где главная задача — представить продукт или услугу.
Отличительные черты минимализма в веб-дизайне:
- максимальная простота во всем;
- ограниченная цветовая палитра, нередко монохромная (на основе одного цвета, часто черно-белая);
- изображение, будучи главным элементом, обязательно должно котрастировать с фоном страницы;
- много пустого пространства на странице, что помогает привлечь внимание посетителя сайта к нужным элементам;
- текстовые блоки небольшие, контент лаконичен, крупные заголовки.
Минимализм используется для оформления небольших корпоративных сайтов, лендингов (одностраничных сайтов), интернет-магазинов.
Flat
Flat-дизайн (плоский дизайн) отличается минималистичностью и простотой. Для стиля характерно полное отсутствие каких-либо визуальных эффектов. Очень часто используются геометрические объекты.
Отличительные черты стиля Flat в веб-дизайне:
- используются простые двумерные объекты (двумерные иллюстрации, фигуры, иконки);
- нельзя применять декоративные детали (тени, градиенты, текстуры и т.д.);
- текст — важный элемент, выводимый на первый план;
- цветовая схема, как правило, включает 2-3 цвета;
- пустое белое пространство делит страницу на фрагменты, способствуя посетителю сайта сконцентрировать внимание на важных объектах.
Главное в стиле Flat — простота использования, поэтому стиль подойдет для сайтов с несложной структурой, с небольшим количеством текста, ориентированных на молодежь.
Рисованный (эскизный) стиль
Основой дизайна сайта в рисованном стиле являются уникальные рисунки, создаваемые художником вручную на бумаге. Рисунки затем оцифровываются и используются веб-дизайнером.
Отличительные черты рисованного (эскизного) стиля:
- каждый элемент сайта является уникальным и заставляет невольно останавливать на нем взгляд;
- используется широкая цветовая палитра;
- элементы сайта группируются хаотично;
- широко применяются «рисованные» шрифты.
Сайты в рисованном стиле обычно создаются для молодых творческих людей и коллективов, художников, детских студий, салонов красоты, небольших интернет-магазинов.
Гранж (хипстерский стиль)
Стиль Гранж появился как альтернатива гламуру. Неопрятность, брутальность, грязные оттенки и даже некоторая уродливость стиля противостоят приторности неестественной красоты гламура.
Отличительные черты стиля Гранж:
- цветовая палитра — это матовые приглушенные «грязные» цвета: черный, коричневый, серый, болотный, темно-оранжевый, бордовый;
- характерно использование «неопрятных» текстур: грязные стены, кирпичная кладка, старая бумага, рогожка, деревянные поверхности, порванные джинсы;
- в качестве декоративных элементов страницы могут использоваться «поврежденные» иконки, разводы, изображения клякс и брызг, скрепки, стикеры, обрывки бумаги;
- типографика — часто гротескные шрифты, внешне кажущиеся потертыми, поломанными, шероховатыми, даже написанными от руки.
Веб-дизайн в стиле Гранж может подойти сайтам, где необходимо выделить дух бунтарства, авантюризм. Целевая аудитория таких сайтов, как правило, мужчины. Гранж можно использовать для музыкальных интернет-ресурсов, туристических порталов, интернет-магазинов одежды в хипстерском стиле.
Ретро (винтажный стиль)
Главной особенностью стиля Ретро в веб-дизайне является использование элементов, визуально создающих атмосферу прошлого. Это положительно влияет на пользователя, вызывает у него на подсознательном уровне доверие к сайту.
Отличительные черты стиля Ретро:
- используется цветовая палитра из приглушенных пастельных тонов;
- применяются винтажные текстуры: потертые, выцветшие (будто выгоревшие на солнце), дерево, старая бумага;
- использование тематических иллюстраций с изображением символов того исторического периода, под который стилизуется сайт;
- разбивка страницы с помощью геометрических фигур (круги, треугольники, прямоугольники) для акцентирования внимания пользователя;
- шрифты часто стилизуются под полиграфию прошлых лет с эффектами тиснения, тени.
Веб-дизайн в стиле Ретро применятся для сайтов ретро-заведений (отели, рестораны, музеи, фотогалереи), для персональных сайтов артистов, художников, фотостудий.
Полигональный стиль
Техника применения полигонального стиля в веб-дизайне основана на постепенном заполнении пространства геометрическими фигурами (прямоугольниками и треугольниками). В результате, благодаря контрасту и распределению оттенков по уровням, происходит упрощение и виртуализация реалистичных элементов, но при этом сохраняется их объемность и узнаваемость.
Отличительные черты полигонального стиля:
- лаконичность — для передачи смысловой нагрузки не нужна сложная композиция;
- универсальность — можно создавать дизайн для интернет-ресурсов любой сложности;
- гибкость — геометрические мотивы можно внедрять в логотипы, обеспечивая тем самым узнаваемость фирменного стиля.
Полигональный стиль в веб-дизайне можно использовать при разработке сайтов для любой сферы деятельности.
Стиль Organic & Natural
При разработке сайтов в стиле Organic & Natural в веб-дизайне используются природные мотивы. Главное на таких сайтах — визуальный компонент, который часто более важен, чем даже контент.
Отличительные черты стиля Organic & Natural:
- используются цвета природных оттенков (зеленый, желтый, коричневый, голубой);
- в качестве графических элементов используются объекты органической направленности (растительные орнаменты, листья, цветы);
- для фона используются пейзажи, а также текстуры с изображением неба, воды, деревьев, кожи, гор.
Главными заказчиками веб-дизайна в стиле Organic & Natural обычно выступают компании и предприниматели, чья деятельность связана с природой, производством продуктов питания, продажей цветов, кожи, тканей, туроператоры.
