Typography

29
типографика задания для развития базовых навыков 2010 Московский Государственный Университет Печати Денис Пономарёв кафедра «Графического дизайна и анимации»

Transcript of Typography

Page 1: Typography

типографиказадания для развития базовых навыков

2010

МосковскийГосударственныйУниверситетПечати

Денис Пономарёвкафедра «Графического дизайна и анимации»

Page 2: Typography

2типографиказадания для развития базовых навыков

Для начала хотелось бы отметить, что данное пособие не претендует на освещение всей полноты упражнений, нацеленных на развитие навыков работы с наборным текстом. Здесь вы не найдёте развёрнутой информации о построении полосы набора, правилах вёрстки или классификации шрифтов. Подразумевается, что параллельно с выполнением упражнений из этого пособия изучающий типографику знакомится с основными трудами в данной области. Как минимум, это: «Типографика» Эмиля Рудера, «Облик книги» Яна Чихольда, а в последствии и «Основы стиля в типографике» Роберта Брингхерста. Также не обойдите стороной «Живую типографику» Александры Корольковой.Наше пособие ставит своей целью рассказать о ряде заданий, последовательное выполнение которых способствует как повышению типографической грамотности студентов, так и овладению навыками работы в программах пакета Adobe Creative Suite (в первую очередь, InDesign и Illustrator). Однако в первую очередь оно о том, как научиться чувствовать набор и как с его помощью выражать свои чувства. Это особенно важно сейчас, когда средний уровень работы с типографикой достаточно низок даже у студентов старших курсов.Предложенные в методическом пособии задания предназначены для студентов I-III курсов и хорошо интегрируются в программу по дисциплине «Конструирование и иллюстрирование печатных изданий».При описании работы в конкретных программах, автор приводит клавиатурные сокращения, используемые в среде Mac OS. Для пользователей операционной системы Windows сочетания останутся прежними, только вместо клавиши Command следует нажимать Control.

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

вместо вступления

шрифтовые композиции

Page 3: Typography

3типографиказадания для развития базовых навыков

1/ Динамическое равновесие

2/ Гармония

Page 4: Typography

4типографиказадания для развития базовых навыков

Отдельное внимание стоит уделить выбору формата. Необходимо помнить, что пропорции и размер листа, контрформа, соотношение пятна и фона должны усиливать, а не сглаживать ощущение от шрифтовой композиции. В законченном виде работа должна быть аккуратно оформлена в паспарту и быть достойной «жизни» на стене, как и любое произведение графического искусства.Выполнять это задание удобнее всего в программе Adobe Illustrator. Для начала создаётся новый документ (Command + N) и задаётся его формат в миллиметрах. В качестве цветового пространства выбираем Grayscale или CMYK. Дальнейшая работа осуществляется при помощи инструмента Type Tool (T). Выбор шрифта, начертаний и кегля производится в палитре Character. Вращение и передвижение элементов удобнее всего осуществлять при помощи Selection Tool (V). Если начертание и шрифт найдены, то все символы можно превратить в кривые, нажав сочетание Shift + Command + O. Это заметно облегчает процесс выделения расположенных близко или перекрывающихся объектов. Группировать объекты можно при помощи команды Group (Command + G). Shift + Command + G для обратной процедуры.

что: шрифтовая композиция на заданную тему;формат: произвольный;цвет: белый фон, чёрный шрифт;подача работы: лист в паспарту;инструмент: Adobe Illustrator.

Если в задании на составление шрифтовой композиции мы имели дело с отдельными символами, не образующими лексической единицы, то на следующем этапе предстоит работать со словом. Кроме пластики и рисунка шрифта нас будут интересовать оттенки значения.Смысл упражнения «Визуализация чувств» состоит в том, чтобы показать студентам, как можно типографическими средствами выражать нюансы значения какого-либо понятия. Проще всего это делать на примере слов, выражающих чувства: страх, любовь, ненависть, одиночество, радость. Выбирается пара понятий (позитивное и негативное) и каждое из них раскладывается на несколько отдельных случаев.Например, любовь: любовь нежная, романтическая; любовь безумная, горячая; любовь робкая, застенчивая. Или ненависть: ненависть разрушительная; ненависть затаённая, разъедающая изнутри.Дальше студентам предлагается средствами программы Adobe Illustrator или Adobe InDesign так набрать и расположить данное слово на выбранном формате, чтобы максимально точно и полно отразить значение и эмоциональную окраску. В итоге должна получиться типографическая композиция на заданную тему.Конечно же, элементарное решение задачи сводится к подбору гарнитуры, кегля шрифта и удачной композиции, но действительно интересного результата можно достичь, только сделав шаг в сторону, придумав нестандартный ход. Это может быть и разделение слова на слоги или буквы, и акцент на какой-то

