русс | укр

Языки программирования

ПаскальСиАссемблерJavaMatlabPhpHtmlJavaScriptCSSC#DelphiТурбо Пролог

Компьютерные сетиСистемное программное обеспечениеИнформационные технологииПрограммирование

Все о программировании


Linux Unix Алгоритмические языки Аналоговые и гибридные вычислительные устройства Архитектура микроконтроллеров Введение в разработку распределенных информационных систем Введение в численные методы Дискретная математика Информационное обслуживание пользователей Информация и моделирование в управлении производством Компьютерная графика Математическое и компьютерное моделирование Моделирование Нейрокомпьютеры Проектирование программ диагностики компьютерных систем и сетей Проектирование системных программ Системы счисления Теория статистики Теория оптимизации Уроки AutoCAD 3D Уроки базы данных Access Уроки Orcad Цифровые автоматы Шпаргалки по компьютеру Шпаргалки по программированию Экспертные системы Элементы теории информации

Модульная система верстки


Дата добавления: 2013-12-23; просмотров: 2850; Нарушение авторских прав


Рис. 3.6. Плотная верстка (слева) и верстка с белым пространством (справа)

Рис. 3.5. Неравные по высоте колонки (слева вверху), совпадающие по высоте подзаголовки (слева внизу) и правильный вариант (справа)

Рис. 3.4. Схема неправильного (слева) и правильного (справа) продолжения текста при разрыве колонки иллюстрацией или врезкой

Рис. 3.3. Неправильное (слева) и правильное (справа) размещение иллюстраций в колонках текста

Рис. 3.2. Неправильное (слева) и правильное (справа) изменение числа колонок на странице

Рис. 3.1. Компоновка материалов на газетной полосе

Примечание

Многоколоночная верстка

Основной особенностью оформления любой газеты является многоколоночная верстка . Поскольку трудно себе представить строку длиной во всю полосу газеты, дизайнер разбивает полосу на отдельные колонки; число их зависит от формата газеты.

При верстке дизайнер примерно определяет объем статьи и соответственно отводит ей место на полосе. Высота и ширина статьи не должны резко отличаться. Считается неудачным решением, если статья занимает всего одну колонку, но растянута на бульшую часть полосы по высоте; точно так же нежелательно делать статью шириной в полосу, но с колонками в 10–20 строк высотой.

В газетной практике есть такие понятия, как «колонка редактора», «новостная колонка» и подобные постоянные рубрики. В отличие от обычных материалов, такие рубрики часто верстаются на всю высоту полосы, но шириной в одну-две колонки. Такое нарушение общепринятых правил вызвано тем, что объем рубрики не меняется от номера к номеру (наоборот, редактор или автор подгоняет объем текста под отведенное место); остальные же материалы можно компоновать независимо, просто не учитывая одну или две колонки в данной полосе.



Заголовок статьи растягивается по ширине на все колонки, чтобы было сразу видно, что он относится ко всему материалу. Если в статье дополнительно есть подзаголовки, они верстаются отдельно в каждой колонке.

На рис. 3.1 схематически показаны различные варианты компоновки материалов и их заголовков на газетной полосе.

 


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

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

Чаще всего полосу делят на две части по вертикали, одну из которых верстают на обычное количество колонок, а во второй кратно увеличивают их ширину (рис. 3.2).

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

Если фотография шириной ровно в две или три колонки, то выбор прост: она размещается сквозь эти колонки. Однако для экономии места ее иногда приходится уменьшать. Как ни располагай фотографию, она все равно займет одну колонку не полностью, и дизайнер должен позаботиться о том, чтобы ее размещение нанесло минимальный ущерб остальной верстке . Для этого необходимо стремиться к тому, чтобы уменьшенные фотографией колонки были максимально возможной ширины. Например, если фотография шириной чуть больше двух колонок, то ее следует разместить поперек двух колонок и «отхватить» немного от одной или двух (по обе стороны) соседних. Если же фотография занимает чуть меньше двух колонок, то ее следует поместить по центру одной колонки, и она уменьшит две соседние колонки меньше, чем наполовину. Еще проще показать такое размещение на примере (рис. 3.3).

Примечание. При многоколоночной верстке иллюстрации заверстываются посреди текста с их обтеканием текстом. Такая верстка называется глухой версткой .

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

 

 

При многоколоночной верстке необходимо выполнять следующие требования (рис. 3.5):

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

строки в соседних колонках должны совпадать по высоте (одно из требований приводной верстки , которая имеет особое значение при верстке газетной полосы);

подзаголовки в соседних колонках не должны совпадать по высоте.

 

 

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

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

Второй подход более распространен за рубежом; в нем, наоборот, дают странице «дышать». Соответственно, вокруг заголовков допустимо и даже желательно оставлять свободное пространство, а статьи хотя и разграничивают линиями, но не стараются сдвинуть их как можно плотнее (рис. 3.6, справа).

 

 

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

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

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

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

Более того, для многих газет (преимущественно рекламного характера) модульная верстка – единственно приемлемый способ организации материалов. Те из дизайнеров, кто сталкивался с версткой рекламных изданий или подготовкой рекламных макетов для них, знают, что реклама не может быть произвольного размера. Существует минимальный рекламный блок определенного размера, а все большие рекламные блоки получаются объединением минимальных (рис. 3.7, справа). Минимальный рекламный блок называется модулем, и размер всех рекламных объявлений измеряется также в модулях. Аналогично рекламные статьи или другие текстовые материалы верстаются таким образом, чтобы занимать целое число модулей по площади.



<== предыдущая лекция | следующая лекция ==>
Оформление газет | Особенности оформления


Карта сайта Карта сайта укр


Уроки php mysql Программирование

Онлайн система счисления Калькулятор онлайн обычный Инженерный калькулятор онлайн Замена русских букв на английские для вебмастеров Замена русских букв на английские

Аппаратное и программное обеспечение Графика и компьютерная сфера Интегрированная геоинформационная система Интернет Компьютер Комплектующие компьютера Лекции Методы и средства измерений неэлектрических величин Обслуживание компьютерных и периферийных устройств Операционные системы Параллельное программирование Проектирование электронных средств Периферийные устройства Полезные ресурсы для программистов Программы для программистов Статьи для программистов Cтруктура и организация данных


 


Не нашли то, что искали? Google вам в помощь!

 
 

© life-prog.ru При использовании материалов прямая ссылка на сайт обязательна.

Генерация страницы за: 0.006 сек.