Типографика в дизайне

Размещено на http://www.allbest.ru

Размещено на http://www.allbest.ru

Министерство просвещения Российской Федерации

Федеральное государственное бюджетное образовательное учреждение высшего образования

«Московский педагогический государственный университет»

Институт изящных искусств

Типографика в дизайне

Серова Виктория Александровна

Москва - 2020 год



ВВЕДЕНИЕ

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

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

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

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

Цель курсовой работы: исследовать типографику как инструмент дизайна.

Задачи курсовой работы:

Изучение научных и специальных материалов по выбранной теме.

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

Рассмотреть инструменты и способы создания объекта типографики.

Проследить ход работы по созданию объекта типографики.

Предмет исследования - типографика.

Объектом исследования в курсовой работе является типографика в дизайне.

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



1. О ТИПОГРАФИКЕ

1.1 Из истории типографики

В течение весьма длительного времени память человека являлась единственным способом сохранить и передать информацию о людях и событиях, социальном опыте как внутри поколений, так и между ними. Звание первой информационной революции в человеческой истории безусловно получило изобретение письменности, которое не только культурно обогатило народ, но и открыло новые пути развития цивилизаций, совершивших эту революцию. Самые известные поэмы, бессмертные «Одиссея» и «Илиада» (рис. 1, 2) были увековечены на свитках около 510 г. до н.э. в Афинах. До этого времени легенды и поэмы передавались устно.

Рис. 1



Рис. 2. Фрагмент рукописной «Одиссеи», фрагмент рукописной «Илиады»

Шумерская клинопись (рис 3.), основанная на пиктограммах и позднее усовершенствованная до использования морфем [9], сформировалась в Южном Междуречье еще в четвертом тысячелетии до н.э. и продолжала развиваться еще несколько тысяч лет (см. прил.: рис. 44-50), пока не была полностью вытеснена культурой аккадцев. На данных примерах (рис. 1-3) можно отследить, как человечество в допечатное время оформляло текст на доступных носителях, будь то глиняные дощечки или пергамент.



Рис. 3. Туппум -- глиняная табличка из Шуруппака, ок. 2600 г. до н. э.

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

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



Рис. 4. Тавро

Рис. 5. Черепица с клеймом легиона из Капидавы, II-III вв. н.э.

Примерно в 900-х годах н.э. в Китае возникла технология, при которой в качестве печатной формы использовалась доска с вырезанными на ней текстами и символами. В этом исполнении около 725г. была выпущена самая первая в мире газета «Ди-бао» (в переводе «Вестник»). В 770 году по приказу императрицы Сетоку этим же способом были напечатаны религиозные тексты.

Чуть позже люди изобрели эстампаж (рис. 6) - эта техника позволяла получать прямой оттиск с изображения, выполненном в рельефе. Период первых опытов с этой технологией печати практически совпадает с временем изобретения бумаги в Китае (II век н.э.). В процессе использовались плоские камни с вырезанными на них рельефами; сверху накладывалась увлажнённая бумага. Эту бумагу специальными щётками притирали и вдавливали в углубления рельефов, а после высыхания плоской кистью покрывали поверхность образовавшегося рельефа краской на водяной основе.

Рис. 6. Техника эстампаж, современная фотография

В числе значимых примеров нерукописного воспроизведения текста на материальном носителе находится ксилография [1], представляющая собой обрезную гравюру на дереве. Эта технология появилась в буддийских монастырях Китая примерно в 618-907 гг., с помощью нее в 868г. была изготовлена первая точно датированная книга «Алмазная сутра». Европейская ксилографическая книга появилась только во времена Средневековья, а одним из самых известных изданий стала «Библия бедных».



Рис. 7. Китайская наборная касса для ксилографии

Рис. 8. Фрагмент из ксилографической книги XV в. «Библия бедных»

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

Немец Иоганн Гутенберг является первопечатником и основоположником типографики [2, с. 69-70]: уже в 1440 году он проводил эксперименты по разработке «искусственного письма», а предположительно несколькими годами ранее создал конструкцию, с помощью которой можно было отливать литеры из металла. В качестве подготовки к изготовлению своей первой полноценной книги Гутенберг практиковался на небольших изданиях: календарях, индульгенциях, учебниках латинской грамматики. В первой половине 1450-х годов была выпущена «Библия Гутенберга» (рис. 9). На одном из ее экземпляров, который находится в Париже, есть записи художника-рубрикатора, датированные 15 августа 1556 г. Таким образом, можно утверждать, что первый экземпляр увидел свет по крайней мере раньше указанный даты.

