SlideShare a Scribd company logo
1 of 15
Download to read offline
Александра Королькова,
арт-директор Paratype
NextTrend
Communication
Design 2017
Шрифт
как неочевидное
2 / 15
NextTrend Communication Design 2017
Шрифт часто несёт дополнитель-
ную информацию, которая вос-
принимается не на сознательном
уровне.
Шрифт, который неподготовленный
человек сознательно выбирает как
«красивый» и шрифт, который ему
легко воспринимать в жизни — это,
как правило, совершенно разные
шрифты.
Как шрифт влияет
на коммуникации?
видим ≠ читаем
3 / 15
NextTrend Communication Design 2017
Функции шрифта
Прямая
передача
смысла
Эмоциональное
воздействие
на читателя
[промежуточный
вариант]
Сообщение тексту
дополнительного
смысла
— Я буду читать. Давай мне книги.
— Какие хочешь? Приключения? Про смешное?
— Давай всякие,— говорит Электроник.— И стихи
давай. Стихи читать полезно. В каждой букве
стихов полтора бита.
— Каких таких бита? — удивляется Сережка.
— Бит — единица информации. В разговорной
речи одна буква — это один бит. В стихах —
полтора бита.
Е. Велтистов. «Приключения Электроника»
4 / 15
NextTrend Communication Design 2017
Для лучшей передачи смысла
нужен анализ условий, в которых
должна восприниматься
информация, и соответствие
параметров шрифта этим условиям.
Как правило, для регулярных
шрифтов разница параметров
составляет менее 10%, но даже
2–3% ширины или высоты знаков
сильно влияют на набранный текст.
Недавно анонсированный
формат CFF2 позволит
квалифицированному
пользователю подгонять
параметры шрифта под задачу, а не
ориентироваться на готовый набор
начертаний.
Прямая передача смысла
Мало времени
Большое расстояние
до текста
Низкое разрешение
узкие пропорции, короткие выносные элементы
Широкие пропорции, простые узнаваемые формы знаков
крупные строчные знаки относительно прописных, увеличенное
пространство между знаками, простые узнаваемые формы знаков,
компенсация технологических ограничений
Широкие пропорции, узнаваемые формы отдельных знаков,
акцентированы характерные черты букв, разные формы для тех
знаков, которые легко спутать
узнаваемые формы отдельных знаков, акцентированы характер-
ные черты, разные формы для тех знаков, которые легко спутать
Привычная форма знаков, равномерные межбуквенные расстояния,
достаточные межстрочные расстояния
Ограниченная
площадь
Длинный текст
Незнакомые
читателю слова
5 / 15
NextTrend Communication Design 2017
Акцидентные шрифты используют
в основном очевидную эмоцио-
нальность, дословную, иллюстра-
тивную.
Эмоциональное
воздействие
на читателя
6 / 15
NextTrend Communication Design 2017
Неочевидная эмоциональность
создаётся за счёт небольших
отличий от некоего
«нейтрального», усреднённого для
своего времени шрифта.
Неочевидная
эмоциональность
Нейтральная антиква — 1880
Нейтральная антиква — 1940
Нейтральная антиква — 2000
7 / 15
NextTrend Communication Design 2017
Отличия, как правило, вызваны
смещением шрифта от
умозрительного центра по какой-
то (каким-то) из шкал, например:
Отстранённый,
деловой
Современный
Быстрый
Живой,
личный
Исторический
Медленный
Неочевидная
эмоциональность
8 / 15
NextTrend Communication Design 2017
Шрифтовой дизайн — область
крайне консервативная.
В текстовых шрифтах изменения
формы можно заметить разве что
на отрезке в 50 лет.
Почему в шрифтовом
дизайне происходят
изменения?
1.	 Меняется среда (изменения
в графическом/коммуникативном
дизайне)
2.	Меняются технологии
3. В латинице «всё уже сделано»
9 / 15
NextTrend Communication Design 2017
Рост количества дизайнеров (не
шрифтовых) и падение среднего
уровня приводят к тому, что
основной массе пользователей/
покупателей шрифтов всё труднее
отличить качественный шрифт от
некачественного.
Для коммерческого успеха
в краткосрочной перспективе
качество шрифта больше не
принципиально.
Изменения, связанные
со средой
Количество
vs. качество
10 / 15
NextTrend Communication Design 2017
Рост количества и снижение
качества пользователей
приводят к общему смягчению
лицензионной политики.
Если 10–15 лет назад качественный
бесплатный шрифт был редкостью
(а то и нонсенсом), то сейчас
это довольно распространённое
явление.
Появление альтернативных
моделей продажи шрифтов: аренда
и подписка.
Изменения, связанные
со средой
Цена
и альтернативные
модели
распространения
11 / 15
NextTrend Communication Design 2017
Более и более совершенные
и доступные шрифтовые редакторы
провоцируют тот же процесс,
что и в графическом дизайне —
появление большого количества
дизайнеров-любителей.
Правый контур получен из левого
применением одной команды
в шрифтовом редакторе — без
человеческого участия.
Изменения, связанные
с технологией
12 / 15
NextTrend Communication Design 2017
Формально — сделать веб-шрифт
из любого шрифтового файла
можно элементарно при помощи
специального сервиса.
Реально — сделать полноценный,
технически профессиональный
экранный шрифт не для Retina
в одиночку практически
невозможно, нужны серьёзные
технические специалисты.
Позволить себе раздавать веб-
шрифт бесплатно может либо
очень большая компания, либо
не очень большая, но с внешним
финансированием.
Т.е. в веб-шрифтах происходит
сильное расслоение на «шрифты,
которые у всех» и «шрифты,
которые мало кто знает».
Изменения, связанные
с технологией
Бум веб-шрифтов
13 / 15
NextTrend Communication Design 2017
В мире латинских шрифтов уже
сделано практически всё, что
можно было сделать.
Можно отметить пару направлений,
в которых развитие ещё возможно
(и происходит).
1. Функциональные шрифты крайне
узкой специализации, например:
шрифт для очень мелкого текста,
шрифт для обучения чтению
и письму, шрифт для интерфейсов
и т.п.
2. Экспериментальные шрифты
с точки зрения формы: игры
с контрастом, жирностью, шириной
и т.п.
Перенасыщение
латиницей
Узкая
специализация
и эксперименты
с формой
14 / 15
NextTrend Communication Design 2017
Растёт количество шрифтов,
охватывающих не одну, а две
и более письменности.
Развиваются технические средства
для корректного набора на
языках со сложной графикой типа
арабского (4 формы для каждой
буквы + смещение по вертикали
относительно предыдущей).
Перенасыщение
латиницей
Интерес
к нелатинским
письменностям
15 / 15
NextTrend Communication Design 2017
Спасибо! В качестве примеров использованы шрифты:
Rozza (Денис Серебряков)
Selfie (Maximiliano Sproviero)
Marshmallow (Neil Summerour)
New Standard (Анатолий Щукин, Владимир Ефимов,
на основе исторических образцов)
Literaturnaya (Любовь Кузнецова, на основе советского
шрифта)
Newton (Владимир Ефимов, на основе щрифта Times
New Roman)
Minuscule (Thomas Huot-Marchand)

