Чистый веб-дизайн и его элементы

net-web-design-and-its-elements

«Чистый», простой веб-дизайн стал популярным трендом, которому посвящают многочисленное количество публикаций в сообществе дизайнеров. Показательный образец «чистого» дизайна сразу бросается в глаза, поскольку отдает профессионализмом и высоким качеством. Однако основные принципы и факторы, которые объединяются в «чистом» виде, часто замалчиваются.

Чистый дизайн не означает минималистичный дизайн. Спутать их достаточно просто. Между ними есть определенное сходство, частично совпадают принципы, но есть и ключевые различия. Итак, какой же дизайн считать чистым?

Фундаментальными характеристиками чистоты дизайна являются:

Система решеток сайта

net-web-design-and-its-elements(2)

Если просматривать сайты, которые можно отнести к категории «чистых», то всех их объединяет одна вещь: продуманная система решеток (сетка), которую дизайнер использует для разбивки сайта, как бесценный способ организации выравнивания по высоте. Тем людям, кто не слышал о проектировании с сеткой, следует только представить, что каждый аккомпанемент начинается с невидимой структуры колонок и строчек, а структура контроллирует масштабы и определяет расположение каждого элемента в композиции.

Твердая структура шаблона веб-страниц

net-web-design-and-its-elements(3)

Сетка формирует ощущение упорядоченности, помогая дизайнерам организовать иерархичность, гармоничность и последовательность. Твердая структура шаблона, который базируется на сетке, обеспечивает упорядоченность и единство. К примеру, на сайте Creative Review используют несколько макетов веб-страницы для определенных видов контента, но это не разрывает страницы на куски, поскольку они все (макеты) разделяют одну и ту же базовую структуру.

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

Хорошая типография

net-web-design-and-its-elements(4)

Создается впечатление, что хорошая типография часто концентрируется на больших объемах работы с меньшими затратами, но для «кристальной чистоты» вашего дизайна ключевой является сдержанность. Когда используется слишком большое количество шрифтов, они, конкурируя друг с другом, «рвут» дизайн, разрушая его упорядоченность. Если проанализировать качественные сайты, то сразу заметно, что они используют один или два типа шрифта, меняя только размер, регистр, цвет и вес, устанавливая четкую иерархию типографии.

Практически на всех «чистых» сайтах используют не более двух шрифтов в таблицах стилей, но дизайнеры, используя эти шрифты, установили четкую иерархию.

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

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

Ограничение палитры цветов

net-web-design-and-its-elements(5)

В полиграфическом дизайне гамма ограничивается необходимостью и бюджетом. Но в веб-дизайне ограничения отсутствуют — мониторы позволяют отображать цвета во всем их миллионном многообразии. С другой стороны, для «чистых» сайтов характерна тенденция ограниченности цветов: чаще всего это ядро серого спектра или даже одного цвета. Цвет, который определяется для важнейших элементов (заголовков, ссылок) — это трюк, который не только повышает удобство, но и позволяет визуально совместить элементы всего сайта.

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

Цвета в дизайне и соответствие изображений

net-web-design-and-its-elements(6)

Часто раздражает неопределенность со стилем изображений на странице. Визуальные элементы сайта должны стилизовано гармонировать, особенно в «чистом» дизайне.

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

Поделиться