145
с бородой

Типографика: о шрифтах с любовью. Константин Бугайчук

Embed Size (px)

Citation preview

Page 1: Типографика: о шрифтах с любовью. Константин Бугайчук

с бородой

Page 2: Типографика: о шрифтах с любовью. Константин Бугайчук

©А. Каптерев

Page 3: Типографика: о шрифтах с любовью. Константин Бугайчук

коммуникация

Page 4: Типографика: о шрифтах с любовью. Константин Бугайчук

Мы не можем не коммуницировать

Paul Watzlawick

Page 5: Типографика: о шрифтах с любовью. Константин Бугайчук
Page 6: Типографика: о шрифтах с любовью. Константин Бугайчук

Иногда!

Page 7: Типографика: о шрифтах с любовью. Константин Бугайчук

Шутка

Шутка

Page 8: Типографика: о шрифтах с любовью. Константин Бугайчук

Шутка

Шутка

Page 9: Типографика: о шрифтах с любовью. Константин Бугайчук

Кофе 10 грн.

Кофе 10 £

Page 10: Типографика: о шрифтах с любовью. Константин Бугайчук

Кофе 10 грн. Кофе 10 £

Page 11: Типографика: о шрифтах с любовью. Константин Бугайчук

Нельзя просто так взять…

Page 12: Типографика: о шрифтах с любовью. Константин Бугайчук

анатомия

Page 13: Типографика: о шрифтах с любовью. Константин Бугайчук
Page 14: Типографика: о шрифтах с любовью. Константин Бугайчук

Verdana Baskerville

Page 15: Типографика: о шрифтах с любовью. Константин Бугайчук

Контрастный

шрифт

Page 16: Типографика: о шрифтах с любовью. Константин Бугайчук
Page 17: Типографика: о шрифтах с любовью. Константин Бугайчук

Стили и Начертание

Page 18: Типографика: о шрифтах с любовью. Константин Бугайчук

Gill Sans

Gill Sans Medium

Gill Sans ExBold

Page 19: Типографика: о шрифтах с любовью. Константин Бугайчук

Gill Sans Gill Sans

Page 20: Типографика: о шрифтах с любовью. Константин Бугайчук

Типы шрифтов

Page 21: Типографика: о шрифтах с любовью. Константин Бугайчук
Page 22: Типографика: о шрифтах с любовью. Константин Бугайчук

Старый стиль (old style)

Page 23: Типографика: о шрифтах с любовью. Константин Бугайчук

1404-1480

Page 24: Типографика: о шрифтах с любовью. Константин Бугайчук
Page 25: Типографика: о шрифтах с любовью. Константин Бугайчук
Page 26: Типографика: о шрифтах с любовью. Константин Бугайчук
Page 27: Типографика: о шрифтах с любовью. Константин Бугайчук
Page 28: Типографика: о шрифтах с любовью. Константин Бугайчук
Page 29: Типографика: о шрифтах с любовью. Константин Бугайчук

Adobe JensonMobeaMobea Garamond

Page 30: Типографика: о шрифтах с любовью. Константин Бугайчук
Page 31: Типографика: о шрифтах с любовью. Константин Бугайчук

Переходный стиль

Page 32: Типографика: о шрифтах с любовью. Константин Бугайчук

1706-1775

Page 33: Типографика: о шрифтах с любовью. Константин Бугайчук
Page 34: Типографика: о шрифтах с любовью. Константин Бугайчук
Page 35: Типографика: о шрифтах с любовью. Константин Бугайчук
Page 36: Типографика: о шрифтах с любовью. Константин Бугайчук

BaskervilleMobea

Mobea Adobe Jenson

Page 37: Типографика: о шрифтах с любовью. Константин Бугайчук

BaskervilleMobea

Mobea Times NRoman

Page 38: Типографика: о шрифтах с любовью. Константин Бугайчук
Page 39: Типографика: о шрифтах с любовью. Константин Бугайчук
Page 40: Типографика: о шрифтах с любовью. Константин Бугайчук

Новый стиль (modern style)

Page 41: Типографика: о шрифтах с любовью. Константин Бугайчук

BodoniMobea

Mobea Oranienbaum