More Related Content

Similar to Шрифт как неочевидное

МИНСКИЙ ШРИФТ - Алексей Коваль
МИНСКИЙ ШРИФТ - Алексей КовальМИНСКИЙ ШРИФТ - Алексей Коваль
МИНСКИЙ ШРИФТ - Алексей КовальMeetup.by
 
«Эмоциональный веб-дизайн, история одного чуткого лендинга»
«Эмоциональный веб-дизайн, история одного чуткого лендинга» «Эмоциональный веб-дизайн, история одного чуткого лендинга»
«Эмоциональный веб-дизайн, история одного чуткого лендинга» Artjoker
 
Что делать, если вы не нашли дизайнера в проект?
Что делать, если вы не нашли дизайнера в проект?Что делать, если вы не нашли дизайнера в проект?
Что делать, если вы не нашли дизайнера в проект?Mikhail Kulakov
 
Course User interface — Lesson 7
Course User interface — Lesson 7Course User interface — Lesson 7
Course User interface — Lesson 7Oleksandr Lisovskyi
 
Франшиза "ИН.ЯЗ."от издательства "Лилия", Россия, СПб
Франшиза "ИН.ЯЗ."от издательства "Лилия", Россия, СПбФраншиза "ИН.ЯЗ."от издательства "Лилия", Россия, СПб
Франшиза "ИН.ЯЗ."от издательства "Лилия", Россия, СПбsteel-rat
 