Всего Библия Гутенберга насчитывает 1272 страницы, нумерация отсутствует. Книга переплеталась в два тома, в отдельных случаях (при печати на пергаменте) - в три или четыре. Библия набрана шрифтом «текстура» - разновидностью готического письма. Для Библии Гутенберг разработал и изготовил улучшенный шрифт, основываясь на рукописях: варьируя рисунок одной и той же буквы, добавляя лигатуры и сокращения, использовавшиеся его современниками. За счет этих преобразований шрифт Гутенберга насчитывал от 150 до 300 разных знаков взамен 60-70 изначальных. Вместе с этим при печати были внесены такие изменения как количество пробелов (до или после знаков препинания), что позволило добиться идеально ровного набора. Не последнюю роль сыграла краткость латинского языка, средняя длина которых короче, чем в, например, русском или немецком языках. Текст книги оформлен в две колонки на страницу и в 42 строки на полосе; внешнее верхнее поле составляло половину от нижнего, а внешнее было в два раза шире внутреннего, от чего текст оказывается смещен к центру и вверх. Уменьшенный междустрочный интервал, позволял оставаться в рамках полей при добавлении новых строк.

Рис. 9. Библия Гутенберга

Краска для ксилографии не подходила для печати металлическими литерами, поэтому Гутенберг изменил ее состав, добавив в него свинец, медь и серу. Свинец, по всей видимости, стал причиной блеска набранного текста. Благодаря этим изменениям знаки в книге до сих пор сохраняют четкость и яркость иссиня-чёрного цвета.

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

Инновация И.Гутенберга в области книжной культуры знаменовала собой конец эпохи рукописных книг и переход к книге нового типа: печатной книге. Помимо практической пользы от новой технологии набора Гутенберг подарил миру эстетику оформления печатного текста. Во второй половине XV века - период научных и географических открытий и эпоху Реформации - Мартин Лютер перевёл Библию на немецкий язык, после чего она была переиздана. Происходящие в мире изменения в социально-экономической и политической сферах отношений, а также смена мироощущения и мировоззрения привели к увеличению спроса на книгу и вместе с этим возросли интерес и потребность в книгопечатании. К концу столетия Библия была выпущена приблизительно 40 тысячами изданий тиражом 12 миллионов образцов. Подобное распространение книги нового образца только утвердило привнесённую Гутенбергом эстетику.

Рис. 10. Готические шрифты: текстура, ротунда, швабахер (швабах)

На смену шрифту текстура, составленному Гутенбергом на основе минускула - письма, состоявшего из строчных букв, - и имитирующему готическую рукопись впоследствии в XV веке пришла гарнитура швабахер или швабах (ломаное письмо со скруглениями) и чуть позднее - XVII-XVIIIвв. - фрактура (ломаное письмо с острыми очертаниями знаков). В связи с исторической неприязнью древних римлян к племени готов эти системы были названы деятелями итальянского Возрождения «варварскими», вследствие чего требовалось найти аналог существующим начертаниям, но уже на основе древнеримской письменности. Так появилась в XII в. появилась ротунда (рис. 10) - итальянский вариант готического письма, отличающийся полным отсутствием надломов в начертании символов и наиболее приближенный к привычной нам антикве. [11]

На Руси книгопечатание зарождается в середине XVI столетия. Первые книги были изданы на церковнославянском языке, поэтому особенностью русских шрифтов стали надстрочные знаки, позволявшие имитировать вид рукописной книжной полосы. Олово, которое использовалось для литья шрифтов, не выдерживало больших тиражей, поэтому технология требовала основательной доработки. В 1564 году государственная типография выпустила первую датированную книгу «Апостол» (рис. 11). Главными ее отличиями от Библии Гутенберга является являются формат страниц, распределение текстового блока (одна колонка на страницу) и количество строк в колонке - 25 единиц без учета выносного текста.



Рис. 11. Книга «Апостол»