Page 42: Типографика: о шрифтах с любовью. Константин Бугайчук
Page 43: Типографика: о шрифтах с любовью. Константин Бугайчук
Page 44: Типографика: о шрифтах с любовью. Константин Бугайчук
Page 45: Типографика: о шрифтах с любовью. Константин Бугайчук
Page 46: Типографика: о шрифтах с любовью. Константин Бугайчук
Page 47: Типографика: о шрифтах с любовью. Константин Бугайчук
Page 48: Типографика: о шрифтах с любовью. Константин Бугайчук
Page 49: Типографика: о шрифтах с любовью. Константин Бугайчук
Page 50: Типографика: о шрифтах с любовью. Константин Бугайчук

ГротескSans Serif

Page 51: Типографика: о шрифтах с любовью. Константин Бугайчук

Старый гротеск (Old grotesque)

Page 52: Типографика: о шрифтах с любовью. Константин Бугайчук
Page 53: Типографика: о шрифтах с любовью. Константин Бугайчук

Franklin Gothic

MabesMabes

Oranienbaum

Page 54: Типографика: о шрифтах с любовью. Константин Бугайчук

futura

levenima a

Page 55: Типографика: о шрифтах с любовью. Константин Бугайчук

Из всех шрифтов прошлого

к духу нашего времени

подходит только так

называемый гротеск,

или рубленый шрифт

Ян Чихольд

Page 56: Типографика: о шрифтах с любовью. Константин Бугайчук
Page 57: Типографика: о шрифтах с любовью. Константин Бугайчук
Page 58: Типографика: о шрифтах с любовью. Константин Бугайчук
Page 59: Типографика: о шрифтах с любовью. Константин Бугайчук

Arial

Helvetica

MS Sans serif

Page 60: Типографика: о шрифтах с любовью. Константин Бугайчук

GeRaigk

GeRaigk

Page 61: Типографика: о шрифтах с любовью. Константин Бугайчук

aaa

eee

Franklin gothic

Futura

Helvetica

Page 62: Типографика: о шрифтах с любовью. Константин Бугайчук
Page 63: Типографика: о шрифтах с любовью. Константин Бугайчук
Page 64: Типографика: о шрифтах с любовью. Константин Бугайчук

Humanist grotesque

Meta pro

Gill Sans

Page 65: Типографика: о шрифтах с любовью. Константин Бугайчук

a r y P e

Page 66: Типографика: о шрифтах с любовью. Константин Бугайчук

a r y P e

a r y P e

Page 67: Типографика: о шрифтах с любовью. Константин Бугайчук

a r y P e

a r y P e

Jenson

Page 68: Типографика: о шрифтах с любовью. Константин Бугайчук

a r y P e

a r y P e

Jenson

Page 69: Типографика: о шрифтах с любовью. Константин Бугайчук
Page 70: Типографика: о шрифтах с любовью. Константин Бугайчук
Page 71: Типографика: о шрифтах с любовью. Константин Бугайчук

e-learning

e-learning

Futura

e-learning Helvetica

Page 72: Типографика: о шрифтах с любовью. Константин Бугайчук

e-learning Futura

e-learning Helvetica

Page 73: Типографика: о шрифтах с любовью. Константин Бугайчук

Вы не замечаете тонких различий.

Это один из недостатков, который

делает вас таким ничтожным

изготовителем зелий

Page 74: Типографика: о шрифтах с любовью. Константин Бугайчук

Красивый

Page 75: Типографика: о шрифтах с любовью. Константин Бугайчук
Page 76: Типографика: о шрифтах с любовью. Константин Бугайчук
Page 77: Типографика: о шрифтах с любовью. Константин Бугайчук

e a

Page 78: Типографика: о шрифтах с любовью. Константин Бугайчук

a e s a e s

Verdana

Futura

Page 79: Типографика: о шрифтах с любовью. Константин Бугайчук

Старый стиль

Palatino

Garamond

Bookman old style

Goudy old style

Page 80: Типографика: о шрифтах с любовью. Константин Бугайчук

Переходный стиль

Century Schoolbook

New Baskerville

PT Serif

Page 81: Типографика: о шрифтах с любовью. Константин Бугайчук

Новый стиль

Bodoni

Oranienbaum

Page 82: Типографика: о шрифтах с любовью. Константин Бугайчук

Геометрические

Futura

Century gothic

Levenim MT

Page 83: Типографика: о шрифтах с любовью. Константин Бугайчук

Гротески

Franklin Gothic Book

Helvetica

Roboto

Page 84: Типографика: о шрифтах с любовью. Константин Бугайчук

Гуманистические

Gill Sans

Meta Pro

Verdana

Page 85: Типографика: о шрифтах с любовью. Константин Бугайчук

Психология

