Шаблон на основе модульной сетки
Сеточные шаблоны стали популярным явлением современном веб-дизайне благодаря целому ряду причин: во-первых, они обеспечивают непревзойденную структуру и организацию, которая помогает создать предсказуемый ритм и чувство знакомства с дизайном. Поскольку Интернет становится лучшим средством для быстрого донесения информации читателям по всему миру, дизайнеры и программисты должны работать, чтобы упростить этот процесс.
Во-вторых, человек предпочитает читать информацию слева направо, а сетка сделана именно для такого просмотра сайта. Также сайты на основе сеточного шаблона анализируют устройство, с которого Вы просматриваете информацию и приспосабливается к нему, будь то компьютер или смартфон. Прекрасным пример является WordPress FolioGrid. Частью своей популярности этот сайт обязан своей структуре.
Сайты журналов и газет наиболее часто используют модульную сетку для расположения своего контента. Им необходимо компактно и доступно поместить максимум информации на главную страницу. The New York Times ярких пример сайта с сеточным шаблоном.
Правило трех
правило гласит, что образ должен быть разделен на девять равных частей двумя одинаково расположенными горизонтальными линиями и двумя одинаково расположенными вертикальными линиями, и, что важно, композиционные элементы должны быть размещены вдоль этих линий или их пересечений. Выравнивание информации в соответствии с «правилом трех» создает большой интерес к содержимому
Сетка 960
Еще один инструмент для размещения веб-сайта, который использует сетки шаблонов выдвинутые 960 Grid System. На основе ширины 960 пикселей, эта система пытается рационализировать рабочий процесс. Число 960 было выбрано из-за того, что его можно поделить на 3, 4, 5, 6, 8, 10, 12, 15 и 16. В результате получается идеальная ширина сетки.
Исходник: http://www.onextrapixel.com/2011/09/01/grid-layouts-in-modern-web-design/