В качестве самостоятельной области искусства типографика стала развиваться в начале ХХ в., когда текст, помимо функции информативной, приобрел функцию художественную. Особое расположение информации на листе помогло добиться художественной выразительности, экспрессии и привлекательности. Таким образом было положено начало существованию типографического плаката. Яркими примерами подобной деятельности являются работы разработки школы Баухаус, группы Де Стейл и Новой типографики, в творчестве Эрснта Келлера, Макса Билла, Йозефа Мюллера Бракмана и Армина Хофманна - пионеров швейцарского стиля. Одним из ярких примеров деятелей этого жанра в СССР является А.М. Родченко, работавший над составлением театральных афиш, обложек книг (рис. 12) и рекламных плакатов в начале XX века.

Помимо него своими произведениями известны и другие художники-конструктивисты, авангардисты и модернисты: В.Е. Татлин, Л.С. Попова, Э. Лисицкий (Л.М. Лисицкий), В.Ф. Степанова [4], - а также поэт В.В. Маяковский, известный стихотворениями, в которых расположение строк напрямую взаимодействует со смыслом и интонациями, задает темп и ритм читателю.

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

Рис.12. Обложка книги Маяковского и Родченко «Классика конструктивизма»

1.2 Что такое типографика?

Типографика является основой любого печатного текста: она в рекламе, буклетах, принтах, плакатах, обложках и т.д., но самое главное - в оформлении самого текста. Это одновременно и наука, и искусство. Для получения наиболее точного определения мы обращаемся к словарю терминов по изобразительному искусству, составленному преподавателем и искусствоведом Чаговец Татьяной Петровной: «Типографика (от греч. typos - отпечаток и grapho - пишу) - разновидность графического искусства» [3, с.149], когда произведение носит типографское назначение, то есть целью его создания является тиражирование: книги, афиши, плакаты, проспекты и т.д.

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

Типографика - это часть дизайна, а также одна из его основ: через текст мы получаем информацию, с помощью модификации этого текста дизайнер-типограф достигает главных целей: привлечения внимания и, в идеале, удержания интереса пользователя. Под типографом подразумевается человек, заинтересованный в работе (или работающий) с текстом, с его пластической стороной, то есть любой графический дизайнер, видящий в тексте не «надпись, пристроенную к картинке», а полноправную часть композиции, не безразличный серый прямоугольник, а живой организм. Понимая (или чувствуя) законы жизни этого организма, можно добиться удобства для читателя, красоты и гармоничности, какой обычно не ждут от набранного текста. [11]

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

Типографика плотно связана с обществом, так как представляет собой один из способов коммуникации, а также форму психологического воздействия, и, следовательно, подвергается с дифференциации по социальным признакам: возрастному и профессиональному характерам направления. Под этим подразумевается выбор дизайнером-типографом определенной стилистики или эстетики перед началом разработки объекта: будет ли объект интересен и удобен для восприятия целевой аудиторией - это главный вопрос. Уже на первой стадии ведения работы должно присутствовать представление о цели создания объекта и о том, что главенствует в композиции: шрифтовые или изобразительные элементы; каким образом они будут соотноситься между собой и как это соотношение выделит и повлияет на смысловую и эмоциональную характеристики текста. Единство элементов шрифта и изображения - залог создания успешной композиции.

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

Задачи типографики на творческом этапе оформления текста предполагают:

- способствование передаче эмоции, настроения, отношения задуманных автором, вовлечение в чтение и изучение;

- определение параметров для последующих процессов набора, вёрстки и допечатанной подготовки;

- моделирование вида и формы контакта аудитории с объектом авторского и дизайнерского творчества;

- модификацию текста до состояния, оптимального для восприятия, ясным, максимально обеспечивая удобочитаемость текста;

- оптимизация текста, в результате которой этот текст станет интересным в восприятии читателя, зрелищным, гармоничным в общей структуре коммуникации.

Типографика в маркетинге - инструмент и средство, обеспечивающее лучшую коммуникацию с целевой аудиторией. Типографика определяет общий формат итогового материала:

- пропорции, формат полосы набора, раскладку полей;

- параметры шрифта: кегль, интервалы между словами и строками;

- размеры, место расположения и меру зрительной "тяжести" иллюстраций.