Page 86: Типографика: о шрифтах с любовью. Константин Бугайчук
Page 87: Типографика: о шрифтах с любовью. Константин Бугайчук

Оценка собственных возможностей

Page 88: Типографика: о шрифтах с любовью. Константин Бугайчук

1

Page 89: Типографика: о шрифтах с любовью. Константин Бугайчук

1. Картофель нарезать кубиками, добавить в кипящую

воду и варить до готовности.

2. Лук и морковь мелко порезать. Разогреть сковороду,

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

3. Из фарша слепить фрикадельки и добавить в суп.

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

4. В готовый суп добавить тертый сыр, размешать, дать

ему расплавиться и снять кастрюлю с огня.

Page 90: Типографика: о шрифтах с любовью. Константин Бугайчук

Влияние на выполнение

Page 91: Типографика: о шрифтах с любовью. Константин Бугайчук

Лягте на бок, с упором на один локоть. Свободную руку согните и положите на бок, либо разместите ее за голову. Это будет Ваше исходное положение.

Теперь медленно поднимите бедра от пола, при этом напрягая мышцы пресса. Туловище сохраняйте в одной линии от ног до головы.

В этом положении продержитесь сколько сможете (не менее 30 секунд). Плавно вернитесь в исходное положение и повторите упражнение с другой рукой.

Page 92: Типографика: о шрифтах с любовью. Константин Бугайчук

Постелите на пол коврик/мат и расположите свой корпус в положении лежа на боку. Обопритесь на локоть правой руки и положите одну ногу на другую.

Оторвите бедра от пола и вытянитесь в струнку, жестко упираясь предплечьем в настил. Удерживайте такую натянутую позицию как можно дольше (минимально 30-45 секунд).

Смените руку и повторите ту же самую последовательность действий для другой стороны.

Page 93: Типографика: о шрифтах с любовью. Константин Бугайчук
Page 94: Типографика: о шрифтах с любовью. Константин Бугайчук

образ буквы или слова

A A A A

Page 95: Типографика: о шрифтах с любовью. Константин Бугайчук
Page 96: Типографика: о шрифтах с любовью. Константин Бугайчук
Page 97: Типографика: о шрифтах с любовью. Константин Бугайчук

Мы узнаем образ буквы или слова

образ буквы или слова

Page 98: Типографика: о шрифтах с любовью. Константин Бугайчук

Восприятие

Page 99: Типографика: о шрифтах с любовью. Константин Бугайчук
Page 100: Типографика: о шрифтах с любовью. Константин Бугайчук

Налоги увеличатся на 10 %

Налоги увеличатся на 10 %

Налоги увеличатся на 10 %

Page 101: Типографика: о шрифтах с любовью. Константин Бугайчук

Шрифт и картинка

Page 102: Типографика: о шрифтах с любовью. Константин Бугайчук

Let’s

play

Page 103: Типографика: о шрифтах с любовью. Константин Бугайчук

О сколько нам открытий чудныхготовит просвещенья дух…

Page 104: Типографика: о шрифтах с любовью. Константин Бугайчук

Официальный мяч

ЧМ 2014

Page 105: Типографика: о шрифтах с любовью. Константин Бугайчук
Page 106: Типографика: о шрифтах с любовью. Константин Бугайчук

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

Page 107: Типографика: о шрифтах с любовью. Константин Бугайчук

Вкусные

пельмешки

Page 108: Типографика: о шрифтах с любовью. Константин Бугайчук
Page 109: Типографика: о шрифтах с любовью. Константин Бугайчук

Твой

ИДЕАЛЬНЫЙ

ВЫБОР

Page 110: Типографика: о шрифтах с любовью. Константин Бугайчук

Худейте с нашей диетой

Худейте с нашей диетой

Page 111: Типографика: о шрифтах с любовью. Константин Бугайчук

СОВЕТЫ

Page 112: Типографика: о шрифтах с любовью. Константин Бугайчук

Размер1

Page 113: Типографика: о шрифтах с любовью. Константин Бугайчук

Размер Должен отличаться

РазмерДолжен отличаться

Page 114: Типографика: о шрифтах с любовью. Константин Бугайчук

и н д у с т р и а л ь н о е

ДВИЖЕНИЕ

Page 115: Типографика: о шрифтах с любовью. Константин Бугайчук

Индустриальноедвижение

Page 116: Типографика: о шрифтах с любовью. Константин Бугайчук

Начер2

Page 117: Типографика: о шрифтах с любовью. Константин Бугайчук