Концепция проекта как инженерный документ — основа успеха проекта
Концепция проекта как инженерный документ — основа успеха проектаКонцепция проекта как инженерный документ — основа успеха проекта
Концепция проекта как инженерный документ — основа успеха проектаDenis Beskov
 
Таня Мисютина Лекция «Об интерфейсе»
Таня Мисютина Лекция «Об интерфейсе»Таня Мисютина Лекция «Об интерфейсе»
Таня Мисютина Лекция «Об интерфейсе»e-Legion
 
Как не отпугнуть зрителя с первого слайда. Основные ошибки в дизайне презента...
Как не отпугнуть зрителя с первого слайда. Основные ошибки в дизайне презента...Как не отпугнуть зрителя с первого слайда. Основные ошибки в дизайне презента...
Как не отпугнуть зрителя с первого слайда. Основные ошибки в дизайне презента...IdealPresentation.com
 
журнал иняз лайт.
журнал иняз   лайт.журнал иняз   лайт.
журнал иняз лайт.steel-rat
 
holos_ITMO_BootCamp_Generative_SPB_final.pdf
holos_ITMO_BootCamp_Generative_SPB_final.pdfholos_ITMO_BootCamp_Generative_SPB_final.pdf
holos_ITMO_BootCamp_Generative_SPB_final.pdfssuser5b17ed1
 
практическое занятие 2
практическое занятие 2практическое занятие 2
практическое занятие 2Dr. Jury Belonozhkin
 
1-ый в России бизнес-тренинг по чат-ботам (выжимка)
1-ый в России бизнес-тренинг по чат-ботам (выжимка)1-ый в России бизнес-тренинг по чат-ботам (выжимка)
1-ый в России бизнес-тренинг по чат-ботам (выжимка)chatbotscommunity
 
Пользовательский интерфейс как иностранный язык
Пользовательский интерфейс как иностранный языкПользовательский интерфейс как иностранный язык
Пользовательский интерфейс как иностранный языкПрофсоUX
 

Similar to Шрифт как неочевидное (18)

презентация
презентацияпрезентация
презентация
 
МИНСКИЙ ШРИФТ - Алексей Коваль
МИНСКИЙ ШРИФТ - Алексей КовальМИНСКИЙ ШРИФТ - Алексей Коваль
МИНСКИЙ ШРИФТ - Алексей Коваль
 
«Эмоциональный веб-дизайн, история одного чуткого лендинга»
«Эмоциональный веб-дизайн, история одного чуткого лендинга» «Эмоциональный веб-дизайн, история одного чуткого лендинга»
«Эмоциональный веб-дизайн, история одного чуткого лендинга»
 
Uix presentation
Uix presentationUix presentation
Uix presentation
 
Типографика
ТипографикаТипографика
Типографика
 
Что делать, если вы не нашли дизайнера в проект?
Что делать, если вы не нашли дизайнера в проект?Что делать, если вы не нашли дизайнера в проект?
Что делать, если вы не нашли дизайнера в проект?
 
Course User interface — Lesson 7
Course User interface — Lesson 7Course User interface — Lesson 7
Course User interface — Lesson 7
 
Франшиза "ИН.ЯЗ."от издательства "Лилия", Россия, СПб
Франшиза "ИН.ЯЗ."от издательства "Лилия", Россия, СПбФраншиза "ИН.ЯЗ."от издательства "Лилия", Россия, СПб
Франшиза "ИН.ЯЗ."от издательства "Лилия", Россия, СПб
 
Ux devcon-2
Ux devcon-2Ux devcon-2
Ux devcon-2
 
Концепция проекта как инженерный документ — основа успеха проекта
Концепция проекта как инженерный документ — основа успеха проектаКонцепция проекта как инженерный документ — основа успеха проекта
Концепция проекта как инженерный документ — основа успеха проекта
 