Качественная типографика, с точки зрения маркетинга, оказывается всегда продуманной, подчиненной определенному авторскому замыслу.

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

История типографики начинается с середины XV века, когда формируются первые основы типографики: проектируется первый удобочитаемый антиквенный шрифт; вводится принцип равномерности интерлиньяжа и азбучного отступа. В XVI века в типографику вводится понятие "курсив". В XVII веке типографика меняет свои задачи с целью создания книг для широкого круга читателей - уменьшается формат книг, видоизменяются шрифты. Особую роль в изменении традиций оформления сыграл Дж. Баскервилл, отказавшийся от использования орнамента в пользу именно типографики, исключительно основанной на шрифтовом оформлении. [11]

Рис. 12. Шрифт Baskerville

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

1.3 Современная типографика

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

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

Рис. 13. Переключение макетов. Фрагмент сайта LukeW Ideation + Design

На ранних этапах веб-дизайн старался следовать принципам и идеям графического дизайна, особенно заметно это отражалось на веб-версиях журналов, газет и книг, однако от этого подхода пришлось отказаться, так как он не смог стать достойной заменой материальных носителей и, более того, оказался еще менее удобным и практичным. Так появился адаптивный веб-дизайн. Адаптивный веб-дизайн [12] -- дизайн веб-страниц, обеспечивающий правильное отображение сайта на различных устройствах, подключённых к интернету, и динамически подстраивающийся под заданные размеры окна браузера. Это значит, что один и тот же сайт можно просматривать на самых разных устройствах, независимо от разрешения и формата экрана, - смартфонах, планшетах, ноутбуках и т.д. (рис.13). При этом просмотр будет одинаково удобен для всех форматов - пользователям мобильных устройств, например, не нужно будет расширять отдельные области сайта, чтобы не промахнуться мимо нужной ссылки.

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

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

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

В настоящее время под термином веб-дизайн понимают именно проектирование структуры веб-ресурса, обеспечение удобства пользования ресурсом для пользователей.

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

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



Рис. 14. Типографическая композиция «Problem», Лилиана Вилкова

Типографический плакат от обычного плаката отличает особое соотношение форм представленной информации: в типографическом шрифт занимает главенствующую роль. Одним из наиболее ярких примеров типографического плаката является стиль школы Bauhaus (рис.15, 16).



Рис. 15

Рис. 16. Выставочные плакаты Баухаус, 1923 год

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

Выводы по главе 1

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

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

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

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



2. ПРАКТИЧЕСКИЕ СВЕДЕНИЯ ПО РАБОТЕ С ОБЪЕКТОМ ТИПОГРАФИКИ

2.1 Методы и приёмы работы

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

Универсальный принцип оформления печатной продукции - ведение от целого к частному, который по плану проходит в четыре этапа:

- изучение содержания

- выявление структуры текста

- создание конструкции (макета)

- определение стиля

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

Первый пункт плана заключается в обработке полученной информации. Часто текст оказывается необработанным: он не имеет структуры и акцентов. Структура -- переход от содержания к форме. На данном этапе нужно выделить элементы иерархии текста: заголовки, подзаголовки, основной текст и т. д. Для верстки текста дизайнеры используют типографские приемы. Это не только правильный подбор гарнитуры и начертания, но и грамотная работа с расстояниями. Дизайнер должен уметь работать с расстояниями между буквами, словами, строками, абзацами.

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

В одну строку (модули идут друг за другом).

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

Вертикально (каждый модуль с новой строки).

Вертикально логичнее всего завёрстывать списки.

Беспорядочное распределение модулей.

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

По сетке [8].

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

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

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

- из ритмичной структуры набора, равномерной и сочетающейся с ритмами работы человеческого организма;

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

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

Можно выделять фрагменты текста из целого. Нарушение ритмической структуры текста привлекает наше внимание; систематические выделения в тексте усложняют сплошное чтение, но упрощают выборочное. Они создают структуру и иерархию, позволяющие отличать друг от друга разные типы информации и отделять главное от второстепенного. Впрочем, акценты в издании для выборочного чтения (несмотря на то, что их задача--привлечь внимание к части текста) рассчитаны на те же условия, что и сплошной текст: нормальное освещение и расстояние 25-40 см от глаз.

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

