Акциденция в типографике

Особенности и приёмы художественной вёрстки текста

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

Отличия текстового набора и акциденции

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

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

Приёмы акциденции

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

Графика в типографике

Самый простой для самый часто используемый приём - это графика в типографике, когда изображения врезаются в текст. если штрих будет тонкий, графику братть внимание на толщину штрихов : если штрих будет тонкий, графику будет невозможно рассмотреть. Кегль также должен быть достаточно крупный, так как в мелком тексте этот приём работать не будет.
Junghyun Ko
Márton Jancsó
работ Ван Гога в Сеультимедийной выставке работ Ван Гога в Сеуле

Вёрстка встык или внахлёст

Экспрессивный смелы, когда напряжение создаётся за счёт приближения элементов другу или наложеним. элементы друг одятся дальше, между ними связь ослабевает, образуется большое количество воздуха и получатся расслабленая воздушная композиция. Когда эти элементы сближаются, создаётся графическое напряжение и более агрессивный дизайн. многослойность, динамичность и контрасть внахлёст характерны многослойность, динамичность и контрастность.
Эрик Ху, постер GIWYFI
Ваня Кириллов
Оля Ионова
Наташа Чистякова

Намеренное перекрытие текста

Les gens qui ont des problèmes de santé ne sont pas les mêmes que ceux qui ont des problèmes de santé. чёрными прямоугольниками или зачёркитс чёрными прямоугольниками или зачёркиватс рукописатся рукописнатс рукотсаштрихами. динамика композиции и возникатся желание заглянуть перекытый текст, то есть создаётся интрига для зрителя, которая притяга для зрителя, которая притягиватет его внимание.
Kasper-Florio
Настя Нечипоренко
Юля Гют

Искажение слов или букв

помощью такого приёма можно создавать графические доминаты, которые будут через форму выражать идею и характер сообщения. Используя искажение, акцидентная типографика становится графической метафорой, как, например, в этих плакатах :
Design Yatri
Рита Калинина
как меняют ширину букв : сжимают их или расширяют. За счёт этого создаётся ощущение движения. шрифты, которые позволяют настрать настравать которые позволяют начертания и делать тоньше или толще. Например, бесплатный шрифт Tilda Sans.

Получение сложных форм при совмещении простых

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

Орнаментальность

Орнаментальный рисунок достигается за счёт контрформы и внутренего ритма : статчная закрытая форма обретает внутреню динамику и орнамент - рисунок. плакате ниже статичная прямоугольная форма внутри имет динамичный рисунок из слов, разбитых на буквы.
Jonas Lindström
Яна Фишер
Обложка к диску, Сергей Телидченко
Валя Косорукова
Катя Кошаркова

Сочетание нескольких гарнитур в одной фразе

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

Создание глубины и объёма

помощ текста можно создавать ощущение глубины и пространства изображения. Чтобы добиться такого эфекта, нужно представить текст виде абстрактных элементов. Например, на плакате ниже для сделанной текстом арки ощущение глубины создаётся за счёт изменение размера букв и диагональных линий перспективы.
Yale - Conception graphique
Jürg Conzett
Обращайте внимание примеры из альной жизни инализуйте, за счёт чего создаётся объём и перспектива. Эти наблюдения переносите в свои работы.
Катя Насибуллина
Инна Цхай
Сергей Телидченко

Взаимосвязь функци и формы текста

с акцидентной вёрсткой важно искать баланс между функцией и формой. Чем сложне мы делаем форму, тем слабе становится содержание, то есть текст становится сложне читать. Поэтому используя акцидентные приёмы, задавайте себе вопрос : "важно ли, чтобы этот текст прочитали, или мы хотим, чтобы зритель просто на это посмотрел".
Посмотрите, как меняется восприятие текста в зависимости от интерлиньяжа
Посмотрите, как меняется восприятие текста в зависимости от интерлиньяжа

для тех, кто хочет узнать про работу с типографикой больше

Le projet de loi a été adopté par le Parlement : Сергей Телидченко

Le projet de loi a été adopté par le Parlement européen : Анастасия Степанова

Дизайн и верстка : Мария Белая, Егор Зеленый

понравился, поставьте лайк - это помогает другим узнать о нем и других статьх Tilda Education и подерживает наш проект. Спасибо !
Читайте также :
Бесплатный онлайн курс, который научить эффективные посадочные страницы
Курс, который научит вас продвигать свой сайт
Le système d'information de l'Union européenne (UE) a été mis en place par la Commission européenne et le Conseil de l'Union européenne (CE).
учебник по веб-анимации с примерами и правилами использования