5 правил типографики, которые должны знать все дизайнеры. Советы для новичков

Почитать статью можно здесь.

#статьи

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

Легко ли выбрать две или более ячеек в таблице InDesign, не так ли? Вы просто перетаскиваете текстовый инструмент поверх них. Но выбрать одну ячейку в таблице, это довольно хлопотно, вы не думаете? Вот секрет: поместите курсор в ячейку и нажмите клавишу Esc. Это выбирает саму ячейку. Это ведь не так уж и трудно, правда?

Кстати, если вы снова нажмете Esc, то весь текст в ячейке будет выделен. Клавиша Esc переключается между выбором ячейки и ее текстом. Круто, правда?

#лайфхаки

​​Возьмите под контроль порядок наложения со Step and Repeat

Наиболее распространенным способом использования команды step and repeat в InDesign является создание первого объекта в левом верхнем углу, а затем использование команды «Редактирование» > «Создать серию дубликатов» | «Edit» > «Step and Repeat» для создания дубликатов справа или ниже исходного элемента.

InDesign имеет концепцию называемую «порядок наложения». Это очевидно, когда объекты перекрываются, но порядок укладки применяется даже тогда, когда объекты не перекрываются. Правило состоит в том, что последний созданный объект находится на «вершине» порядка наложения. Это становится видимым в InDesign, когда вы открываете слой на панели «Слои» | «Layers» и видите каждый объект в списке. Объекты, перечисленные в верхней части слоя, находятся в верхней части порядка наложения.

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

Но что, если вы хотите, чтобы объекты были упорядочены по-другому? Что делать, если вы хотите, чтобы первый объект на панели слоев был первым объектом в вашей сетке, второй объект на панели слоев – вторым объектом в вашей сетке и так далее?

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

Почему вы заботитесь об этом? При работе с сеточными макетами может оказаться более разумным расположить объекты на панели слоев сверху вниз. Кроме того, при создании шаблонов для определенных XML или скриптовых рабочих процессов критически важен порядок укладки объектов.

#инструменты
#лайфхаки

​​Книги Питера Брауна
Питер Браун – знаменитый автор детских книг, и не зря – его книги наполнены богатыми, яркими иллюстрациями, от которых трудно оторвать взгляд.
Приглушенные цвета и акварельные краски, используемые в «The Wild Robot» и «Tiger Goes Wild», доказывают, что детские книги не нужно изображать в ярких красках, чтобы привлечь внимание.
Дизайн: Питер Браун

#вдохновение

Step and Repeat

✅ При рисовании фигур используйте клавиши со стрелками для создания новых экземпляров.
Для этого при создании фигуры не опускайте кнопку мыши и нажимайте на стрелки.

✅ Используйте клавиши Cmd/Ctrl + стрелки для увеличения/уменьшения расстояния.

✅ Как только вы это сделаете, поиграйте с инструментом «Выделение» | «Selection Tool», чтобы переместить предметы.

✅ Выберите все с помощью команды Cmd/Ctrl + А и сделайте Compound Path командой Cmd/Ctrl + 8 или «Объект» > «Контуры» > «Создать составной контур» | «Object» > «Paths» > «Make Compound Path» после заполните изображением Cmd/Ctrl + D.

✅ Вы можете перемещать или изменять размер изображения с помощью инструмента «Частичное выделение» | «Direct Selection Tool».

#уроки

Руководство для новичков по интерлиньяжу

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

Прочитать статью можно здесь.

#статьи

​​Скрипт – преобразование текстовых фреймов с несколькими столбцами в отдельные фреймы

Данный скрипт очень полезен при верстке газет, если нужно сделать один столбец короче/длиннее или шире/уже. Он разъединяет столбцы на фреймы, но при этом текст перетекает как раньше.

О том, как установить скрипт, мы говорили здесь.

#материалы

​​Три подсказки по тексту
Эти три подсказки не только быстрые, но и забавные.

1. Интерлиньяж: чтобы уменьшить интерлиньяж, выделите текст и нажмите Alt / Option + стрелка вниз; чтобы увеличить интерлиньяж, используйте Alt / Option + стрелка вверх.

2. Трекинг: чтобы увеличить трекинг, выделите текст, затем нажмите Alt / Option + стрелка вправо; нажмите Alt / Option + стрелка влево, чтобы уменьшить его.

3. Базовая линия: чтобы задать параметры базовой линии для текстового поля, нажмите Ctrl / Command + B. Это тоже легко запомнить: B - для базовой линии.

#лайфхаки
#инструменты

