Схема верстки – по порядку становись!

Схема верстки – общий план.

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

Схема верстки является одной констант печатного или электронного издания (другие константы – модульная сетка, формат). Она придает единый образ однотипным изданиям, благодаря чему, может служить отличительной дизайнерской чертой при формировании фирменного стиля компании, так как в большинстве рекламных печатных материалов схема верстки будет хорошо узнаваема, и потребитель товаров и услуг ее запомнит.

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

Поднимаем глаза вверх, видим горизонтальный модуль на темно-сером фоне, в его левом углу видим замечательный слоган фирмы ADVECON, справа главное меню навигации сайта – этот модуль неизменен на большинстве страниц сайта.
Основное пространство страницы.
Белый фон - его занимают два модуля:
- узкий горизонтальный, с линейкой основного меню сайта;
- вертикальный модуль слева, вверху модуля элегантный логотип агентства, затем колонкой идут услуги, которые предоставляет фирма – этот модуль также является константой для большинства страниц сайта;
Светло серый фон - широкий вертикальный модуль, который имеет верхнюю и нижнюю части, разделенные тонкой чертой:
- в верхней части модуля - линейка меню навигации по данной веб-странице. Ниже, с левой стороны картинка-персонаж, если хотите, фирменное насекомое агентства ADVECON, все в трудах и бумажных заботах, справа рекламное сообщение, которое относится к теме этой страницы дизайн-словаря;
- в нижней части модуля размещается основной текст страницы, тот который вы сейчас читаете.
Опускаем глаза вниз, опять узкая полоска темно-серого модуля, с выходными данными сайта и управляющей программой.

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