Дизайн-кампус в Красной Поляне: типографика

Икра2014

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

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

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


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


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

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

7 минут7 слов

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

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

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


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

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

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

http://alivetypography.ru/author/

http://alivetypography.ru/author/

http://livepage.apple.com/

http://livepage.apple.com/


Каллиграфия

Шрифт Брейля

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

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

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

Интерфейсы

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

Мебель

Татуировка

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

Навигация

Data visualization


typography is what language looks like

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

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

http://www.thinkingwithtype.com/

http://www.thinkingwithtype.com/

http://elupton.com/

http://elupton.com/


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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



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



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



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

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


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


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

X

YZ

эстетика

функция

наследие

текст



X

YZ

эстетика

функция

наследие

текст

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



X

YZ

эстетика

функция

наследие

текст


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



X

YZ

эстетика

функция

наследие

текст



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



X

YZ

эстетика

функция

наследие

текст



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

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


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


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

Навигация

Структура

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

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

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

Ритм и темп

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

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

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

Выделение

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

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

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



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

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

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

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

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

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

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



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

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

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

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

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

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

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

Набор глифов

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


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


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

алфавитязык

Уважай свой

Я Ж


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

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

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

— – - «„“»…

ё


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



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

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

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

Интонация

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

Ощущения

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

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

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


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


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

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

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


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

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

Контент —


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

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

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



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



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

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

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



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




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


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


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


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

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

Paratypedocs


прежде всего

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

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

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


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

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

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


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


Абсурд

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

Абсурд

Абсурд

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



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

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



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

ТРЕЗВОСТЬ

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


Эрекция


Эрекция

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



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

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



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

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



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

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



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




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




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

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

ЗВОНКО



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

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


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



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


typo activity

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

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

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

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


typo activity

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

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

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

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


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


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

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

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


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

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


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


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


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




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




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




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

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

http://www.typography.com/

http://www.typography.com/


future is in the past

PAST IS NOT THE FUTUREManual therapy


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

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

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

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

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

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

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

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

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


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

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

спасибо

https://www.facebook.com/arsenyevrodion

https://www.facebook.com/arsenyevrodion

Дизайн-кампус в Красной Поляне: типографика

Design