Икра2014

Арсеньев Родионкреативный директор Red Keds

типографикаголовногосердца

типографика головного сердца москва, 2014

типографика головного сердца москва, 2014

Глава 0определитесьвы уже!

типографика головного сердца москва, 2014

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

Типографика — это _______ _______ ___ _________ __________ __________ ________.

7 минут7 слов

слово 1 слово 2 слово 3

слово 4 слово 5

слово 6 слово 7

типографика головного сердца москва, 2014

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

Типографика (от греч. τύπος — «отпечаток» и γραφή — «пишу»)

Искусство расположения или создания композициииз наборного материала на плоскости листаaлександра королькова

типографика головного сердца москва, 2014

Каллиграфия

Шрифт Брейля

ЛеттерингПечатные издания

ИскусствоАрхитектура

Моушен дизайн

Интерфейсы

Стритарт Иллюстрация

Мебель

Татуировка

разве это все?

Навигация

Data visualization

типографика головного сердца москва, 2014

typography is what language looks like

мое любимое определение

Из книги «Thinking with type»Эллен Лаптон

типографика головного сердца москва, 2014

тут все для людей

Автор текстаСмыслЧто хочет рассказать.

СтильКак хочет рассказать.

ЯзыкУважениек языку.

дизайнер (типограф)ИнтонацияКак должно быть воспринято содержание.

ФункцияСоздать условия для усвоениясожержания.

Дизайн текста

Автор шрифтаФункцияЗачем созданшрифт.

КультураАвторское отношениек типографике в целом.

ИсторияКогда был создан шрифт.

ЭмоцииЧувственная сторона. Ощущения.

СервисБез проблем усвоитьсодержание.

ЭстетикаКрасиво подать содержание.

КультураБыть частьюкультурногопространства.

Зритель (читатель)

типографика головного сердца москва, 2014

Правила языка нужны не для того, чтобы вы хвастались их знанием и унижали тех, кто их не знает

зачем нужна грамотность

типографика головного сердца москва, 2014

Правила языка нужны не для того, чтобы вы хвастались их знанием и унижали тех, кто их не знает

зачем нужна грамотность

типографика головного сердца москва, 2014

мое любимое определение

Правила — условность, которая нужна для того, чтобы вас правильно поняли

типографика головного сердца москва, 2014

мое любимое определение

Писать грамотно —уважение к тому, кто будет читать ваш текст

типографика головного сердца москва, 2014

мое любимое определение

грама0тностьдеизайнера

Типографика —

типографика головного сердца москва, 2014

Глава 1типографика! теперь в 3d!

типографика головного сердца москва, 2014

3 измерения типографики

X

YZ

эстетика

функция

наследие

текст

типографика головного сердца москва, 2014

3 измерения типографики

X

YZ

эстетика

функция

наследие

текст

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

типографика головного сердца москва, 2014

3 измерения типографики

X

YZ

эстетика

функция

наследие

текст

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

ЭмоциональнаяИзобретательно и выразительно передать содержание текста.

типографика головного сердца москва, 2014

3 измерения типографики

X

YZ

эстетика

функция

наследие

текст

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

ЭмоциональнаяИзобретательно и выразительно передать содержание текста.

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

типографика головного сердца москва, 2014

3 измерения типографики

X

YZ

эстетика

функция

наследие

текст

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

ЭмоциональнаяИзобретательно и выразительно передать содержание текста.

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

Культураязыка

типографика головного сердца москва, 2014

Глава 2функциональныесвойства типографики

типографика головного сердца москва, 2014

как типографика может помочь функционально

Навигация

Структура

Основной текст или аннотация? Глава или абзац?

Система заголовков

Глава или подглава? Заголовок третьего уровня?

Ритм и темп

Деление текста на части для простоты восприятия

Иерархия информация

Какая часть текста самая важная? На что нужно обратить внимание только, если захочется?

Выделение

Город с большой буквы? Положи на это bold! Капитель головного мозга! Утренняя разрядка.

Рубрикация, указатели

Технические элементы: глава 7, страница 42, часть 3.Сносочка. Подпись к фотографии. Схемы.

типографика головного сердца москва, 2014

как типографика может помочь функционально

Параметрические свойства

