Разметка в виде колонок

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

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

Разметка в три колонки

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

Если главное преимущество разметки в три колонки, это её простота и понятность, то главный недостаток - неоригинальность и скучность. Так как такую разметку использует большинство страниц, она ничем не выделяется. Её возможно разнообразить, сделав все три колонки одинаковой ширины или сделать шапку шириной в две колонки, чтобы вся страница, а не только главное содержание, как в классическом варианте, выглядела разделённой на три колонки.

Разметка в четыре колонки

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

Главным недостатком разметки в четыре колонки является то, что такой дизайн, скорее всего, будет выглядеть симметрично, что иногда оправдано и нужно, а иногда выглядит слишком неинтересно. Это, однако, можно компенсировать, используя другие инструменты веб-дизайна - цвета, шрифты, графику и т.п.

Разметка в шесть колонок

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

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

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

Другие типы разметки с колонками

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