Вы находитесь на странице: 1из 77

KAMA // 2017

Basics of Typography
Graphic
design

Typography

KAMA // Graphic Design Advanced T\1


Graphic
Typography
design

KAMA // Graphic Design Advanced


Ремесло
Искусство
Наука
Набор правил
Стопка книг

KAMA // Graphic Design Advanced


Подход
Область культуры
Инструмент

KAMA // Graphic Design Advanced


(how to) use the fonts
базовые антиквы/гротески

понятия текстовые/акцидентные
динамичные/статичные
гуманистические/
геометрические

эпохи
ритм/пропорции/контраст/ инструменты
метрики/элементы знаков/ стили
знаковый состав/поддержка
языков/гарнитура(typeface)—
файл (font) классификация
vs
vs
???

Палочка
???

???

дырочка
ДОН
ДОН
О О
Ж иро к!
Норм
Ж иро к!
бб б б б б
Воу-воу, бра
100500 100500
minimum
minimum
minimum
FINAL
DESTINATION

F I N A L
E S T I N A
Typography is performed by Ty p o g r a p h y i s p e r f o r m e d b y t y p e -
typesetters, compositors, ty- setters, compositors, typogra-
pographers, graphic designers, phers, graphic designers, art
art directors, manga artists, directors, manga artists, com-
comic book artists, graffiti
ic book artists, graffiti art-
artists, clerical workers, and
ists, clerical workers, and every-
everyone else who arranges
o n e e l s e w h o a r r a n g e s t y p e fo r a
type for a product. Until the
Digital Age, typography was a product. Until the Digital Age,
specialized occupation. Digi- typography was a specialized oc-
tization opened up typography cupation.
to new generations of visual
designers and lay users, and
Typography is performed by typesetters, composi-
David Jury, Head of Graphic
tors, typographers, graphic designers, art directors,
Design at Colchester Institute
manga artists, comic book artists, graffiti artists,
in England, states that "ty- clerical workers, and everyone else who arranges
pography is now something ev- type for a product. Until the Digital Age, typography
erybody does." was a specialized occupation.
wtf?
font type
Антиква (Serif)
Гротеск (Sans)
Текстовый / Текстовый
text/body/copy

Акцидентный
Акцидентный
Акцидентный
display
гротеск (sans)

текстовые БРУСКОВЫЙ (SLAB) акцидентные


(text) ( d i s p l ay )

А НТИКВА (SERIF)

РИСОВАННЫЕ/РУКОПИСНЫЕ
(HANDWR I T TEN/SCR IPT)
1
классификация × стиль

KAMA // Graphic Design Advanced


гротеск (sans)

a
геометрический классический гуманістический

a a
(geometrical) (grotesk, (humanist )
neogrotesk,
gothic, modernist )

KAMA // Graphic Design Advanced


ГЕОМЕТРИЧЕСКИЙ
МОДЕРНИЗМ
(ФУНКЦИОНАЛЬНЫЙ МОДЕРНИЗМ, СОВЕРШЕННЫЙ БАУХХАУЗ)

KAMA // Graphic Design Advanced


ФОРМАЛЬНЫЙ
МОДЕРНИЗМ
(ШВЕЙЦАРСКО-НЕМЕЦКО-ГОЛЛАНДСКИЙ МОДЕРНИЗМ
МЕЖДУНАРОДНЫЙ ТИПОГРАФСКИЙ СТИЛЬ)
ГУМАНИСТИЧЕСКИЙ
МОДЕРНИЗМ
(КОРПОРАТИВНЫЙ СТИЛЬ, КОРПОРАТИВНЫЙ ПОП)
н е к о н т ра с т н ы е /д и н а м и ч е с к и е
( х о р о ш и д л я т е к с та )
A
к о н т ра с т н ы е / с та т и ч е с к и е
(хороши д ля акциденции)

А НТИК ВА (SER IF)


