От автора: привет, друзья! Как часто вам приходится посещать сайты, на которых страшно заказывать товары, потому что их дизайн оставляет желать лучшего? Представьте ситуацию: вы заказываете такси, а к вам приезжает какая-то «тарантайка», настолько старая, что на ней страшно ехать. Так же и с сайтами. Мне кажется, что все черты дизайна в реальной жизни можно перенести и в сферу веб-дизайна. Давайте разберемся вместе, какие же существуют стили веб-дизайна, и как их применить на практике.
Классификация стилей сайтов
В настоящее время не существует единой классификации стилей web-дизайна. И это неудивительно: каждый ресурс является уникальным по многим параметрам, а стилевое оформление сайта не является точной наукой и не имеет четко закрепленных правил. Выделим основные критерии, по которым можно классифицировать сайты:
Структура (минималистичные, сложные, 2-3-х колоночные);
Цветовая гамма (черно-белые, разноцветные, светлые, темные);
Количество и уровень графики (стандартные, чистые, художественные);
Тематика или художественное оформление (журнальный стиль, готика, «мультяшный» стиль, футуризм, ретро, классика, гранж и т. д.).
Как вы уже поняли, в дизайне, как и других видах искусства, существует огромное количество художественных направлений, начиная от романского стиля X века и заканчивая футуризмом. Вообще, в стилях веб-дизайна сейчас царит полная неразбериха, как по мне.
Некоторые думают, что, создав портал с 3-х колоночной структурой, они закладывают новое направление в дизайне. А если копнуть глубже, то окажется, что они и знать не знают, к какому конкретно стилю принадлежит их сайт, да и какие они вообще бывают. Давайте разбираться.
Структура сайта
Сайт с минимальной структурой либо сконцентрирован на каком-то главном элементе, либо состоит из одной 1-колоночной страницы;
2-х и 3-х колоночные структуры более распространены. Они могут использоваться в различных типах сайтов: блогах, информационных, корпоративных и т. д.;
сложные структуры обычно создаются для интернет-порталов, новостных сайтов и других ресурсов, содержащих множество блоков и колонок.
Структура сайта обязательно должна соответствовать разрешению монитора, на котором его будет просматривать пользователь. Мастера веб-дизайна прекрасно знают, что самым популярным разрешением является 1280х1024, поэтому именно под него надо, в первую очередь, подстраиваться при создании стиля в веб-дизайне.
Можно, конечно, сделать резиновый макет, который будет растягиваться на всю ширину экрана. Однако этот вариант имеет свои недостатки, по сравнению с фиксированным. Во-первых, резиновая верстка стоит в разы дороже. Во-вторых, на мониторах с большим разрешением все элементы сайта расползутся, и информация на нем исказится.
Более сложной версией резинового является адаптивный дизайн. Он может отображать различное количество колонок, в зависимости от разрешения монитора.
Художественное оформление
Призываю всех, кто продолжает захламлять свой сайт спецэффектами, срочно остановиться. Эта тенденция давно осталась в прошлом. Современный стиль в web-дизайне не приветствует ни сумасшедших фонов, ни мелькающих слайдеров, ни музыкальных заставок.
Как веб-разработчики, так и пользователи уже давно прошли стадию отрицания минимализма и поняли, что простота и чистота сайта — это ключ к его максимальному удобству, функциональности и завораживающей эстетике. Сайты, лишенные наворотов, загружаются в разы быстрее и дольше удерживают внимание пользователя в фокусе, что благоприятно влияет на ранжирование и конверсию.
Но не стоит путать простоту со скукой! Стиль дизайна сайтов должен быть свежим, оригинальным, притягивающим. Предложу вам несколько интересных стилей, которые будут полезны как начинающим веб-дизайнерам, так и опытным специалистам, находящимся в поисках вдохновения.
Хипстерский стиль (гранж)
Этот темный и брутальный стиль — один из самых востребованных на сегодняшний день в веб-дизайне. Я лично в восторге от его неотесанных элементов.
Этот стиль идеально соответствует идее минимализма. Он характеризуется сочетанием резких форм с закругленными углами и чистых, или суровых урбанистичных фонов.
В пределах этого стиля в качестве фоновых изображений можно также демонстрировать реальные самодельные вещи (деревенские указатели, кирпичные стены, деревянные дощечки, виртуальные ленточки, штампы).
Минимализм
Секрет неугасаемой популярности минималистических сайтов — в их акцентировании внимания не на дизайне, а на содержимом. На нейтральном фоне шрифты смотрятся четче, а изображения товаров — ярче.
В общем, основная идея минимализма — это контраст. Он достигается с помощью цветовых акцентов, стратегически расположенных так, чтобы максимально управлять взглядом пользователя, а также благодаря визуальной иерархии посредством противопоставления шрифтов и фона.
Карточный стиль («Metro»)
Очень интересный вариант, идеально подходящий для сайтов, которым нужно предоставить значительный объем информации в удобоваримом виде. В этом стиле веб-дизайна весь контент распределен по карточкам единой модульной сетки, как в стартовом меню OS Windows 8.
Яркий и выразительный дизайн «Metro» по своей сути минималистичен, легко загружается и адаптируется под различные виды устройств, и при этом умудряется обеспечивать безграничные возможности для творческого порыва. Его характерными чертами являются плоские элементы без теней и градиентов, яркие цветовые акценты, плиточная структура, интересные шрифты.
Ретро (винтажный стиль)
Сайты в стиле ретро выглядят шикарно, по-старинному. Этот дизайн зачастую используется там, где нужно подчеркнуть богатую историю какого-либо продукта или компании, сформировать у потребителя определенный образ.
На таких сайтах можно часто встретить античные, классические элементы, предметы интерьера, декора и т. д. Чаще всего обыгрываются следующие исторические периоды:
античный период;
начало XX века;
поствоенный период до 60–70-х годов.
Футуристический дизайн
Ну, это понятно. Здесь, в хорошем смысле, «спекулируют» идеей будущего, фантастики, роботов, металлов, компьютеров и пр. Футуристический сайт должен восприниматься неординарно и неоднозначно, идти вразрез с традиционным восприятием действительности.
Конечно же, в данной статье я не описал и малой части всей стилей, существующих в web-дизайне — эта тема достойна, пожалуй, целого трактата. Главное, о чем вы должны помнить, выбирая оформление и структуру своего сайта — это то, что будет отличать его от прочих ресурсов в интернете. Ставьте перед собой четкие цели и задачи. Уделите время определению стиля сайта. Не забывайте также учитывать корпоративные цвета и фирменный стиль компании, для которой разрабатываете веб-дизайн.
Учитесь и развивайтесь, как в творческом, так и логическом смысле. Создавайте уникальные дизайны «для людей», с хорошо продуманной структурой и юзабилити. Тогда ваше творение точно не останется незамеченным пользователями.
Ну вот и все рекомендации на сегодня. Подписывайтесь на обновления нашего блога и делитесь ими с друзьями — они оценят вашу заботу. До новых встреч!
Комментарии (1)