визуализация чувств

Бриф задания

Page 5: Typography

5типографиказадания для развития базовых навыков

3–4/ Любовь

Page 6: Typography

6типографиказадания для развития базовых навыков

5–6/ Ненависть

Page 7: Typography

7типографиказадания для развития базовых навыков

части слова путём смены начертания или кегля, и даже осознанный отход от правил грамматики. Например, словом «лубовь» вместо «любовь», можно замечательным образом показать нежное и забавное чувство маленького ребёнка.Прежде чем приступить к выполнению задания, подумайте о том, что для вас значит выбранное понятие. Здесь можно воспользоваться способом, который применяют актёры для погружения в образ. Попытайтесь пережить это чувство, отыскав внутри себя механизмы, способные вызывать необходимые ощущения. Как правило, это обращение к собственным воспоминаниям. Качество исполнения задания напрямую зависит от того, насколько глубоко автор способен погрузиться во внутреннее переживание схожих ситуаций из своего эмоционального багажа. Это позволит обострить ощущения и сделать работу более эмоционально напряжённой.Как уже было сказано выше, упражнение лучше выполнять в программе Adobe Illustrator или Adobe InDesign. Работа с текстом по-прежнему осуществляется через Type Tool (T) и палитру Character (Command + T). Для того чтобы сделать чёрный фон, можно нарисовать прямоугольник с помощью Restangle Tool (M) и покрасить его в палитре Color (F6) или Swatches. Далее отправляем его вниз, по отношению ко всем объектам на слое, через сочетание Shift + Command + [. Для удобства фон лучше закрепить функцией Lock. В Adobe Illustrator для этого нужно нажать Command + 2 (Alt + Command + 2 для отмены), в InDesign Command + L (Alt + Command + L для отмены).Другой способ создать и закрепить фон — воспользоваться палитрой Layers (F7). Создаём новый слой (Create new layer), помещаем его вниз и рисуем прямоугольник фона. Чтобы закрепить получившийся слой, нажмите на пустой серый квадрат слева от слоя. В нём появится замочек (Toggles lock). Повторное нажатие разблокирует слой.

что: типографическая композиция на заданную тему;формат: произвольный;цвет: чёрный и белый;подача работы: лист в паспарту;инструмент: Adobe Illustrator или Adobe InDesign.

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

Бриф задания

типографическая жизнь формы

Page 8: Typography

8типографиказадания для развития базовых навыков

Во-первых, публикация должна состоять из семи разворотов, а также первой и заключительной полосы. Формат полосы произвольный. Во-вторых, как и в шрифтовых композициях нежелательно, чтобы буквы образовывали слова — это задание в большей мере на пластику, ритм и композицию. В-третьих, работа должна иметь выраженную художественную структуру, то есть временная организация произведения должна отвечать правилам композиции. На последнем условии следует остановиться подробней. Как правило, в любом многостраничном художественном произведении присутствует развитие мысли во времени. Мысль, облачённая в образы, наполняет формат и скользит от полосы к полосе. Последовательная смена образов друг другом в соответствии с правилами композиции и составляет временную организацию произведения. Она должна иметь внутреннюю логику и быть целостной, объединяя отдельные части произведения. Этими частями являются экспозиция, завязка, развитие сюжета, кульминация и развязка. Экспозиция — это описание исходной ситуации, положение вещей на момент, предшествующий завязке. В ней автор знакомит зрителя с пластическим языком повествования, как правило, демонстрируя «главных героев» истории. В случае с «Типографической жизнью формы» нужно показать характер шрифтовой среды, служащей фоном для сюжетных коллизий.В завязке автор создаёт конфликт, углубляющийся в дальнейшем развитии сюжета вплоть до развязки. Завязка графического произведения, обычно основана на придании композиции большей динамики, усилении роли цвета или фактуры, появлении резких контрастов. При типографическом решении задания может добавиться ещё и изменение характера шрифта. Какие бы инструменты в своей работе ни использовал автор, завязка должна быть явной и ощутимой, иначе теряется смысл всего дальнейшего повествования.Кульминация — наиболее напряжённый, переломный момент в развитии сюжета, точка наибольшего обострения конфликта. Здесь художественные средства, выбранные автором в завязке и использованные на протяжении всего повествования, должны создать картину максимального противоречия, которое каким-то образом разрешится в дальнейшем, так как длительное пребывание в точке максимального напряжения невозможно.Разрешение конфликта происходит в развязке. Она завершает борьбу противоречий, составляющих содержание произведения, знаменуя победу одних сил над другими. Красота и эффектность развязки определяется накалом всей предшествующей борьбы и остротой кульминации. Особенности задания не позволяют делать дополнительные пояснения и комментарии, поэтому обратите особое внимание на то, насколько логична и понятна связь кульминации и развязки. Часто развязка не является концом произведения — за ней может следовать фаза, аналогичная экспозиции, только показывающая ситуацию на выходе из истории.Как уже было сказано выше, сюжет должен быть изложен на шестнадцати полосах произвольного формата. Первая полоса, затем семь разворотов и заключительная полоса. При работе с разворотами необходимо учитывать, что они должны восприниматься цельно. Это не означает, что все парные полосы необходимо объединить в одну — вовсе нет! Объединение, безусловно, является допустимым решением, но представляет собой некоторое упрощение задания и ведёт к сокращению числа «кадров». Однако не стоит забывать, что любые две

Page 9: Typography

9типографиказадания для развития базовых навыков

7/ «Типографическая жизнь формы»: экспозиция

Page 10: Typography

10типографиказадания для развития базовых навыков

8/ «Типографическая жизнь формы»: завязка

Page 11: Typography

11типографиказадания для развития базовых навыков

9/ «Типографическая жизнь формы»: развитие сюжета

Page 12: Typography

12типографиказадания для развития базовых навыков

10/ «Типографическая жизнь формы»: кульминация

11/ «Типографическая жизнь формы»: развязка

Page 13: Typography

13типографиказадания для развития базовых навыков

полосы, стоящие рядом, должны быть связаны композиционно, даже если они не образуют единое целое. Начинать работу лучше всего с описания сюжета и карандашных набросков композиций. На отдельном листе необходимо сделать раскадровку с указанием завязки, кульминации и развязки. Это позволит заранее рассчитать количество полос в каждой сюжетной фазе и избежать чрезмерной затянутости или, наоборот, скомканности отдельных частей работы.После того, как вся история будет готова в эскизах, посмотрите на неё в целом на предмет наиболее часто встречающихся ошибок. Эти ошибки присущи как графической, так и типографичесой версии «Жизни формы». Ошибка первая: сюжет не линеен. В более сложной работе это едва ли можно было считать ошибкой, но для задания, ориентированного на работу с абстрактными образами — это обстоятельство пагубно. Как правило, это происходит оттого, что в одной из фаз нет пластически обоснованного перехода от разворота к развороту. Иными словами — возникает ощущение разрыва в повествовании, работа распадается на несколько несвязанных частей.Ошибка вторая: в работе присутствует несколько коротких сюжетов. Эта ошибка тоже связана с отсутствием логики или убедительной пластической связи разворотов, но зачастую она ещё отягощается внезапным появлением новых «действующих лиц», присутствие которых ничем не обосновано.Третья ошибка: чрезмерная затянутость отдельных частей сюжета. Если заранее не была сделана подробная раскадровка, то попасть в эту ловушку достаточно легко. Сразу появляются лишние полосы, которые нечем занять. Начинается провисание и топтание сюжета на одном месте, зачастую сопровождаемое эффектом «покадровой анимации», когда от полосы к полосе происходит лишь бездумное механистичное перемещение объектов, прорисованное с излишней подробностью.В «Типографической жизни формы» условие по работе с цветом следующее: серая шкала плюс один сигнальный цвет. Он, скорее всего, понадобится для усиления конфликта, однако его использование должно быть оправданным и рациональным.Поскольку в задании могут использоваться символы из различных гарнитур, то их сочетание или превращение является эффективным инструментом построения сюжета. Вообще, можно построить историю на одной лишь трансформации, однако лучше избегать подобных решений, стараясь задействовать собственный набор средств, одно из которых уже определено — это работа с цветом. К нему можно добавить работу с масштабом, типографической фактурой, формой и контрформой и т.д.Выполняется это задание в программе Adobe InDesign. Для создания нового документа нажмите Command + N. В открывшемся меню укажите число полос, обязательно устанавите галочку в графе Facing Pages (это необходимо для того, чтобы наша публикация имела развороты) и выставьте формат полосы. В дальнейшем вся работа осуществляется при помощи инструмента Type Tool (T), Selection Tool (V), Rectangle Tool (M), Ellipse Tool (L). Для рисования векторных форм можно воспользоваться инструментом Pen Tool (P). Также нам понадобятся палитры Character, Paragraph, Colour или Swatches, Stroke. Для просмотра страниц макета без полей и направляющих можно переключаться между режимами Normal и Preview, нажимая клавишу W.

Page 14: Typography

14типографиказадания для развития базовых навыков

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

что: небольшая типографическая история;формат: произвольный;количество полос: 16;цвет: чёрный и оттенки серого, плюс один сигнальный цвет;подача работы: буклет или брошюра;инструмент: Adobe InDesign.

Название и история возникновения этого задания отсылает нас к международному конкурсу книжного искусства в Лейпциге. Одна из конкурсных номинаций предполагала создание четырёхстраничной книжной формы. От участников требовалось представить не просто четыре полосы оформленного текста, а создать маленькое законченное произведение книжного искусства. Сочетание существенных ограничений по объёму и композиции с полной творческой свободой делали «четвёрку» одной из самых интересных и сложных в исполнении форм.В случае «Лейпцигской четвёрки» как учебного задания её второе название звучит как «акцидентный набор стихотворного текста». Суть его состоит в том, чтобы подать небольшое стихотворение (или его часть) в виде четырёхполосной публикации, отразив при этом эмоциональную окраску и нюансы прочтения.Для многих «четвёрка» становится непреодолимым препятствием, особенно если поэзия автору вообще чужда. Сразу возникают трудности как с подбором, так и с прочтением стихотворения, и не всегда их можно решить путём навязывания источника или автора. В большинстве случаев жесткое назначение стихотворения приводит к предсказуемым и совершенно неинтересным решениям, художественная и образовательная ценность которых стремится к нулю, а ответственность ложится на плечи преподавателя.Формальный подход в виде «чтения с выражением» не может привести к решению этой задачи. Только неподдельный интерес и глубокое прочувствование материала способны дать сколь-либо интересный результат. Именно поэтому в случае появления трудностей с подбором или пониманием стихов разрешено использование текстов любимых песен. Только обратите внимание на то, что в этих песнях вас в первую очередь должна привлекать лирика, а уж во вторую очередь — музыка. Использование песенной лирики решает и ещё одну проблему — правильное понимание ритма произведения.Для контраста можно сделать две разноплановые работы, одна из которых будет более механистичной, а вторая, наоборот, пластичной. В качестве первой достаточно хорошо удаётся Маяковский. В качестве второй части задания подойдёт только лирика, понятная и любимая аудиторией, иначе результат будет либо совершенно непластичным, либо пластичным, но совершенно бессмысленным.

Бриф задания

лейпцигская четвёрка

Page 15: Typography

15типографиказадания для развития базовых навыков

12/ «Лейпцигская четвёрка»: стихотворение Владимира Маяковского «Адище города»

Page 16: Typography

16типографиказадания для развития базовых навыков

Вне зависимости от того, стихотворение выбрано или текст любимой песни, его нужно разобрать и проанализировать на предмет ритма, смены интонации, пауз и акцентов. Желательно сделать распечатку и ставить пометки. Не поленитесь, потратьте немного лишнего времени, и у вас на руках будет удобная в использовании «карта» источника, с которой будет удобно работать в дальнейшем. К тому же, без анализа структуры произведения грамотно выполнить задание не получится.Как уже было сказано, для выполнения задания предлагается четыре полосы: первая полоса, разворот и концевая полоса, что соответствует завязке, кульминации и выходу из истории, то есть развязке. Как и всякое многостраничное задание, «Лейпцигская четвёрка» требует выраженного композиционного решения. Отсутствие кульминации, начала или завершения истории будет свидетельствовать о том, что автор не смог выделить в стихотворении главное, а просто «размазал» его по формату. Обратите внимание на то, что в середине истории мы имеем дело с разворотом, а, следовательно, вторая и третья полосы, с одной стороны, разделены фальцем, а с другой — должны составлять единую композицию.Определившись с композицией, можно перейти к подбору выразительных средств. Кроме средств типографики разрешается использовать тон, а также плашки разной формы. На этом этапе нам понадобится распечатка с пометками. Чтобы не утонуть в бездне открывшихся возможностей, лучше несколько ограничить набор применяемых решений. Например, использовать разницу в кегле, различный интерлиньяж, свободную композицию и плашки, или сделать любой другой набор. Иначе работа может превратиться в мешанину из шрифтов, различных начертаний, плашек разного тона и строчек текста. Автор работы должен отчётливо осознавать, зачем и почему он использует каждый из инструментов. Умение рационально подходить к выбору изобразительных средств и обосновывать выбираемые решения является одним из основных в работе типографа и дизайнера. Старайтесь не использовать бессмысленное украшательство, а каждый раз создавать логичную и удобную в работе систему, ведь дизайн — это художественное проектирование.Как и предыдущее задание, выполняется «Лейпцигская четвёрка» в программе Adobe InDesign. Для создания нового документа нажимаем Command + N. В открывшемся меню указываем число полос и не забываем выставить галочку в графе Facing Pages.В дальнейшей работе потребуются уже хорошо знакомые нам инструменты Type Tool (T), Selection Tool (V), Restangle Tool (M), Ellipse Tool (L), Pen Tool (P). Также нам понадобятся палитры Character, Paragraph, Colour, Swatches, Stroke, а возможно и Gradient.

что: художественное решение стихотворного текста;формат: произвольный;количество полос: 4 полосы с одним разворотом;цвет: чёрный и оттенки серого;подача работы: буклет;инструмент: Adobe InDesign.

Бриф задания

Page 17: Typography

17типографиказадания для развития базовых навыков

Среди учебных заданий, направленных на освоение типографической базы, отдельное место занимают материалы по созданию рубрикационной и навигационной структуры издания. В них необходимость сочетания эстетического и функционального, составляющая суть дизайна как художественного конструирования, проявляется в наибольшей степени.Рубрикационной структурой называется описание составных частей издания, через систему взаимосвязанных и соподчинённых заголовков. Навигационнная структура является отражением рубрикационной структуры и, как правило, состоит из колонтитулов и колонцифр. Их трактовка должна быть однозначной и не допускать разночтений, запутывающих читателя и мешающих нормальному восприятию информации. Являясь вспомогательным инструментом в общении человека с печатным изданием, удобная навигация и рубрикация делают этот процесс лёгким и необременительным. Рубрикационная лестница — это схематическое изображение рубрикационной структуры издания, где ступенька — иерархическая разница между уровнями рубрикации. Крутизна ступеньки определяется необходимостью большей или меньшей смысловой разницы между частями текста. Чем она больше, тем выше крутизна ступеньки, и, соответственно, сильнее иерархическая разница. Создавая «лестницу» для каждого издания, необходимо учитывать не только количество уровней рубрикации, но и крутизну ступеньки. Разделяйте фрагменты текста ровно настолько, насколько это необходимо по смыслу и структуре текста.Существует три основных способа выделения заголовков при создании рубрикационной структуры: шрифтовые, нешрифтовые и по месту на полосе. К первому относятся все приёмы, основанные на изменении гарнитуры, начертания, кегля шрифта или трекинга (разрядке). Ко второму — изменение цвета, введение дополнительных плашек, линеек, декоративных элементов, иллюстраций и т.д. Нешрифтовые способы не очень желательны в этом задании, т.к. упрощают решение, не приучая автора к решению пластических задач типографическими средствами. К последнему способу относятся приёмы, связанные с изменением положения заголовка на полосе. Это может быть: шмуцтитул, шапка, заголовок в пространстве спуска, заголовок вразрез текста, заголовок в подбор с текстом, форточка, фонарик. Остановимся на них подробней.Шмуцтитул — это полоса, разделяющая части внутри издания. Как правило, на ней присутствует только заголовок. Реже он может сопровождаться эпиграфом, изображением или декоративным элементом. Соответственно, заголовок на шмуцтитуле — это самый старший по значимости заголовок среди тех, что различаются по расположению относительно текста.Шапка — заголовок, расположенный вверху спусковой полосы. Он является вторым по значимости, после шмуцтитула.Заголовок в пространстве спуска размещается ниже шапки, но с заметной отбивкой от основного текста. Такой заголовок охватывает весь текст до следующий спусковой полосы. Тем самым он отличается от первого заголовка на спуске, набранного вразрез (ещё говорят вподвёрстку). Заголовок вразрез текста — это заголовок, который завёрстан в пробеле между концом текста предшествующего подразделения и началом следующего.

рубрикационная лестница

Page 18: Typography

18типографиказадания для развития базовых навыков

Заголовок в подбор набирается акцидентным шрифтом в тексте, непосредственно в строку с материалом, который он отделяет.Форточка — заголовок, размещённый в оборке основного текста. Он не разбивает текст на фрагменты, а идёт параллельно с ним. Форточка должна быть закрыта строчками основного набора как сверху, так и снизу. На самой низшей ступени рубрикационной иерархии стоит фонарик, то есть заголовок, расположенный на поле страницы. Несмотря на невысокую важность, фонарик обладает исключительной полезностью, облегчая поиск и выступая в качестве конспекта соответствующего ему материала. Однако форточка и фонарик, являясь маргинальным заголовкам, относятся скорее не к иерархически соподчиненной структуре, а к параллельной.При создании рубрикационной структуры лучше обходиться минимальным числом средств, если только нет острой необходимости в обратном. Бездумное накручивание приёмов, как правило, только осложняет и утяжеляет рубрикационный аппарат, затрудняя процесс чтения.В качестве учебного задания предлагается сделать проект рубрикационной структуры издания на 3–4 ступени. В качестве исходного материала лучше всего подойдёт техническая литература, т.к. именно там чаще всего можно встретить разветвлённую рубрикационную систему с высокой частотой повторяемости заголовков. Принципиальный макет издания должен включать в себя авантитул, титульный лист, шмуцтитул (если таковой предусмотрен) и некоторое количество полос, наглядно демонстрирующих принципы работы с рубрикацией. Включение в необходимый минимум титула и авантитула обусловлено тем, что работа со внутренними полосами издания не может вестись в отрыве от всего остального макета. Решения, заявленные в макете, должны проходить через всё издание. Это в первую очередь касается использования гарнитур, композиционных приёмов и осей привязки.

13/ Титульный лист

Page 19: Typography

19типографиказадания для развития базовых навыков

14/ Три уровня рубрикации

Page 20: Typography

20типографиказадания для развития базовых навыков

Работа выполняется в программе Adobe InDesign. Использование инструментов и палитр ничем не отличается от того, что было опробовано на предыдущих заданиях. Однако на этот раз нам понадобится работа с мастер-страницами палитры Pages. Для редактирования мастер страницы (или просто «мастера») щелкните два раза на страничке в верхней части палитры. В любом вновь созданном документе присутствует только один мастер «A». Для создания нового, дублирования или удаления старого мастера, можно воспользоваться соответствующими функциями в меню палитры Pages. Любой элемент, размещённый на мастере, появится на всех страницах публикации. Именно поэтому текстовый блок полосы набора, колонцифры, колонтитулы и общие для всего макета элементы оформления помещаются на мастер-странице. Кстати, для того, чтобы номера страниц ставились в текстовом блоке автоматически, можно применить функцию Current Page Number. Она находится в подменю Markers, Insert Special Character меню Insert. По умолчанию любой элемент мастера недоступен для редактирования на страницах. Если вы хотите его разблокировать — кликните на нём, удерживая при этом клавиши Shift и Command.

что: дизайн-проект издания;формат: произвольный;количество полос: не ограничено;цвет: чёрный и оттенки серого;подача работы: брошюра;инструмент: Adobe InDesign.

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

Оформление CDПредлагается оформить заднюю сторонку музыкального компакт-диска любимого исполнителя или группы. При этом существует два необходимых условия: первое — распределить по значимости и разместить весь объём информации, второе — отразить характер музыки. На макете должны присутствовать: название группы и название альбома, список треков, а также дополнительная информация в виде списка исполнителей, правообладателей и пр. Использование цвета запрещается, только чёрный и оттенки серого. Сразу видно, что весь этот на первый взгляд большой объём текста можно разделить на несколько групп. В первую входят название группы и название альбома, во вторую — список треков, а в третьей оказывается вся остальная

дополнительные задания

Бриф задания

Page 21: Typography

21типографиказадания для развития базовых навыков

15/ «Bossa Nova Planet»

16/ Coldplay «Prospekt’s March»

Page 22: Typography

22типографиказадания для развития базовых навыков

17/ The Horrors «The Horrors»

18/ The Mars Volta «De-loused in the Comatorium»

Page 23: Typography

23типографиказадания для развития базовых навыков

информация. Совершенно очевидно, что при взгляде на заднюю сторону обложки диска мы должны в первую очередь понять, кто исполнитель, и что за альбом. Если это сборник музыки, то каково его название. Следующий шаг — считывание названий и номеров треков. Оно должно быть удобным и однозначным. Если мы не можем сказать, каков номер конкретного трека, то ценность такого списка очень невелика. В последнюю очередь нас будет интересовать состав участников, сессионные музыканты, правообладатели и вся прочая дополнительная информация.Постарайтесь в макете развести разные уровни информации как композиционно, так и типографически. Хуже всего, если на таком небольшом формате текст превратится в нечитаемую серую кашу без акцентов и пауз. Это не полоса набора художественного произведения. Здесь нам нужны маячки, за которые бы цеплялся глаз, и шрифтовые контрасты, которые бы облегчали переход от одной смысловой группы к другой.Не менее важной и столь же сложной задачей является отражение характера музыки. Постарайтесь, чтобы ритм и экспрессия альбома соответствовали тому, во что вы его одеваете. Конечно, у каждого будут свои ассоциации с этим альбомом, но, в любом случае, вы должны создать типографическое лицо (а точнее спину) для конкретного набора музыкальных треков, и постарайтесь, чтобы оно было выразительным.

что: оборотная сторона компакт-диска;формат: 135 мм×120 мм;цвет: чёрный и оттенки серого;подача работы: распечатка в натуральный размер;инструмент: Adobe Illustrator или Adobe InDesign.

Шрифтовой плакатСделайте шрифтовой плакат к любимому фильму. Как и в предыдущем упражнении, кроме названия фильма и имени режиссёра нужно разместить ещё некоторое количество имён или краткую аннотацию.Формат плаката — целый лист. Это может быть и 70×100 см, и 60×90 см, и любой другой. Задание может быть решено как с использованием, так и без использования цвета.Снова разделите всю информацию на группы, однако помните, что на этот раз мы делаем шрифтовой плакат, а у плаката есть свои особенности восприятия. Информация первого уровня должна восприниматься издалека и легко отделяться от всего остального. В данном случае — это название фильма. Имя режиссёра и имена основных актёров мы распознаём на втором этапе, по мере приближения к плакату. Весь остальной текст может быть достаточно мелким, рассчитанным на восприятие вблизи. Таким образом, контраст по размеру шрифта между отдельными уровнями информации может быть очень большим.Вторая особенность работы с плакатом состоит в том, что он должен быть зрелищным, способным привлечь внимание. Если вам кажется, что это можно сделать исключительно за счёт графики или цвета, то вы сильно ошибаетесь! Шрифтовой плакат может и должен быть не менее выразительным, чем нарисованный. Поэтому в данном задании огромную роль играет метафора, художественный образ, который вы придумаете для раскрытия темы фильма.

Бриф задания

Page 24: Typography

24типографиказадания для развития базовых навыков

19/ Фильм Кирилла Серебренникова «Юрьев день»

20/ Фильм Алексея Балабанова «Морфий»

Page 25: Typography

25типографиказадания для развития базовых навыков

21/ Фильм Тима Бёртона «Крупная рыба»

22/ Фильм Дэвида Финчера «Бойцовский клуб»

Page 26: Typography

26типографиказадания для развития базовых навыков

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

что: шрифтовой плакат;формат: любой плакатный;цвет: возможен;подача работы: масштабированная распечатка;инструмент: Adobe Illustrator или Adobe InDesign.

ПриглашениеРазработка дизайна приглашения на какое-либо мероприятие. Например, если это задание идёт параллельно с проектированием книги, то событием может быть презентация издания. Название мероприятия не столь важно, главное, чтобы была определена суть события. Именно от неё мы будем отталкиваться. Суть этого задания состоит в том, что кроме освоенных уже нами средств типографики появляется ещё одно мощное выразительное средство — конструкция приглашения. На самом деле, это колоссальное расширение возможностей, которое должно быть использовано достойным образом. В идеале необходимо придумать не сложное, а действительно интересное конструкторское решение, которое может быть реализовано небольшим тиражом. Не забывайте, мы делаем не просто игрушку, а приближенное к реальности задание. Поэтому не в последнюю очередь задайтесь вопросом о том, в каком виде оно попадёт к адресату. В конверте? Тогда какого формата?Кроме того, немалое значение начинает играть фактура материала, использованного в конструкции. Если их несколько — подумайте над тем, как они сочетаются, играете ли вы на контрасте или на нюансе. Всё это даёт возможность создать сложный образ, раскрывающийся в несколько этапов. Однако возникающая при этом игра смыслов должна быть оправданной, чтобы не получилось пустое переусложнение или бездумное декорирование.На приглашении в удобной форме должны быть размещены: имя адресата, название мероприятия, время и место. Конструкция не должна ставить получателя в тупик своей сложностью, а типографическая часть — своей непреодолимой странностью.Проектировать приглашение удобнее всего в программе Adobe Illustrator. Сначала нарисуйте конструкцию, распечатайте и вырежьте её. Посмотрите, насколько она практична, не ошиблись ли вы с определением припусков на склейку и биговку, хватает ли подвижным деталям жёсткости и прочности. Если всё нормально, то самое время заняться шрифтом!

что: приглашение;формат: произвольный;цвет: чёрный, оттенки серого и один сигнальный цвет;подача работы: готовое изделие;инструмент: Adobe Illustrator.

Бриф задания

Бриф задания

Page 27: Typography

27типографиказадания для развития базовых навыков

24/ Приглашение на презентацию нового издания книги «Гордость и предубеждение» Джейн Остин.

23/ Приглашение на презентацию нового издания книги «Белая гвардия» Михаила Булгакова

Page 28: Typography

28типографиказадания для развития базовых навыков

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

Хочу выразить благодарность авторам, чьи работы использованы в пособии: Марии Гараниной (17, 20), Елизавете Вайнштейн (18), Екатерине Асадчевой (6, 12–15, 19, 23), Наталии Агеевой (5, 16), Алёне Бабаевой (21, 24), Ивану Анненкову (4, 22) и Андрею Филимонову (7–11).

Ян Чихольд: Облик книги. — Москва: Издательство Студии Артемия Лебедева, 2009.Александра Королькова: Живая типографика. — Москва: IndexMarket, 2008.Роберт Брингхерст: Основы стиля в типографике. — Москва: Д. Аронов, 2006.Джеймс Феличи: Типографика: шрифт, верстка, дизайн. — Спб.: БХВ-Петербург, 2005.Эмиль Рудер: Типографика. — Москва: Книга, 1982.

заключение

литература

авторы работ

Page 29: Typography

www.verstak.ru