Золотое сечение – соотношение разделения частей для построения эстетической и сбалансированной композиции. Шаблоны на основе сеток становятся популярными по ряду причин.
Во-первых, они обеспечивают построение структуры и организации страницы, которые помогают создать предсказуемый ритм и интуитивное знакомство с дизайном.
Во-вторых, они чрезвычайно дружелюбны к пользователю. Шаблоны на основе модульной сетки усиливают тенденцию чтения слева-направо, исключая сюрпризы. Также многие шаблоны легко изменяются в соответствии устройством, которым пользуется посетитель сайта (со способностью перестраиваться в зависимости от типа устройства, на котором ее просматривают).
Использование модульной сетки в веб дизайне в наши дни стало популярным решением у разработчиков, которые стремятся к великолепным результатам. Концепция теории сетки, когда пропорции выделяются так же, как и структура, существует уже несколько тысяч лет, подтверждением чему служат работы Пифагора, который предлагал использовать набор отношений, а не единичные числа.
Нарисуйте прямоугольник. Размеры по вертикали и горизонтали не имеют значения. Разделите ваш прямоугольник по вертикали и по горизонтали на три равные части. В итоге у вас должна получиться сетка для шаблона.
Правило трех используется в визуальных искусствах. Оно гласит, что пространство изображения нужно поделить на девять воображаемых частей: двумя горизонтальными линиями через равные промежутки и двумя вертикальными линиями через равные промежутки. Важные композиционные элементы должны располагаться на данных линиях или их пересечениях. Выравнивание композиции в соответствии с правилом трех позволяет построить более напряженные, энергичные и интересные визуальные ряды, чем простое центрирование.
Рерайт части статьи Grid layouts in modern web design