Презентация по типографике с дизайн-кампуса.

1. Арсеньев Родион
Икра
креативный директор
2014
Red Keds
типографика
головного
сердца

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

3. Глава 0
определитесь
вы уже!
типографика головного сердца
москва, 2014

4. вот вы мне и скажите
Типографика —
это _______ _______ ___
_________ __________
__________ ________.
типографика головного сердца
москва, 2014
7 слов 7 минут
слово 1 слово 2 слово 3
слово 4 слово 5
слово 6 слово 7

5. вот вы мне и скажите
Типографика
(от греч. τύπος — «отпечаток»
и γραφή — «пишу»)
типографика головного сердца
москва, 2014
Искусство
расположения
или создания
композиции
из наборного
материала
на плоскости
листа
aлександра королькова

6. Каллиграфия
Шрифт Брейля
типографика головного сердца
москва, 2014
Леттеринг
Печатные издания
Искусство
Архитектура
Моушен дизайн
Интерфейсы
Стритарт Иллюстрация
Мебель
Татуировка
разве это все?
Навигация
Data visualization

7. мое typography
любимое определение
is what
language
looks like
типографика головного сердца
москва, 2014
Из книги
«Thinking with type»
Эллен Лаптон

8. тут все для людей
Автор текста
Смысл
Что хочет
рассказать.
типографика головного сердца
москва, 2014
Стиль
Как хочет
рассказать.
Язык
Уважение
к языку.
дизайнер (типограф)
Функция
Интонация
Создать
Как должно
условия
быть воспринято
для усвоения
содержание.
сожержания.
Дизайн
текста
Автор шрифта
Функция
Зачем создан
шрифт.
Культура
Авторское
отношение
к типографике
в целом.
История
Когда был
создан
шрифт.
Зритель
(читатель)
Эмоции
Чувственная
сторона.
Ощущения.
Эстетика
Красиво подать
содержание.
Сервис
Без проблем
усвоить
содержание.
Культура
Быть частью
культурного
пространства.

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

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

11. мое любимое определение
Правила — условность,
которая нужна для того,
чтобы вас правильно
поняли
типографика головного сердца
москва, 2014

12. мое любимое определение
Писать грамотно —
уважение к тому,
кто будет читать
ваш текст
типографика головного сердца
москва, 2014

13. мое любимое определение
Типографика —
грама0тность
деизайнера
типографика головного сердца
москва, 2014

14. Глава 1
типографика!
теперь в 3d!
типографика головного сердца
москва, 2014

15. 3 измерения типографики
типографика головного сердца
москва, 2014
X
Y
Z
эстетика
функция
наследие
текст

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

17. 3 измерения типографики
типографика головного сердца
москва, 2014
X
Y
Z
эстетика
функция
наследие
текст
Утилитарная
Предоставить читающим весь
необходимый сервис. Удобство,
комфорт, экономия времени,
навигация, разборчивость,
порядок.
Эмоциональная
Изобретательно
и выразительно
передать
содержание текста.

18. 3 измерения типографики
типографика головного сердца
москва, 2014
X
Y
Z
эстетика
функция
наследие
текст
Утилитарная
Предоставить читающим весь
необходимый сервис. Удобство,
комфорт, экономия времени,
навигация, разборчивость,
порядок.
Эмоциональная
Изобретательно
и выразительно
передать
содержание текста.
Историческая
Понимать, уважать
и передавать новым
поколениям особенности
книжной и языковой культуры.

19. 3 измерения типографики
типографика головного сердца
москва, 2014
X
Y
Z
эстетика
функция
наследие
текст
Утилитарная
Предоставить читающим весь
необходимый сервис. Удобство,
комфорт, экономия времени,
навигация, разборчивость,
порядок.
Эмоциональная
Изобретательно
и выразительно
передать
содержание текста.
Историческая
Понимать, уважать
и передавать новым
поколениям особенности
книжной и языковой культуры.
Культура
языка

20. Глава 2
функциональные
свойства типографики
типографика головного сердца
москва, 2014

21. как типографика может помочь функционально
Навигация
Структура
Основной текст или
аннотация? Глава или
абзац?
типографика головного сердца
москва, 2014
Система
заголовков
Глава или подглава?
Заголовок третьего
уровня?
Ритм и темп
Деление текста на
части для простоты
восприятия
Иерархия
информация
Какая часть текста
самая важная? На
что нужно обратить
внимание только,
если захочется?
Выделение
Город с большой буквы?
Положи на это bold!
Капитель головного
мозга! Утренняя
разрядка.
Рубрикация,
указатели
Технические
элементы: глава 7,
страница 42, часть 3.
Сносочка. Подпись к
фотографии. Схемы.