Вместительность

Сколько знаков поместиться в полосе, если использовать этот шрифт?

Разборчивость

Как быстро нужно распознать содержание текста?

Усваиваемость

Как долго нужно будет читать текст? Это книга или абзац текста

типографика головного сердца москва, 2014

как типографика может помочь функционально

Технологические свойства

Шрифтовой файл можно использовать на экране?

Как можно подключить к сайту или приложению?

Как рендериться шрифт в различных ОС?

Как будет выглядеть в Chrome в ОС Windows?

Сколько краски сожрет?

Как долго нужно будет читать текст? Это книга или абзац текста

Набор глифов

Есть ли в шрифте маюскульные и минускульные цифры?Есть лигатуры? Альтерации?

типографика головного сердца москва, 2014

Глава 3культурныйфон

типографика головного сердца москва, 2014

если не мы, то кто?

алфавитязык

Уважай свой

Я Ж

типографика головного сердца москва, 2014

и не надо вот этого вот тут вот

своегонабора

Уважай культуру

— – - «„“»…

ё

типографика головного сердца москва, 2014

Глава 4эстетическое музыкальноеизмерение

типографика головного сердца москва, 2014

как типографика может помочь функционально

Красота без объяснений

Аккорды шрифтовых форм и мелодия набора

Выразительные качества шрифта. Как звонко выглядит набор этим шрифтом?

Интонация

Как слово себя произнесет если его набрать гротеском? Громко или нежно?

Ощущения

Что должен почувствовать читатель?

Поэтика отношений

Визуальные рифмы, звонкие пропорции, музыка контрастов.

типографика головного сердца москва, 2014

Глава 5несколько фундаментальныхсоветиков

типографика головного сердца москва, 2014

и не надо вот этого вот тут вот

ты плохойдизайнер

Типографика — не ваше?

типографика головного сердца москва, 2014

читай свой дизайн!

корольвечеринки

Контент —

типографика головного сердца москва, 2014

это вы должны им, а не они вам

пользаневидимого

Типографика — это

типографика головного сердца москва, 2014

это вы должны им, а не они вам

волшебствоконтрформ

Типографика — это

типографика головного сердца москва, 2014

1 pt — важный пункт

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

Типографика имеет

типографика головного сердца москва, 2014

это вы должны им, а не они вам

системаотношений

Типографика — это

типографика головного сердца москва, 2014

это вы должны им, а не они вам

Мочи, Фибоначчи!

типографика головного сердца москва, 2014

Глава 6как выбирать шрифты

типографика головного сердца москва, 2014

добро пожаловать в ад

типографика головного сердца москва, 2014

добро пожаловать в ад

думай сердцем

Paratypedocs

типографика головного сердца москва, 2014

прежде всего

коммуника-ционные задачиКакие задачи ты хочешь решить с помощью типографики? Удивить? Напугать? Запутать? Помочь разобраться? Какая тональность коммуникации? Какие ощущения должен испытывать читающий?

функциональные требования Какие требования к наборному шрифту? Насколько сложный набор? Какой объем текста нужно набирать? Насколько быстро нужно распознавать содержание?

технические ограниченияХорошо ли впитывает краску? Достаточно ли глифов для нормальной работы? Есть в шрифтовом файле необходимые альтернативные глифы? Как рендериться шрифт в Chrome на ОС Windows XP?

типографика головного сердца москва, 2014

самый главный совет

выберишрифтовуюпару

До того, как начал дизайн

типографика головного сердца москва, 2014

Глава 7свойства шрифта

типографика головного сердца москва, 2014

Абсурд

почувствуй мою типографику

Абсурд

Абсурд

Кто из этих шрифтовженщина?Расскажи, почему!

типографика головного сердца москва, 2014

почувствуй мою типографику

МякотьМякотьМякоть

Какой шрифт самый твердый?Расскажи, почему!

типографика головного сердца москва, 2014

почувствуй мою типографику

ТРЕЗВОСТЬТРЕЗВОСТЬ

ТРЕЗВОСТЬ

Расскажи, ктоиз этих шрифтоввчера пил?Расскажи, почему!

типографика головного сердца москва, 2014

Эрекция

почувствуй мою типографику

Эрекция

