Дизайн-кампус в Красной Поляне: типографика
DESCRIPTION
Презентация по типографике с дизайн-кампуса.TRANSCRIPT
Икра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 арсеньев родион
спасибо