22. как типографика может помочь функционально
Параметрические
свойства
Вместительность
Сколько знаков
поместиться в полосе,
если использовать
этот шрифт?
типографика головного сердца
москва, 2014
Разборчивость
Как быстро нужно
распознать
содержание текста?
Усваиваемость
Как долго нужно будет
читать текст? Это
книга или абзац текста

23. как типографика может помочь функционально
Технологические
свойства
Шрифтовой файл
можно использовать
на экране?
Как можно подключить к
сайту или приложению?
типографика головного сердца
москва, 2014
Как рендериться
шрифт в различных
ОС?
Как будет выглядеть в
Chrome в ОС Windows?
Сколько краски
сожрет?
Как долго нужно будет
читать текст? Это
книга или абзац текста
Набор глифов
Есть ли в шрифте
маюскульные и
минускульные цифры?
Есть лигатуры?
Альтерации?

24. Глава 3
культурный
фон
типографика головного сердца
москва, 2014

25. если не мы, то кто?
Уважай свой
алфавит
язык
типографика головного сердца
москва, 2014
Я Ж

26. и не надо вот этого вот тут вот
своего
набора
Уважай культуру
типографика головного сердца
москва, 2014
— – -
ё
… «„“»

27. Глава 4
эстетическое
музыкальное
измерение
типографика головного сердца
москва, 2014

28. как типографика может помочь функционально
Красота
без объяснений
Аккорды шрифтовых
форм и мелодия
набора
Выразительные качества
шрифта. Как звонко
выглядит набор этим
шрифтом?
типографика головного сердца
москва, 2014
Интонация
Как слово себя
произнесет если его
набрать гротеском?
Громко или нежно?
Ощущения
Что должен
почувствовать
читатель?
Поэтика
отношений
Визуальные рифмы,
звонкие пропорции,
музыка контрастов.

29. Глава 5
несколько
фундаментальных
советиков
типографика головного сердца
москва, 2014

30. и не надо вот этого вот тут вот
ты плохой
дизайнер
Типографика — не ваше?
типографика головного сердца
москва, 2014

31. читай свой дизайн!
Контент —
король
вечеринки
типографика головного сердца
москва, 2014

32. это вы должны им, а не они вам
Типографика — это
польза
невидимого
типографика головного сердца
москва, 2014

33. это вы должны им, а не они вам
Типографика — это
волшебство
контрформ
типографика головного сердца
москва, 2014

34. 1 pt — важный пункт
Типографика имеет
материальную
природу
типографика головного сердца
москва, 2014

35. это вы должны им, а не они вам
Типографика — это
система
отношений
типографика головного сердца
москва, 2014

36. это вы должны им, а не они вам
Мочи, Фибоначчи!
типографика головного сердца
москва, 2014

37. Глава 6
как выбирать
шрифты
типографика головного сердца
москва, 2014

38. добро пожаловать в ад
типографика головного сердца
москва, 2014

39. добро пожаловать в ад
Paratypedocs
думай
сердцем
типографика головного сердца
москва, 2014

40. прежде всего
коммуника-
ционные задачи
Какие задачи ты хочешь решить
с помощью типографики? Удивить?
Напугать? Запутать? Помочь
разобраться? Какая тональность
коммуникации? Какие ощущения
должен испытывать читающий?
типографика головного сердца
москва, 2014
функциональные
требования
Какие требования к наборному
шрифту? Насколько сложный набор?
Какой объем текста нужно
набирать? Насколько быстро нужно
распознавать содержание?
технические
ограничения
Хорошо ли впитывает краску?
Достаточно ли глифов
для нормальной работы?
Есть в шрифтовом файле
необходимые альтернативные
глифы? Как рендериться шрифт
в Chrome на ОС Windows XP?

41. самый главный совет
выбери
шрифтовую
пару
До того, как начал дизайн
типографика головного сердца
москва, 2014

42. Глава 7
свойства
шрифта
типографика головного сердца
москва, 2014

43. почувствуй мою типографику
Абсурд
Абсурд
Абсурд
типографика головного сердца
москва, 2014
Кто из этих
шрифтов
женщина?
Расскажи,
почему!

44. почувствуй мою типографику
Мякоть
Мякоть
Мякоть
типографика головного сердца
москва, 2014
Какой шрифт
самый твердый?
Расскажи,
почему!

45. почувствуй мою типографику
ТРЕЗВОСТЬ
ТРЕЗВОСТЬ
ТРЕЗВОСТЬ
типографика головного сердца
москва, 2014
Расскажи, кто
из этих шрифтов
вчера пил?
Расскажи, почему!

46. почувствуй мою типографику
Эрекция
Эрекция
Эрекция
типографика головного сердца
москва, 2014
Кто из них
старик?
Расскажи, почему!

47. почувствуй мою типографику
Супермэн
Ñóïåðрìýэí
Супермэн
типографика головного сердца
москва, 2014
Кто из них
самый
застенчевый?
Расскажи, почему!