НачертаниеДолжно отличаться

НачертаниеДолжно отличаться

Page 118: Типографика: о шрифтах с любовью. Константин Бугайчук
Page 119: Типографика: о шрифтах с любовью. Константин Бугайчук
Page 120: Типографика: о шрифтах с любовью. Константин Бугайчук

Чтобы достигнуть баланса между текстом и

«воздухом», сделайте межстрочное расстояние

примерно в полтора раза больше высоты строчных

букв. Ещё один способ: устанавливаем интерлиньяж,

равный 125% размера шрифта.

Чтобы достигнуть баланса между текстом и «воздухом»,

сделайте межстрочное расстояние примерно в полтора раза

больше высоты строчных букв. Ещё один способ:

устанавливаем интерлиньяж, равный 125% размера шрифта.

Page 121: Типографика: о шрифтах с любовью. Константин Бугайчук
Page 122: Типографика: о шрифтах с любовью. Константин Бугайчук

Чтобы достигнуть

баланса между текстом и

«воздухом», сделайте

межстрочное расстояние

примерно в полтора раза

больше высоты строчных

букв. Есть ещё один

способ: интерлиньяж,

равный 125% размера

шрифта.

Чтобы достигнуть

баланса между

текстом и «воздухом»,

сделайте межстрочное

расстояние примерно

в полтора раза больше

высоты строчных букв.

Есть ещё один способ:

интерлиньяж, равный

125% размера

шрифта.

Page 123: Типографика: о шрифтах с любовью. Константин Бугайчук

Структура3

Page 124: Типографика: о шрифтах с любовью. Константин Бугайчук

Два схожих шрифта рядом выглядят неряшливо

Помните об этом!

Page 125: Типографика: о шрифтах с любовью. Константин Бугайчук

Эти шрифты

Неплохо сочетаются

У нихРазная структура

Page 126: Типографика: о шрифтах с любовью. Константин Бугайчук

Не совмещайтеНе совмещайте

Не совмещайте

Page 127: Типографика: о шрифтах с любовью. Константин Бугайчук

Совместный трудОбъединяет

Page 128: Типографика: о шрифтах с любовью. Константин Бугайчук

Шрифты с засечкамидолжны быть из двух разных групп

Page 129: Типографика: о шрифтах с любовью. Константин Бугайчук
Page 130: Типографика: о шрифтах с любовью. Константин Бугайчук
Page 131: Типографика: о шрифтах с любовью. Константин Бугайчук

60 % абитуриентов

неспособны

самостоятельно

работать с

информацией

80 % студентов

нуждаются в помощи

при выполнении

домашних заданий

Page 132: Типографика: о шрифтах с любовью. Константин Бугайчук

И еще…

Page 133: Типографика: о шрифтах с любовью. Константин Бугайчук

Заголовки

Основной текст

Page 134: Типографика: о шрифтах с любовью. Константин Бугайчук

thickness

heightthicknessheight

type

Page 135: Типографика: о шрифтах с любовью. Константин Бугайчук
Page 136: Типографика: о шрифтах с любовью. Константин Бугайчук

Классика жанра

Традиционное сочетание, в

котором рубленный шрифт

(гротеск), используется для

заголовков, в то время как

более читабельную при

малом масштабе и большом

количестве антикву берут для

основного текста.

Классика жанра

Традиционное сочетание, в

котором рубленный шрифт

(гротеск), используется для

заголовков, в то время как

более читабельную при малом

масштабе и большом

количестве антикву берут для

основного текста.

Page 137: Типографика: о шрифтах с любовью. Константин Бугайчук

Gill Sans

Rockwell

NbaskerRockwell

Page 138: Типографика: о шрифтах с любовью. Константин Бугайчук

ресурсы

Page 139: Типографика: о шрифтах с любовью. Константин Бугайчук
Page 140: Типографика: о шрифтах с любовью. Константин Бугайчук

www.fonts-online.ru

Page 141: Типографика: о шрифтах с любовью. Константин Бугайчук
Page 142: Типографика: о шрифтах с любовью. Константин Бугайчук
Page 143: Типографика: о шрифтах с любовью. Константин Бугайчук
Page 144: Типографика: о шрифтах с любовью. Константин Бугайчук
Page 145: Типографика: о шрифтах с любовью. Константин Бугайчук

Бугайчук Константин

[email protected]

http://bugaychuk.blogspot.com

klbugaychuk

buga1978

g gg