Таня Мисютина Лекция «Об интерфейсе»
Таня Мисютина Лекция «Об интерфейсе»Таня Мисютина Лекция «Об интерфейсе»
Таня Мисютина Лекция «Об интерфейсе»
 
интерфейс
интерфейсинтерфейс
интерфейс
 
Как не отпугнуть зрителя с первого слайда. Основные ошибки в дизайне презента...
Как не отпугнуть зрителя с первого слайда. Основные ошибки в дизайне презента...Как не отпугнуть зрителя с первого слайда. Основные ошибки в дизайне презента...
Как не отпугнуть зрителя с первого слайда. Основные ошибки в дизайне презента...
 
журнал иняз лайт.
журнал иняз   лайт.журнал иняз   лайт.
журнал иняз лайт.
 
holos_ITMO_BootCamp_Generative_SPB_final.pdf
holos_ITMO_BootCamp_Generative_SPB_final.pdfholos_ITMO_BootCamp_Generative_SPB_final.pdf
holos_ITMO_BootCamp_Generative_SPB_final.pdf
 
практическое занятие 2
практическое занятие 2практическое занятие 2
практическое занятие 2
 
1-ый в России бизнес-тренинг по чат-ботам (выжимка)
1-ый в России бизнес-тренинг по чат-ботам (выжимка)1-ый в России бизнес-тренинг по чат-ботам (выжимка)
1-ый в России бизнес-тренинг по чат-ботам (выжимка)
 
Пользовательский интерфейс как иностранный язык
Пользовательский интерфейс как иностранный языкПользовательский интерфейс как иностранный язык
Пользовательский интерфейс как иностранный язык
 

