Графика для дизайна

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

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

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

В зависимости от того, какое максимальное количество блоков (модулей) находится на одном уровне, различают модульную сетку одноколоночную, двухколоночную и т.д. Для  презентационного сайта вполне достаточно одноколоночной модульной сетки. Более сложные информационные проекты требуют, соответственно, использования более сложной модели. Чаще всего используется сетка из двух колонок, ширина которых может быть как фиксированной, так и динамической («резиновой»). Ширину колонок можно фиксировать, задавать в процентах либо зафиксировать ширину одной колонки, а остальным дать возможность растягиваться.

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