​​Makers of Budapest
Makers of Budapest предоставляет собой обзор разнообразной и богатой сцены современных крафтовых дизайнеров в Будапеште, создавая живой отпечаток нашего времени и рисуя творческую карту Будапешта.

Формат книги на венгерском и английском языках, демонстрирующий 38 дизайнеров и 22 магазина Будапешта, граничит с иллюстрированными художественными книгами и руководствами по дизайну: она одинаково информативна, эстетична и функциональна, а также служит творческим путеводителем и иллюстрированной антологией дизайна. Помимо производителей, сгруппированных по областям дизайна, также перечислены магазины и галереи, где доступны объекты, а также собственные мастерские дизайнеров. Чтобы найти эти магазины и студии, соответствующие места отображаются на карте города.

Издатель: Bomo Press, Bomo Art Budapest Kft.
Концепция: Boldizsár Károly, Hoffmann Petra
Текст: Hoffmann Petra
Фотография: Rácmolnár Milán
Графическая концепция и макет: Bárdy Anna
Шрифт: Laslo от Hungarumlaut
Печать: Elektro product Nyomdaipari Kft.
Фотографии проекта: Lakosi Krisztián, L2 studio

#вдохновение

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

Профессиональное отношение к висячим строкам отрицательно, но полного запрета на висячие строки нет – они допустимы в газетной верстке, в оперативной полиграфии и в тому подобных случаях при условии, что верхняя висячая строка не короче 2/3 формата набора (то есть ширины текста), а строка перед нижней висячей строкой также не меньше 2/3 формата набора. То есть, висячая строка не должна быть слишком короткой.

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

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

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

Проблему висячих строк можно решить следующими способами:

✅ можно прибегнуть к выгонке и вгонке – манипуляциям с межсловными и межбуквенными интервалами, чтобы «втянуть хвост»;

✅ можно, по совету С. М. Львовского, «немного отредактировать абзац... Качество текста при этом тоже зачастую улучшается». Это возможно при верстке собственного сочинения, может быть затруднено или невозможно при верстке произведений других авторов, и невозможно с произведениями авторов, которых уже нет в живых;

✅ можно увеличить интервал между абзацами (Чихольд говорит об этом: «такой подход противоречит нормам хорошего книгопечатания»);

✅ можно увеличить предыдущую полосу на одну строку или уменьшить текущую полосу на одну строку: во втором случае возникнет «слепая» строка, но зато «не возникает разнобоя в числе строк». В применении этого приема Чихольд ссылается на практику XVIII–XIX веков. Однако это радикальные методы; предполагается, что прежде, чем прибегнуть к ним, верстальщик попытается решить проблему конкретного абзаца частными средствами.

#интересное

Gradient Feather Tool (Растушевка градиента)
На данном примере разберем, как работает инструмент Gradient Feather Tool.

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

✅ Сначала создаем «Прямоугольник» | «Rectangle» (M). Затем выберите цвет заливки из изображения. Для этого берем инструмент «Пипетка» | «Eyedropper Tool» (I), щелкаем по нужному цвету в изображении, а затем по прямоугольнику. Об этом инструменте мы говорили здесь.

✅ Теперь нажмите Shift + G, чтобы выбрать инструмент «Растушевка градиента» | «Feather Gradient Tool». Щелкните левой кнопкой мыши и потяните, чтобы создать градиент.

✅ Перетащите верхний край фигуры вверх и вниз, чтобы настроить градиент.

✅ С помощью панели «Эффекты» | «Effects» отрегулируйте «Непрозрачность» | «Opacity» или используйте «Режим наложения» | «Blending mode».

#уроки
#инструменты

​​Используйте разделение окна при применении цвета к тексту

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

Хм, это определенно не пурпурный цвет! Он выглядит зеленым, верно? Опять же, это потому, что цвет инвертирован. Конечно, вы можете увидеть реальный цвет, просто сняв выделение с текста. Но это так раздражает, что приходится отменять выбор каждый раз, когда вы хотите увидеть, как на самом деле выглядит цвет, особенно когда вы тестируете кучу разных цветов, чтобы увидеть, что выглядит хорошо.

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

Теперь у вас есть два вида на одной странице! Каждый вид может иметь свой собственный процент масштабирования... на самом деле, вы даже можете показать разные части страницы или разные части документа в каждой половине окна! Но вот что важно: вы можете увидеть, как на самом деле выглядит цвет!

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

Затем, когда вы закончите, просто нажмите эту кнопку еще раз, и разделение исчезнет.

#лайфхаки