ЭрекцияКто из нихстарик?Расскажи, почему!

типографика головного сердца москва, 2014

почувствуй мою типографику

СупермэнÑóïåðрìýэíСупермэн

Кто из нихсамый застенчевый?Расскажи, почему!

типографика головного сердца москва, 2014

почувствуй мою типографику

СлабостьСлабостьСлабость

Кто из нихподросток?Расскажи, почему!

типографика головного сердца москва, 2014

почувствуй мою типографику

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

Опишите человека, который рассказываетэту историюнайдите его фотографиюв интернете

типографика головного сердца москва, 2014

почувствуй мою типографику

Наслаждения были легковесны, как молния, и бесконечны, как вечность. все силы ума и тела соединились в одном желании дать, как можно больше этому полудетскому телу радости, охватившему меня своими объятьями.

Опишите человека, который рассказываетэту историюнайдите его фотографиюв интернете

типографика головного сердца москва, 2014

почувствуй мою типографику

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

Опишите человека, который рассказываетэту историюнайдите его фотографиюв интернете

типографика головного сердца москва, 2014

почувствуй мою типографику

ЗВОНКОЗВОНКО Какой шрифт

самый деревянный?Расскажи, почему!

ЗВОНКО

типографика головного сердца москва, 2014

почувствуй мою типографику

ЖеланиеЖеланиеКакой шрифт

самый сладкий?Расскажи, почему! Желание

типографика головного сердца москва, 2014

ЗаботаЗаботаЗабота

почувствуй мою типографику

типографика головного сердца москва, 2014

Глава 8ура! задания!

типографика головного сердца москва, 2014

typo activity

выбрать 4 шрифта из вашего набора

придумать,как показать объяснить, что за шрифтывы выбрали другим командам

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

считаем, шрифты какой команды отгадали больше всего.

типографика головного сердца москва, 2014

typo activity

подбери гифкуШрифт неживой? Да ладно! Докажи обратное! Подбери анимационный фрагмент, который характеризует рисунок шрифта! Какие движения ты видишь в его силуэтах?

расскажи историюПредставьте, что шрифт — это человек. Опишите его! Чем он живет? О чем мечтает? Как выглядит?

произнесивслух_Как звучит шрифт? Громко или тихо? Нежно или грубо? Игриво или аскетично? Вдохновляюще или писсимистично?

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

типографика головного сердца москва, 2014

Глава 8сочетания шрифтов

типографика головного сердца москва, 2014

Сколько мне нужно шрифтов?

от одного до трех

их же столько!

типографика головного сердца москва, 2014

Сколько мне нужно шрифтов?

от одного до трех

их же столько!

типографика головного сердца москва, 2014

Сколько мне нужно шрифтов?

от одного до трех

их же столько!

сколькоугодно

типографика головного сердца москва, 2014

Как сочетатьшрифты?

их же столько!

контраст(НЕ ТОЛЬКОГРАФИЧЕСКИЙ)

типографика головного сердца москва, 2014

Как сочетатьшрифты?

их же столько!

ИСТОРИЧЕСКИЙКОНТЕКСТ

типографика головного сердца москва, 2014

Как сочетатьшрифты?

их же столько!

ПРИРОДАРИСУНКАСИЛУЭТА

типографика головного сердца москва, 2014

Как сочетатьшрифты?

их же столько!

РОДСТВОПО ЛИНИИАВТОРА

TO B I AS F R E R E - J O N E S A N D J O N AT HA N H O E F L E R

типографика головного сердца москва, 2014

типографика головного сердца москва, 2014

типографика головного сердца москва, 2014

типографика головного сердца москва, 2014

future is in the past

PAST IS NOT THE FUTUREManual therapy

типографика головного сердца москва, 2014

что мы будем делать

Итоговое заданиедля Антиямы

Подобрать шрифтовую пару: акцидентный шрифт ± наборный

3 эпитета, описывающих характер человека. Приложить его фотографию

3 эпитета, описывающих свойства природы

1 материал (кроме асфальта)

составить мудборддля каждого шрифта

выбрать шрифты

Собрать презентациюи защитить свои идеи

типографика головного сердца москва, 2014

последний слайд

facebook арсеньев родион

спасибо