ОСНОВЫ ВЕРСТКИ

Основы вёрстки

Размер шрифта измеряется в пунктах, понятия «размер шрифта в пунктах» и «кегль шрифта» являются синонимами. Типометрическая система (Point system) — типографская система мер. Не совпадает с метрической системой, использует в качестве единицы измерения пункт (point). Кегль (от нем. Kegel, в английской версии — Size, Body size, Point size) [4] — размер шрифта, высота кегельной площадки, выраженная в типографских пунктах. На иллюстрации можно видеть пример строки в аналоговом наборе, когда все литеры набраны отдельно и представляют собой металлические брусочки с рельефом (рис. 162). Площадка торца такого брусочка и есть кегельная площадка. Пространство кегельной площадки утратило технологическую необходимость в цифровом наборе, но традиционно закладывается в проектировании шрифтовых гарнитур (рис. 163). Кернинг (Kerning) — изменение расстояния между знаками, входящими в определенные сочетания (кернинговые пары), например: AV, ТД и пр.

Рис. 162. Металлический набор

Рис. 163. Схема: кегль шрифта

       Трекинг (Tracking) — пропорциональное изменение всех межсловных и межбуквенных пробелов в слове, строке, абзаце или всем тексте при неизменном формате набора.
        Интерлиньяж (Linespace) — межстрочный пробел, расстояние между линиями шрифта соседних строк. [4]
        Набор текста (Text composing) — создание текстовых форм с помощью компьютера, фотонабора, металлического машинного или ручного набора и пр., последовательный процесс постановки в строку букв, цифр, знаков препинания и других знаков, включая межсловные пробелы.
        Полоса набора — набранные строки текста, размещенные одна под другой, образуют полосу набора (рис. 164).

Рис. 164. Элементы набора текста

        Проектирование многостраничных публикаций предполагает создание общей структуры на всех страницах издания. Процесс разработки многостраничного издания начинается со знакомства с его содержанием. В зависимости от объема, разнообразия материалов, формата и других особенностей содержимого будущей публикации создается макет. В основе макета лежит сетка. Это специфическая блочная система организации верстки, основанная на выравнивании элементов. Сетка позволяет размещать текстовые блоки и изображения, основываясь на модуле, который образуют вертикальные и горизонтальные направляющие. Модульная сетка формирует структуру всего издания, поэтому систему направляющих стоит разместить на шаблоне страниц и применить ко всему изданию.
        Элементы модульной сетки (рис. 165).
        1. Поля — это пространство между краями формата и содержанием.
        2. Горизонтальные оси сетки (поточные линии) разбивают пространство на горизонтальные полосы.
        3. Средник (межколонник) — промежуток между колонками и рядами, а также модулями.
        4. Модули — отдельные элементы пространства, разделенные равными интервалами, которые, повторяясь на странице, формируют колонки и ряды.
        5. Зона — группа модулей. [16]

Рис. 165. Элементы модульной сетки

1. Понятие «кегль шрифта».

2. Определение кернинга.

3. Определение трекинга.

4. Понятие «интерлиньяж».

5. Понятие «набор текста».

6. Понятие «полоса набора».

7. Понятие «базовая линия шрифта».

8. Элементы модульной сетки.

Практическая работа

Визитная карта

    Задание. Разработать визитную карту с применением авторского логотипа. Визитная карта содержит информацию в виде текстовых блоков, то есть в основе разработки этого продукта — типографика и верстка. Поэтому рекомендуется использование Adobe InDesign в качестве основной программы для выполнения этого задания. Фон и любые графические элементы могут быть разработаны в Adobe Illustrator или Adobe Photoshop и добавлены с помощью связей Файл -> Поместить (File A Place) в основной файл верстки визитной карты в Adobe InDesign.
        1. Создать документ в Adobe InDesign одного из традиционных форматов визитной карты, например, 90 х 50 мм. Выпуск за обрез (Bleed) — 3 мм. Снять галочку Разворот (FacingPages) (рис. 166). В меню Редактирование -> Установки настроить базовую сетку в соответствии с интерлиньяжем основного набора текста (Edit -> Preferences -> -> Grids -> Baseline Grid). На данном примере установлен интерлиньяж 12 пт (рис. 167).
        2. Для распределения текстовой информации может понадобиться разделить поле визитки на колонки при помощи направляющих. Строками для выравнивания элементов будет служить базовая сетка документа. Если визитная карта двусторонняя, нужно создать шаблон страниц. Перейти в режим редактирования шаблона двойным щелчком мыши по иконке шаблона в палитре Страницы (рис. 168). В первую очередь создать поля. В меню Макет (рис. 169) выбрать Поля и колонки (Layout -> Margins & Columns), затем установить их размер (рис. 170). Далее создать базовую сетку: в меню Макет выбрать Сетка и направляющие. В диалоговом окне настроить строки и колонки, включив Просмотр и Ограничить направляющие полями (рис. 171).
        3. Размещение текстовых фреймов. Настроить у каждого текстового фрейма параметры привязки к базовым линиям. Щелчком правой кнопки мыши по фрейму выбрать Параметры текстового фрейма (Text Frame Options) (рис. 172), выбрать закладку Базовые линии (Baseline Options). На примере показана базовая линия строки по верхним выносным элементам и по интерлиньяжу (рис. 173). При этом оба фрейма имеют одинаковый интерлиньяж, совпадающий с настройкой базовых линий.

Рис. 166. Установки шага базовых линий

Рис. 167. Установки нового документа для макета визитки

Рис. 168. Режим редактирования шаблона страницы

Рис. 169. Меню Макет

Рис. 170. Выбор полей и колонок

Рис. 171. Создание направляющих

Рис. 172. Открытие окна параметров текстового фрейма

Рис. 173. Выравнивание по верхним выносным элементам и по интерлиньяжу

        4. На примере показан вариант верстки двусторонней визитной карты 90 х 50 мм (рис. 174-175).
        5. Визитная карта размещена с помощью Photoshop на пространственном макете (тоск-ир) (рис. 176).

Рис. 174. Первая сторона визитной карты в процессе разработки макета

Рис. 175. Вторая сторона визитной карты в процессе разработки макета

Рис. 176. Макет визитки на пространственном макете

          6. Сохранение в PDF по стандартам WorldSkills. Выполнить команду Файл -> Экспорт (File -> Export), выбрать в списке Тип файла Adobe PDF (печатная версия). В окне Экспорт Adobe PDF выбрать стиль PDF/X-la:2001 (рис. 177). В разделе Метки и выпуск за обрез поставить галочку Метки обреза и Использовать настройки документа (рис. 178). В разделе Вывод выбрать указанный в задании Целевой цветовой профиль.
         Результат — файл PDF из двух страниц с метками реза (рис. 179).
        Формат. В понятие «формат» можно включить весь спектр носителей визуальной информации, в частности форматы бумаги, форматы электронных публикаций, приложений, сайтов. От формата зависят способы подачи информации и технические средства исполнения публикации (рис. 180).
        Наибольший формат печатного листа (АО) имеет площадь 1 м2 и пропорции сторон 1:2.
This site was made on Tilda — a website builder that helps to create a website without any code
Create a website