48. почувствуй мою типографику
Слабость
Слабость
Слабость
типографика головного сердца
москва, 2014
Кто из них
подросток?
Расскажи, почему!

49. почувствуй мою типографику
Наслаждения были легковесны,
как молния, и бесконечны,
как вечность. Все силы ума и тела
соединились в одном желании
дать, как можно больше этому
полудетскому телу радости,
охватившему меня своими
объятьями.
типографика головного сердца
москва, 2014
Опишите человека,
который рассказывает
эту историю
найдите
его фотографию
в интернете

50. почувствуй мою типографику
Наслаждения были легковесны,
как молния, и бесконечны, как
вечность. все силы ума и тела
соединились в одном желании дать,
как можно больше этому
полудетскому телу радости,
охватившему меня своими
объятьями.
типографика головного сердца
москва, 2014
Опишите человека,
который рассказывает
эту историю
найдите
его фотографию
в интернете

51. почувствуй мою типографику
Наслаждения были легковесны,
как молния, и бесконечны,
как вечность. Все силы ума
и тела соединились в одном
желании дать, как можно
больше этому полудетскому
телу радости, охватившему
меня своими объятьями.
типографика головного сердца
москва, 2014
Опишите человека,
который рассказывает
эту историю
найдите
его фотографию
в интернете

52. почувствуй мою типографику ЗВОНКО
ЗВОНКО Какой шрифт
самый
деревянный?
ЗВОНКО
Расскажи, почему! типографика головного сердца
москва, 2014

53. почувствуй мою типографику Желание
ЖеланиеКакой шрифт
самый
Желание
сладкий?
Расскажи, почему! типографика головного сердца
москва, 2014

54. почувствуй мою типографику
Забота
Забота
Забота
типографика головного сердца
москва, 2014

55. Глава 8
ура!
задания!
типографика головного сердца
москва, 2014

56. typo activity
выбрать 4
шрифта
из вашего
набора
типографика головного сердца
москва, 2014
придумать,
как показать
объяснить,
что за шрифты
вы выбрали
другим
командам
постараться
угадать
шрифты,
которые
показывали
другие
команды
считаем,
шрифты какой
команды
отгадали
больше всего.

57. typo activity
типографика головного сердца
москва, 2014
подбери
гифку
Шрифт неживой? Да ладно!
Докажи обратное! Подбери
анимационный фрагмент,
который характеризует
рисунок шрифта! Какие
движения ты видишь в его
силуэтах?
расскажи
историю
Представьте, что шрифт —
это человек. Опишите его! Чем
он живет? О чем мечтает? Как
выглядит?
произнеси
вслух _
Как звучит шрифт?
Громко или тихо?
Нежно или грубо?
Игриво или аскетично?
Вдохновляюще
или писсимистично?
покажи
без слов
Выбери шрифт из вашего
набора. Придумай, как показать
его характер, не используя
слова. Только жесты!

58. Глава 8
сочетания
шрифтов
типографика головного сердца
москва, 2014

59. их же столько!
Сколько мне нужно
шрифтов?
от одного
до трех
типографика головного сердца
москва, 2014

60. их же столько!
Сколько мне нужно
шрифтов?
от одного
до трех
типографика головного сердца
москва, 2014

61. их же столько!
Сколько мне нужно
шрифтов?
от одного
до трех
типографика головного сердца
москва, 2014
сколько
угодно

62. их же столько!
Как сочетать
шрифты?
контраст
(НЕ ТОЛЬКО
ГРАФИЧЕСКИЙ)
типографика головного сердца
москва, 2014

63. их же столько!
Как сочетать
шрифты?
ИСТОРИЧЕСКИЙ
КОНТЕКСТ
типографика головного сердца
москва, 2014

64. их же столько!
Как сочетать
шрифты?
ПРИРОДА
РИСУНКА
СИЛУЭТА
типографика головного сердца
москва, 2014

65. их же столько!
Как сочетать
шрифты?
РОДСТВО
ПО ЛИНИИ
АВТОРА
типографика головного сердца
москва, 2014
TOBIAS FRERE-JONES AND JONATHAN HOEFLER

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

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

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

69. типографика головного сердца
москва, 2014
future is in the past
PAST IS NOT THE FUTURE
Manual therapy

70. что мы будем делать
Итоговое задание
для Антиямы
Подобрать
шрифтовую пару:
акцидентный шрифт
± наборный
типографика головного сердца
москва, 2014
3 эпитета,
описывающих
характер человека.
Приложить
его фотографию
3 эпитета,
описывающих
свойства природы
1 материал (кроме
асфальта)
составить мудборд
для каждого шрифта
выбрать шрифты
Собрать презентацию
и защитить свои идеи

71. последний слайд
типографика головного сердца
москва, 2014
спасибо
facebook
арсеньев родион