КЛАССИЦИЗМ
(ФЕШН, CHIC)
КЛАССИЦИЗМ
(ФЕШН, CHIC)
РЕНЕССАНС
(СДЕРЖАННЫЙ, КНИЖНЫЙ СТИЛЬ)
РЕНЕССАНС
(СДЕРЖАННЫЙ, КНИЖНЫЙ СТИЛЬ)
ТЕХНО
(ЗИН, САМИЗДАТ, TYPEWRITER)
ТЕХНО
(ЗИН, САМИЗДАТ, TYPEWRITER)
ПОСТМОДЕРНИЗМ
2
комбинаторика
1. Sans + Serif
Заголовок!
ДРУЗI ЦIЛИМИ днями пiдпирають стiну
магазину в Нью-Джерсi, але одного разу,
пiсля звинувачення в торгiвлi наркотиками,
отримують судову заборону наближатися
до цього магазину.
ВОНИ ДIЛЯТЬСЯ сво ю бiдою з
продавцем комiксiв Бродi, вiд якого
дiзнаються, що за комiксом «Пихарь i
Хронiк» (англ. Bluntman and Chronic),
створеним за мотивами ïхнього життя, буде
знято фiльм.
2. Не брать из одной корзины*
Заголовок!
Друзі цілими днями підпирають стіну
Заголовок!
Д Р У З І Ц І Л И М И днями підпирають стіну
магазину в Нью-Джерсі, але одного разу, магазину в Нью-Джерсі, але одного разу,
після звинувачення в торгівлі наркотиками, після звинувачення в торгівлі наркотиками,
отримують судову заборону наближатися отримують судову заборону наближатися до
до цього магазину. цього магазину.
Вони діляться своєю бідою з продавцем В О Н И Д І Л Я Т Ь С Я своєю бідою з продавцем
коміксів Броді, від якого дізнаються, що коміксів Броді, від якого дізнаються, що за
за коміксом «Пихарь і Хронік» (англ. Blunt- коміксом «Пихарь і Хронік» (англ. Bluntman and
man and Chronic), створеним за мотивами Chronic), створеним за мотивами їхнього життя,
їхнього життя, буде знято фільм. буде знято фільм.
3. =
Иерархия в контексте
Иерархия в наборе

Текст!
Более длинный текст,
который вводит читателя
в суть происходящего.
На титульном листе бюллетеня, первый выпуск
которого датирован 30 апреля 1968 г., было
напечатано: «Год прав человека в СССР». Чуть ниже
стоял эпиграф — текст ст. 19 Всеобщей Декларации
о праве каждого искать, получать и распространять
информацию, а ещё ниже — слова: «Хроника текущих
событий». Строго говоря, первый составитель
бюллетеня, Наталья Горбаневская[4], предполагала
назвать его «Год прав человека в СССР» (что, между
прочим, косвенно свидетельствует об первоначальном
4. начертание × контраст

ФАКТУРА ЗАГОЛОВКА
более длинный текст,
который вводит читателя
в суть происходящего.
НА ТИТУЛЬНОМ ЛИСТЕ бюллетеня, первый выпуск которого д
было напечатано: «Год прав человека в СССР». Чуть ниже стоял
Декларации о праве каждого искать, получать и распространять
слова: «Хроника текущих событий». Строго говоря, первый соста
Горбаневская[4], предполагала назвать его «Год прав человека
косвенно свидетельствует об первоначальном отсутствии намер
течение долгого времени); слова же «Хроника текущих событий»
жанр издания и представляли собой подзаголовок. Однако, чита
а слова «Год прав человека в СССР» — за девиз, обозначающий
титульного листа устоялось и было принято составителем, тем б
5. акцент × нейтралитет

ХИТРО-
МУД РО
более длинный текст,
который вводит читателя
в суть происходящего.
НА ТИТУЛЬНОМ ЛИСТЕ бюллетеня, первый вып
было напечатано: «Год прав человека в СССР». Чу
Декларации о праве каждого искать, получать и р
слова: «Хроника текущих событий». Строго говоря
T\2
Горбаневская[4], предполагала назвать его «Год п
K.I.S.S.
one more thing
May (the) fonts types guide you

Вам также может понравиться