Как выбрать правильный шрифт?

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

Отказаться от шрифтов с сомнительной репутацией. Некоторые шрифты, например, Comic Sans, уже давно не воспринимается всерьез, так как чрезмерно использовался в Интернете для оформления юмористического контента.

Выбор стандартных, дефолтных шрифтов: неустаревающая классика, к которым можно применить совершенно новые приёмы, если того требует композиция и характер объекта.

Смешивание шрифтов:

Не рекомендуется одновременное использование более двух шрифтов в одной разработке - это запутает пользователя при поиске важной информации.

Использование контрастных шрифтов: гротеск со шрифтом с засечками, рукописный - с модерном. Важно сохранить контраст. Два схожих шрифта рядом выглядят неряшливо.

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

Набор текста:

Размер шрифта. Не зря для конкретных документов определен стандарт кегля - такие тексты наиболее удобны для воспроизведения в стандартных форматах при печати. В веб-дизайне не рекомендуется использовать кегль меньше 13 пт; также в оформлении какой-либо продукции запрещено использовать шрифт размером менее одного миллиметра.

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

Интерлиньяж должен соответствовать размеру шрифта. Чтобы достигнуть баланса между текстом и «воздухом», нужно сделать межстрочное расстояние примерно в полтора раза больше высоты строчных букв. В большинстве случаев для работы подходит интерлиньяж, равный 125% размера шрифта.

Абзацы:

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

Отсутствие большого числа переносов. Вообще, переносов в верстке веб-продукта по возможности следует избегать. Если знаков переноса слишком много, это рассеивает внимание пользователя.

Использование красных строк или отбивок. Этот пункт о том, что следует пользоваться только одним из двух приёмов.

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

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

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

Злоупотребление пробелами. Комбинации клавиш позволяют совершить такие действия как перенос на новую строку, создание нового абзаца - это экономит время и делает текст более структурированным.

Слова [6]:

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

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

Выделения в тексте:

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

Строчные - без разрядки. Не стоит увеличивать расстояние между строчными. Причина проста: снижается удобочитаемость.

Прописные - с разрядкой. Увеличивать расстояние стоит прежде всего между прописными буквами. В этом случае читабельность возрастает.

Набор заглавными. Не нужно злоупотреблять набором текста заглавными символами. Длина такого набора не должна превышать одну строку.

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

Общий вид символов: изменение ширины букв - только для художественного произведения.

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

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

Рис. 17



Рис. 18

Рис. 19

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

Швейцарский стиль (рис. 17, 20-22) является, пожалуй, одним из самых ярких и узнаваемых в искусстве типографического плаката, эта центрально-европейская тенденция сейчас считается интернациональной, а зародилась она в XIX веке, когда появилось разграничение в понятиях дизайна и изобразительного искусства, а также возникло направление грид-дизайна (дизайн с использованием математических сеток).

Рис. 20



Рис. 21

Рис. 22

Рис. 23. Работа Армина Хофманна. Изображения MoMa



Принципы оформления в швейцарском стиле:

Гротескный шрифт;

Флаговый набор;

Слепые строки для отделения абзацев;

Один шрифт;

Явное использование простой модульной сетки;

Минимальная цветовая палитра, работа с контрастами;

Черно-белая фотография (рис. 23);

Форма и контрформа.

В книге Питера Мэггса «История графического дизайна» рассказано, что международный типографический дизайн начинается с математической сетки.

Эти «сетки» являются «наиболее понятным и гармоничным средством для структурирования информации». Веб-дизайн подразумевает собой использование сетки для проектирования, которая позволяет значительно упростить создание иерархии контента. Сетки гибкие и последовательные, четкие и хорошо работают с коэффициентами (т.е. подходят для использования правила третей, золотого сечения и т.д.). В дополнение к сеткам в швейцарском стиле отдается предпочтение асимметричной компоновке, шрифтам без засечек, а вместе иллюстраций используются фотографии. [10]

Новаторы этого движения объединили элементы других художественных направлений, чтобы разработать швейцарский стиль с его лаконичностью и простотой [5]. Отдельные элементы взяты из дизайнерских разработок школы Баухаус (рис. 15, 16), группы Де Стейл и Новой типографики, и это отобразилось во всех работах Эрснта Келлера, Макса Билла, Йозефа Мюллера Бракмана и Армина Хофманна - пионеров швейцарского стиля.

