Интерлиньяж что это такое
Урок типографики: интерлиньяж, кёрнинг
Если вы занимаетесь Web-дизайном, но вам еще есть куда совершенствоваться, то, возможно, вам будет интересна наша небольшая статья о типографике. При разработке дизайна сайта необходимо четко понимать, как работать с текстом, а именно с межстрочным расстоянием, межсимвольным расстоянием, да и вообще, как выбрать шрифт. В этой статье мы постараемся внести ясность в такие аспекты веб-типографики, как интерлиньяж и кернинг. Мы научимся тому, как и когда их применять.
Для начала, откроем панель «Character» в фотошопе. Там находятся нужные вам настройки текста. Если не можете найти эту панель в рабочем пространстве, то откройте через Window-Character.
Leading (Интерлиньяж)
Стандартной пропорцией интерлиньяжа считается 120%. То есть, если размер (size) шрифта 20 точек (pt), то интерлиньяж должен быть 24 точки (pt).
Сокращение интерлиньяжа до показателя ниже 120% создает слишком высокую «скученность» и плотность символов, а также создает риск столкновения элементов символов между собой.
Чтобы отрегулировать интерлиньяж в Photoshop, используйте соответствующее (Leading/Интерлиньяж в зависимости от языка интерфейса) поле в панели Character. Редактироваться будет интерлиньяж того слоя текста, который в данный момент выделен.
В некоторых случаях вам, возможно, понадобится, чтобы расстояние между одними строками были больше, чем между другими. Для редактирования интерлиньяжа отдельных строк операция почти не меняется, за исключением того, что выделяете вы не весь текстовый слой целиком, а только те строки, интерлиньяж которых надо изменить.
Кёрнинг
Кернинг может быть вручную отрегулирован в панели Character в Фотошопе. Перед этим выставьте курсор между символами, расстояние между которыми собираетесь регулировать. Есть способ побыстрее. Также выставьте курсор между этими двумя символами, а затем, зажав клавишу Option, нажимайте стрелки влево/вправо. Результат будет нагляден.
Вот несколько вещей, которые нужно помнить о кернинге
12 лет работаем с лидерами рынков и молодыми амбициозными компаниями
— Реализуем любой сервис с нетипичным функционалом;
— Переезды на Битрикс, интеграции со всем на свете;
— Налаженная система менеджмента: четкое соблюдение дедлайнов и ТЗ
Интерлиньяж
В этой статье рассказывается о том, как интерлиньяж реализуется в компоновке на латинице. Информацию об интерлиньяже в тексте CJK см. в разделе Сведения об интерлиньяже в тексте на языке стран Азии.
Расстояние между строками текста по вертикали называется интерлиньяжем. Он измеряется от базовой линии одной строки текста до базовой линии строки над ней. Базовая линия — это невидимая линия, с которой соприкасается нижний край большинства букв (без учета нижних выносных элементов).
Значение по умолчанию для автоинтерлиньяжа составляет 120% от кегля шрифта (например, для шрифта в 10 пунктов интерлиньяж равен 12 пунктам). При использовании автоинтерлиньяжа InCopy отображает его значение в скобках на палитре «Символ» в меню «Интерлиньяж».
A. Leading B. Text height C. Larger text size of one word increases leading for that one line.
Сведения об интерлиньяже в тексте на языке стран Азии
Позицию базы интерлиньяжа можно задать с помощью параметра «Позиция базы интерлиньяжа» в меню палитры «Абзац». При использовании значения по умолчанию (верхний/правый край круглой шпации) интерлиньяжа строк текста измеряется от верхнего края его круглой шпации до верхнего края круглой шпации следующей строки. Если выбрать строку и увеличить значение интерлиньяжа с помощью параметра «Верхний правый угол круглой шпации», интервал между выделенной строкой и следующей строкой увеличится, так как интерлиньяж направления измеряется от текущей строки до следующей строки. Все остальные значения параметра «Позиция базы интерлиньяжа» используются для измерения интерлиньяжа от текущей строки до предыдущей строки, поэтому в случае изменения значения интерлиньяжа с такими настройками аки строки станет выше текущей строки.
Задайте интерлиньяж в меню «Интерлиньяж» на палитре «Символ» или на панели «Управление». По умолчанию установлено значение «Авто». Если задан автоинтерлиньяж, значение интерлиньяжа будет отображаться в скобках в меню «Интерлиньяж» на палитре «Символ». Автоматическое значение может отличаться для текстовых фреймов и текста в сетках фреймов. Значение «Автоматический интерлиньяж» можно задать с помощью пункта меню «Выключка» на палитре «Абзац». Значение по умолчанию для автоинтерлиньяжа для текста во фреймах текста в InCopy составляет 175% от установленного размера шрифта. Для текста в сетках фреймов это значение составляет 100%, что позволяет выполнять выравнивание сетки для строк текста в сетке.
Если для выравнивания сетки установлено значение «Нет», задайте интерлиньяж текста в текстовом фрейме, используя значение «Интерлиньяж» на палитре «Символ». При установке любого значения выравнивания сетки, кроме «Нет», интерлиньяж будет применен в соответствии с настройками сетки из базовых линий.
При копировании текста, размещаемого в сетке фрейма, и вставке в текстовой фрейм текст вставляется с атрибутами сетки фрейма без каких-либо изменений, поэтому автоматическое значение в разделе «Интерлиньяж» устанавливается на 100%. Если межстрочный интервал выглядит слишком маленьким, вместо автоматического значения, установите свое значение интерлиньяжа.
Чтобы задать интерлиньяж для текста в сетках фреймов, вместо настройки значения интерлиньяжа, установите «Интервал между строками» в диалоговом окне настроек сетки фрейма. Значение интерлиньяжа для текста в сетке фрейма представляет собой сумму значений интервала между строками и размера сетки (размера шрифта). Другими словами, если размер сетки составляет 13Q, а интервал между строками — 10H, фактическое значение интерлиньяжа будет «23H».
Обратите внимание, что для текста, размещаемого в сетке фрейма, по умолчанию задано выравнивание сетки по центру. В данном случае значение между центром сетки и центром следующей сетки будет значением интерлиньяжа. Если для выравнивания сетки установлено значение «Нет», интерлиньяж будет применен от положения, заданного в сетке. Если для выравнивания сетки установлено значение «Нет», интерлиньяж будет применен в соответствии с значением, заданным в разделе «Интерлиньяж» на палитре «Символ».
Настройка интерлиньяжа в сетке фрейма является сложной задачей. Для размещаемого текста фактическое значения интерлиньяжа изменяется в зависимости от размера шрифта, значения интерлиньяжа и настроек гедори на палитре «Абзац». Обратите внимание на следующее:
Если не изменить размер шрифта сетки фрейма, но при этом сделать размер шрифта или значение интерлиньяжа размещаемого текста меньше размера сетки на палитре «Символ», текст будет выровнен по сетке в соответствии с настройками выключки сетки.
Если не изменить размер шрифта (размер сетки) сетки фрейма, но при этом на палитре «Символ» сделать размер шрифта размещаемого текста больше интервала между строками и размера сетки, гедори будет определен автоматически, а также можно будет выполнить выравнивание по сетке с шагом 0,5 строки, то есть 1,5, 2, 2,5 и 3 и так далее, если для гедори установлено значение «Авто». Если для гедори не установлено значение «Авто», текст будет выровнен по сетке в соответствии с этим значением, и при большом шрифте символы будут накладываться друг на друга.
Если оставить размер шрифта (размер сетки) сетки фрейма без изменений, но при этом на палитре «Символ» настроить гедори размещаемого текста на значение, которое будет больше суммы значений размера сетки и интервала между строками, интерлиньяж будет применен к следующей строке, если для него установлено значение «Авто». Например, если размер сетки фрейма будет составлять 13Q, а интервал между строками — 10H, при интерлиньяже в 24H текст будет размещаться в каждой второй строке. При установке значения 47H текст будет размещаться в каждой третьей строке. Любое значение параметра «Интерлиньяж», отличное от автоматического, будет игнорироваться.
Изменение интерлиньяжа
По умолчанию интерлиньяж является символьным атрибутом, то есть в одном абзаце можно применить несколько значений интерлиньяжа. Интерлиньяж строки определяется по наибольшему его значению в этой строке. Однако в установках предусмотрен параметр, позволяющий применять интерлиньяж ко всему абзацу, а не только к определенному фрагменту текста в пределах абзаца. Эта настройка не влияет на интерлиньяж в существующих фреймах.
Интерлиньяж
Интерлинья́ж (происходит от фр. interligne ; дословный перевод: «написанное между строк») — междустрочный пробел, расстояние между базовыми линиями соседних строк. При ручном наборе из металла складывается из высот (кегля) литеры и шпона (пробельного материала) и изменяется путём вставки пробельных материалов различных толщин.
В ручном наборе (высокая печать) интерлиньяж образовывался за счет состыковки нижнего заплечика (пробельного участка) верхней литеры или линотипной строки с верхним заплечиком (пробельным участком) нижней литеры или линотипной строки. Так как заплечики (верхние и нижние) всегда были фиксированного размера (то есть неизменны), то и интерлиньяж (пробельное расстояние между двумя строками, набранными из литер или составленными из линотипных строк) был всегда одинаковым. Если между строк, набранных из литер или линотипных строк, проставляли «шпон» (тонкий пробельный материал из гарта, кеглем, как правило, равным 2 пунктам системы Дидо), то такой набор назывался «набор на шпоны». В этом случае термин «интерлиньяж» сохранял свой изначальный смысл (пробельное расстояние между двумя строками), только его величина («величина интерлиньяжа») увеличилась. Измерение величины интерлиньяжа между базовыми линиями шрифта осуществлялось в фотонаборе, но не в ручном наборе и не в линотипном наборе.
Также в ручном и линотипном наборе невозможен был «отрицательный интерлиньяж» (например, набор 10pt/9pt, то есть набор текста литерами высотой в 10 пунктов при расстояние между базовыми линиями соседних строк в 9 пунктов).
В технологии CSS
Интерлиньяж
Интерлиньяж (interligne) — пространство, расстояние между базовыми линиями соседних строк. Понятие появилось в те времена, когда между строками для увеличения междустрочного пробела клали тонкие латунные полоски шириной в 2 пункта — шпоны. Для значительного увеличить расстояние между базовыми линиями соседствующих строчек клали полосы свинца.
В настоящее время в понятие интерлиньяжа вкладывается несколько иной смысл. В современных программа для верстки интерлиньяж складывается из размера кегля (вертикального размера строки) а также расстояния между соседними смежными строками. К примеру: если текст набран кеглем 11pt/13pt, это значит, что его интерлиньяж равен 13 пунктам.
Задача интерлиньяжа — обеспечить удобство читаемости текста, выделение строки текста, за счет акцента. Интерлиньяж обеспечивает плотность строк на странице публикации. Если же требуется добавить в верстку публикации «воздух» или попросту заполнить требуемый объем, а текста маловато, можно прибегнуть, в разумных пределах, к увеличению значения интерлиньяжа. Блок текста станет более «легким» и займет заметно больше места. Сказанное в полной мере относится к авто-интерлиньяжу и к фиксированному интерлиньяжу.
Авто-интерлиньяж. Автоматизированные компьютерные издательские системы прибегают к установке автоматического значения интерлиньяжа. Расчет конкретной величины межстрочного пробела производится издательской компьютерной программой следующим образом: Программа анализирует текст строки, выбирает литеру с наибольшим кеглем и увеличивает это число, как правило, на 20%. Полученное значение и будет величиной интерлиньяжа. Величину автоинтерлиньяжа можно свободно менять, в зависимости от требований маркетолога к внешнему виду публикации и взглядов разработчика на дизайн публикации.
На веб-странице интерлиньяж может задаваться автором-разработчиком, или вычисляется автоматически браузером в зависимости от размера и типа шрифта.
Интерлиньяж и межсимвольные интервалы
Установка интерлиньяжа
Значение по умолчанию для автоинтерлиньяжа равно 120% от гарнитуры шрифта (например, для шрифта в 10 пунктов интерлиньяж равен 12 пунктам). Когда используется автоинтерлиньяж, значение интерлиньяжа отображается в скобках в меню «Интерлиньяж» палитры «Символ». Чтобы изменить значение автоинтерлиньяжа по умолчанию, выберите в меню палитры «Абзац» пункт «Выравнивание» и задайте процентное значение от 0 до 500.
По умолчанию интерлиньяж является символьным атрибутом, то есть в одном абзаце можно применить несколько значений интерлиньяжа. Интерлиньяж строки определяется по наибольшему его значению в этой строке.
При работе с горизонтальным азиатским текстом можно указать, как следует измерять интерлиньяж: либо между базовыми линиями двух строк, либо от верха одной строки до верха следующей.
Смещение базовой линии
Для смещения выделенных символов вверх или вниз относительно базовой линии окружающего текста применяется параметр «Смещение базовой линии». Смещение базовой линии особенно полезно при ручной настройке фрагментов или настройке положения шрифта с пиктограммами.
Настройка кернинга и трекинга
Кернинг — это увеличение·или уменьшение·интервала между определенными парами символов. Трекинг — это увеличение·или уменьшение·интервала между символами в выделенном тексте или во всем блоке текста.
Значения кернинга и трекинга применяются к текстам на японском языке, но как правило эти параметры используются и для настройки межсимвольного интервала между символами латиницы.
Кернинг текста можно выполнять автоматически, используя функции метрического или оптического кернинга. При метрическом кернинге (называемом также автокернингом) используются пары литер, которые включены в большинство шрифтов. Шрифты содержат применяемые в процессе кернинга сведения об интервале между буквами в конкретных парах. Вот некоторые из этих пар: «LA», «P.», «To», «Tr», «Ta», «Tu», «Te», «Ty», «Wa», «WA», «We», «Wo», «Ya» и «Yo». Метрический кернинг применяется по умолчанию, поэтому к конкретным парам букв кернинг применяется автоматически во время импорта или ввода.
Некоторые шрифты включают подробные инструкции для кернинга. Однако если шрифт содержит только минимальные данные о кернинге или вообще их не содержит, либо если в слове или строке одновременно используются различные гарнитуры и кегли, то может потребоваться применение оптического кернинга. При оптическом кернинге интервал между смежными символами выбирается с учетом их формы.
A. Исходный текст B. Текст после применения оптического кернинга C. Текст после установки вручную значения кернинга между буквами «W» и «a» D. Текст после применения трекинга E. Совмещение кернинга и трекинга
Можно также воспользоваться и ручным кернингом, который идеально подходит для настройки интервала между двумя буквами. Трекинг и ручной кернинг дополняют друг друга. Можно сначала настроить отдельные пары букв, а затем сделать блоки текста более сжатыми или разреженными. Это не оказывает влияния на относительный кернинг пар букв.
Если, щелкнув мышью, поместить точку ввода между двумя буквами, на панели «Символ» отображаются значения кернинга. Значения метрического и оптического кернинга (или определенной кернинговой пары) отображаются в скобках. Точно так же значения трекинга появляются на панели «Символ» при выделении слова или фрагмента текста.
Трекинг и кернинг измеряются в 1/1000 эм. Эта единица измерения равна ширине самой широкой буквы шрифта и позволяет задать размер относительно текущей гарнитуры. Для шрифта размером 6 пунктов 1 эм равна 6 пунктам. Для шрифта размером 10 пунктов 1 эм равна 10 пунктам. Кернинг и трекинг строго пропорциональны текущему размеру гарнитуры шрифта.
Значения кернинга и трекинга затрагивают тексты на японском языке, но обычно эти параметры используются для настройки межсимвольного интервала для латинских символов.