Стили дизайнов сайтов. Минимализм.

Стили сайтов


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

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

Минимализм и информационный дизайн сайтов

О минималистском стиле

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

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

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

Ниже я кратко описываю самые заметные черты сайтов в минималистском ключе.

	Белый фон, черный текст. Несмотря на то, что средствами HTML можно отобразить фон и текст любым цветом, традиционно используется черный текст на белом фоне, либо светлый фон и темный текст. Никаких текстур не положено. Отказ от графики. Как упоминалось выше, единственными исключениями являются логотипы и мелкие значки. Шрифтовой лаконизм. Графика и любые несистемные шрифты не используются. Только шрифты с засечками или без засечек. В целом наблюдается скромность в шрифтовом оформлении: неброскость заголовков, практически полное отсутствие акциденции. Декор: тонкие линии, цветные плашки, пиксельные значки. Чтобы не было скучно, дизайнер сайта может внести в модульную сетку разбивку элементов линейками, расположение ключевой информации (цитат, например) на цветных плашках. Пиксельные значки также служат декоративным целям: ссылки, предваренные значком, лучше запоминаются пользователю. Текстовая навигация, использование "хлебных крошек". Все меню на минималистском сайте исключительно текстовые: во-первых, так страница загружается быстрее, а во-вторых, минимализм не приемлет излишнего украшения функциональных элементов. Но текстовая навигация должна легко "считываться" пользователем: ему сразу должно быть понятно, где на сайте главные ссылки, пройдя по которым, он попадет в нужный раздел. Стиль сайта не для повышения продаж. Чисто минималистский дизайн сайта обычно не привлекает заказчика, задача которого - с помощью сайта продать товар. Поэтому минималистские сайты создаются для других целей, о которых мы будем говорить более подробно далее. Тщательная работа над контентом. Если на сайте презентационного типа (промостиль) часто самое главное - в картинке, то в минималистском дизайне во главу угла ставится текст. В итоге веб дизайнер должен особенно тщательно работать над версткой текста, отнестись к нему бережно. Четкая модульная сетка. Все объекты в дизайне сайта минималистского толка, должны находиться между собой во внятных отношениях: нужно следить за выравниванием каждой ссылки, каждого блока относительно других объектов, чтобы ни у кого не возникало вопросов: "А почему это расположено именно здесь?"



читать продолжение

Так же рекомендую почитать:
Юзабилити в современном веб дизайне
Американский бизнес-стиль веб дизайна
Стили сайтов. Стиль Web 2.0
Стили сайтов. Промостиль в веб дизайне