Инструменты швейцарской типографики:

- шрифт;

- верстка;

- модульная сетка;

- цвет;

- контрформа;

- фотография.

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

- чистота;

- читабельность;

- объективность.

Помимо швейцарского стиля в типографике существуют такие направления как:

Викторианский стиль (рис. 24)



Рис. 24. Движение искусств и ремесел

Рис. 25. Ар-нуво



Рис. 26. Экспрессионизм

Рис. 27. Модернизм



Рис. 28. Баухаус и Новая типографика

Рис. 29. Ар-деко



Рис. 30. Поздний модернизм

Рис. 31. Постмодернизм



Рис. 33

2.2 Роль типографики в дизайне

Сферы применения

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

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

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

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

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

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

Рис. 33. Оформление флакона духов «Chanel № 5»: 1921 г., 1924 г., 1950 г., 1970 г., 1986 г., 1995 г.

Типографика довольно успешно применяется и в дизайне упаковки, при этом наиболее часто она находит применение в парфюмерно-косметической индустрии. Практически все упаковки духов, как и этикетки на флаконах, выполнены с использованием типографики. Оформление легендарных духов «Chanel № 5» (рис. 34), дизайн коробки которых не менялся с самого момента их создания в 20-х годах прошлого века, служит классическим примером подобного успеха.

Каждая страница Всемирная сеть Интернет также была подвержена верстке, существуют и такие страницы, оформление которых построено исключительно на использовании оригинальной формы и начертания текста. Такая страница будет легко восприниматься зрителем и хорошо запоминаться, если она создана грамотно с точки зрения дизайна. Среди сайтов дизайн-студий их становится все больше и больше, поскольку подобное оформление выглядит неформально и мало используется для создания корпоративных страниц. Один из самых знаменитых сайтов такого рода - The Designers Republic (http://www.thedesignersrepublic.com/). Это обширный каталог дизайнерских находок, и именно благодаря типографике навигация заметно упрощается, а следовательно, найти нужное среди огромного количества информации становится гораздо легче. На главной странице The Designers Republic (рис. 35) расположена типограмма с надписью «Angryman» - текст, посредством монтажа превращенный в изображение «сердитого человека». Если всмотреться в эту типограмму, можно разглядеть детали латинских литер, собранных в одно целое.

Рис. 34. Главная страница сайта The Designers Republic

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

Без типографики не существовали бы и логотипы. Даже самые простые из них представляют собой типографические композиции, а многие и вовсе являются сложными типограммами. Случается и так, что шрифт, использованный в логотипе, сам по себе начинает восприниматься как неотъемлемая часть корпоративного имиджа: так, например, произошло с известным шрифтом Microsoft Sans Serif (рис. 35).

Рис. 35. Шрифт Microsoft Sans Serif

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

Новые тенденции в типографике

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

За последние несколько лет набрал набрали популярность такие тенденции и приёмы как:

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

Рис. 36. Современные тенденции в типографике: использование простых полужирных шрифтов

Выделение шрифта рис. 38, которое выглядит, как цветная подложка под текст. Это простое и эффектное решение подходит для коротких фраз, нуждающихся в отделении от фона.

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

Рис. 36. Современные тенденции в типографике: выделение текста

Рис. 37. Современные тенденции в типографике: техника наложения и вырезания или «эффект маски»

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

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

Рис. 38. Современные тенденции в типографике: наложение текста на фотографию



Рис. 39. Современные тенденции в типографике: использование градиента

Цветные шрифты и символы (рис. 40). После изобилия черно-белых минималистичных дизайнов эта тенденция вернулась. Цвет может добавить дополнительный визуальный интерес и акцент на слова в цвете.

Рис. 40. Современные тенденции в типографике: цветные шрифты

Рукописные элементы (рис. 41) отлично сочетаются с наборными шрифтами и добавляют живости работе. Мода на такой стиль оформления появилась после перехода от каллиграфии к леттерингу - искусству рисования букв.



Рис. 41. Современные тенденции в типографике: рукописные шрифты или их имитация, леттеринг

Выводы по главе 2

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

...