Шрифт как неочевидное

  • 2. 2 / 15 NextTrend Communication Design 2017 Шрифт часто несёт дополнитель- ную информацию, которая вос- принимается не на сознательном уровне. Шрифт, который неподготовленный человек сознательно выбирает как «красивый» и шрифт, который ему легко воспринимать в жизни — это, как правило, совершенно разные шрифты. Как шрифт влияет на коммуникации? видим ≠ читаем
  • 3. 3 / 15 NextTrend Communication Design 2017 Функции шрифта Прямая передача смысла Эмоциональное воздействие на читателя [промежуточный вариант] Сообщение тексту дополнительного смысла — Я буду читать. Давай мне книги. — Какие хочешь? Приключения? Про смешное? — Давай всякие,— говорит Электроник.— И стихи давай. Стихи читать полезно. В каждой букве стихов полтора бита. — Каких таких бита? — удивляется Сережка. — Бит — единица информации. В разговорной речи одна буква — это один бит. В стихах — полтора бита. Е. Велтистов. «Приключения Электроника»
  • 4. 4 / 15 NextTrend Communication Design 2017 Для лучшей передачи смысла нужен анализ условий, в которых должна восприниматься информация, и соответствие параметров шрифта этим условиям. Как правило, для регулярных шрифтов разница параметров составляет менее 10%, но даже 2–3% ширины или высоты знаков сильно влияют на набранный текст. Недавно анонсированный формат CFF2 позволит квалифицированному пользователю подгонять параметры шрифта под задачу, а не ориентироваться на готовый набор начертаний. Прямая передача смысла Мало времени Большое расстояние до текста Низкое разрешение узкие пропорции, короткие выносные элементы Широкие пропорции, простые узнаваемые формы знаков крупные строчные знаки относительно прописных, увеличенное пространство между знаками, простые узнаваемые формы знаков, компенсация технологических ограничений Широкие пропорции, узнаваемые формы отдельных знаков, акцентированы характерные черты букв, разные формы для тех знаков, которые легко спутать узнаваемые формы отдельных знаков, акцентированы характер- ные черты, разные формы для тех знаков, которые легко спутать Привычная форма знаков, равномерные межбуквенные расстояния, достаточные межстрочные расстояния Ограниченная площадь Длинный текст Незнакомые читателю слова
  • 5. 5 / 15 NextTrend Communication Design 2017 Акцидентные шрифты используют в основном очевидную эмоцио- нальность, дословную, иллюстра- тивную. Эмоциональное воздействие на читателя
  • 6. 6 / 15 NextTrend Communication Design 2017 Неочевидная эмоциональность создаётся за счёт небольших отличий от некоего «нейтрального», усреднённого для своего времени шрифта. Неочевидная эмоциональность Нейтральная антиква — 1880 Нейтральная антиква — 1940 Нейтральная антиква — 2000
  • 7. 7 / 15 NextTrend Communication Design 2017 Отличия, как правило, вызваны смещением шрифта от умозрительного центра по какой- то (каким-то) из шкал, например: Отстранённый, деловой Современный Быстрый Живой, личный Исторический Медленный Неочевидная эмоциональность
  • 8. 8 / 15 NextTrend Communication Design 2017 Шрифтовой дизайн — область крайне консервативная. В текстовых шрифтах изменения формы можно заметить разве что на отрезке в 50 лет. Почему в шрифтовом дизайне происходят изменения? 1. Меняется среда (изменения в графическом/коммуникативном дизайне) 2. Меняются технологии 3. В латинице «всё уже сделано»
  • 9. 9 / 15 NextTrend Communication Design 2017 Рост количества дизайнеров (не шрифтовых) и падение среднего уровня приводят к тому, что основной массе пользователей/ покупателей шрифтов всё труднее отличить качественный шрифт от некачественного. Для коммерческого успеха в краткосрочной перспективе качество шрифта больше не принципиально. Изменения, связанные со средой Количество vs. качество
  • 10. 10 / 15 NextTrend Communication Design 2017 Рост количества и снижение качества пользователей приводят к общему смягчению лицензионной политики. Если 10–15 лет назад качественный бесплатный шрифт был редкостью (а то и нонсенсом), то сейчас это довольно распространённое явление. Появление альтернативных моделей продажи шрифтов: аренда и подписка. Изменения, связанные со средой Цена и альтернативные модели распространения
  • 11. 11 / 15 NextTrend Communication Design 2017 Более и более совершенные и доступные шрифтовые редакторы провоцируют тот же процесс, что и в графическом дизайне — появление большого количества дизайнеров-любителей. Правый контур получен из левого применением одной команды в шрифтовом редакторе — без человеческого участия. Изменения, связанные с технологией
  • 12. 12 / 15 NextTrend Communication Design 2017 Формально — сделать веб-шрифт из любого шрифтового файла можно элементарно при помощи специального сервиса. Реально — сделать полноценный, технически профессиональный экранный шрифт не для Retina в одиночку практически невозможно, нужны серьёзные технические специалисты. Позволить себе раздавать веб- шрифт бесплатно может либо очень большая компания, либо не очень большая, но с внешним финансированием. Т.е. в веб-шрифтах происходит сильное расслоение на «шрифты, которые у всех» и «шрифты, которые мало кто знает». Изменения, связанные с технологией Бум веб-шрифтов
  • 13. 13 / 15 NextTrend Communication Design 2017 В мире латинских шрифтов уже сделано практически всё, что можно было сделать. Можно отметить пару направлений, в которых развитие ещё возможно (и происходит). 1. Функциональные шрифты крайне узкой специализации, например: шрифт для очень мелкого текста, шрифт для обучения чтению и письму, шрифт для интерфейсов и т.п. 2. Экспериментальные шрифты с точки зрения формы: игры с контрастом, жирностью, шириной и т.п. Перенасыщение латиницей Узкая специализация и эксперименты с формой
  • 14. 14 / 15 NextTrend Communication Design 2017 Растёт количество шрифтов, охватывающих не одну, а две и более письменности. Развиваются технические средства для корректного набора на языках со сложной графикой типа арабского (4 формы для каждой буквы + смещение по вертикали относительно предыдущей). Перенасыщение латиницей Интерес к нелатинским письменностям
  • 15. 15 / 15 NextTrend Communication Design 2017 Спасибо! В качестве примеров использованы шрифты: Rozza (Денис Серебряков) Selfie (Maximiliano Sproviero) Marshmallow (Neil Summerour) New Standard (Анатолий Щукин, Владимир Ефимов, на основе исторических образцов) Literaturnaya (Любовь Кузнецова, на основе советского шрифта) Newton (Владимир Ефимов, на основе щрифта Times New Roman) Minuscule (Thomas Huot-Marchand)