Для успешного дизайна сайта чрезвычайно важной составляющей общего процесса работы является правильная организация материала. Движение взгляда определяется общей структурой документа, которая ведет читателя от одной точки к другой, предупреждая об особо важных местах. Именно организационная структура материала помогает быстрее находить нужную информацию. Существуют различные приемы компоновки текста и иллюстраций на страницы. Однако всегда можно выделить отдельные элементы на странице, с которыми работает дизайнер при верстке.
Колонки используются для организации текста и иллюстраций на странице и представляют собой важные элементы ее модульной структуры. Изначально в веб-дизайне разделение текста на колонки не использовалось. Текст, как правило, шел одной колонкой, ширина строки была равной ширине окна браузера, либо ограничивалась заранее заданным значением: примерно 640 или 800 пикселей. Однако в настоящее время с увеличением разрешения на мониторах пользователей, а также с усложнением текстовой структуры документа, верстка по колонкам заняла достойное место в техниках веб-дизайна. Наиболее частое применение колонки находят при верстке лицевых страниц информационных сайтов и порталов.
Ширина колонок существенно влияет на читаемость документа. Чем больше на странице колонок, тем уже каждая из них. В то же время тем короче длина строки текста и тем меньше размер шрифта. В процессе чтения глаз человека просматривает группы слов, а не отдельные буквы. Текст, размещенный в узких колонках, трудно читать, поскольку приходится слишком часто переводить взгляд с одной строки на другую. Однако слишком длинные строки также имеют свой недостаток: при увеличении ширины колонки становится все труднее переводить взгляд с конца текущей строки на начало следующей, не теряя при этой нужного места.
Ширина колонки определяет размер шрифта: узкие колонки смотрятся лучше, если набраны более мелким шрифтом. Слишком близко расположенные колонки делают документ "темным" и затрудняют восприятие текста, поскольку взгляд пользователя невольно переходит на соседние текстовые блоки.