Практические рекомендации по работе с экранным текстом, на основе традиций типографики.
Вспомогательные слайды презентации.
Фрагмент материалов с семинара Дмитрия Карпова.
http://baggage.arriba.com.ua/2012/04/12-05karpov/
1. регби для дизайнера
типографика
продолжение
дмитрий карпов
Monday, May 14, 12
2. ОБРАТИТЕ ВНИМАНИЯ КАК ШРИФТ И
ТЕКСТ СОЗДАЮТ ЭСТЕТИЧЕСКУЮ СИСТЕМУ
И ЦВЕТОВОЙ КОД НЕМНОГО НАРУШАЕТ
ИНТЕРАКТИВНУЮ СИСТЕМУ
Monday, May 14, 12
3. ОБРАТИТЕ ВНИМАНИЯ НА АКЦЕНТЫ
ВЫРАВНИВАНИЯ ТЕКСТА, НАБОР,
КОНТРАСТЫ И СВОБОДНОЕ ПРОСТРАНСТВО
КАКИЕ ДОСТОИНСТВА И НЕДОСТАТКИ
http://esquire.ru/wil/robert-altman ВИДИТЕ ВЫ?
Monday, May 14, 12
5. ОБРАТИТЕ ВНИМАНИЯ НА АКЦЕНТЫ
ВЫРАВНИВАНИЯ ТЕКСТА, НАБОР,
КОНТРАСТЫ И СВОБОДНОЕ ПРОСТРАНСТВО
КАКИЕ ДОСТОИНСТВА И НЕДОСТАТКИ
ВИДИТЕ ВЫ?
Monday, May 14, 12
7. 36 pt 36 pt 36 pt
Жирный Гил, робко прячет, тело стройное Верданы
Univers / Caslon Ветер и волны
Bodoni / Futura Успех компании зависит от умения сомневаться и мобильности.
Myriad / Minion Бренды должны создавать новые миры. Они должны постоянно
строить, ломать и перестраивать. Для этого своим кредо надо
Helvetica / Garamond сделать предвосхищение. Нельзя плыть по волнам; надо
ловить ветер, который эти волны рождает. Всегда нужно
Baskerville / Univers видеть на несколько ходов вперед.
Garamond / Verdana
Akzidenz Grotesk / Garamond
Frutiger / Minion
Futura / Bodoni
Garamond / Futura
Gill Sans / Caslon
Minion / Gill Sans
Avenir / Warnock
Caslon / Franklin Gothic
FF Din / Baskerville
Trade Gothic / Clarendon
Clarendon / Trade Gothic
Franklin Gothic / Baskerville
Warnock / Univers ШРИФТОВЫЕ КОМБИНАЦИИ
Monday, May 14, 12
8. НЕКОТОРЫЕ ШРИФТЫ (BODONI)
ОТЛИЧНО ВЫГЛЯДЯТ В БОЛЬШИХ
РАЗМЕРАХ, ДЕТАЛИ КОНТРАСТНЫХ
ШТРИХОВ ОСОБЕННО ВЫГОДНЫ, НО
В МАЛЫХ РАЗМЕРАХ 6-8PT ШРИФТ
ТЕРЯЕТ ЭСТЕТИКУ, «ЗАЛИПАЕТ»
Monday, May 14, 12
9. Ветер и волны
56 знаков
Успех фирмы зависит от умения сомневаться и мобильности.
Фирмы должны создавать новые миры. Они должны постоянно
строить, ломать и перестраивать. Для этого своим кредо надо
сделать предвосхищение. Нельзя плыть по волнам; надо
ловить ветер, который эти волны рождает. Всегда нужно
видеть на несколько ходов вперед.
Ветер и волны
79 знаков
Успех фирмы зависит от умения сомневаться и мобильности. Фирмы должны создавать
новые миры. Они должны постоянно строить, ломать и перестраивать. Для этого своим
кредо надо сделать предвосхищение. Нельзя плыть по волнам; надо ловить ветер,
который эти волны рождает. Всегда нужно видеть на несколько ходов вперед.
Ветер и волны
91 знак
Успех фирмы зависит от умения сомневаться и мобильности. Фирмы должны создавать новые миры.
Они должны постоянно строить, ломать и перестраивать. Для этого своим кредо надо сделать
предвосхищение. Нельзя плыть по волнам; надо ловить ветер, который эти волны рождает. Всегда
нужно видеть на несколько ходов вперед.
Monday, May 14, 12
10. Ветер и большие волны ВЕТЕР И БОЛЬШИЕ ВОЛНЫ
ВЕТЕР И БОЛЬШИЕ ВОЛНЫ small caps
ОЧЕВИДНЫЕ ПРЕИМУЩЕСТВА И
НЕДОСТАТКИ РАЗЛИЧНОГО НАБОРА
ДЛЯ СКОРОСТИ ВОСПРИЯТИЯ ТЕКСТА
Monday, May 14, 12
11. ТИПОГРАФИЧЕСКАЯ ПЛОТНОСТЬ
ДОСТИГАЕТСЯ ИНТЕРЛИНЬЯЖЕМ,
ОПТИМАЛЬНОЕ ЗНАЧЕНИЕ
ОТНОШЕНИЕ РАЗМЕРА КЕГЛЯ
РАВНОГО 1EM К 1.3-1.5 В
ЗАВИСИМОСТИ ОТ ШРИФТА
Monday, May 14, 12
12. ВЫРАВНИВАНИЕ
НАБОРА ЗАВИСИТ ОТ
ФОРМАТА И ФУНКЦИИ
ТЕКСТА
Monday, May 14, 12
17. ТИПОГРАФИЧЕСКИЕ ИНСТРУМЕНТЫ В CSS,
ШИРИНА СТРОКИ, ПОЛОЖЕНИЕ В
ПРОСТРАНСТВЕ, ОТНОСИТЕЛЬНЫЕ ЕДИНИЦЫ
ИЗМЕРЕНИЙ, ПОДГРУЗКА ШРИФТОВ НА
СТРАНИЦУ, ОТСТУПЫ, ИНТЕРЛИНЬЯЖ,
БУКВИЦЫ, ВИЗУАЛЬНАЯ ИЕРАРХИЯ
Monday, May 14, 12
18. Лев Толстой
Максим
Горький
КЕРНИНГ ПОЗВОЛЯЕТ
ВЛИЯТЬ НА ОПТИЧЕСКОЕ
ВОСПРИЯТИЕ ЗНАКОВ ПРИ
НАБОРЕ
Monday, May 14, 12
31. не надо бояться типографики, возьмите
текст и сверстайте его тридцатью
различными способами, в три колонки, в
две, в двенадцать, в один шрифт и
размер, в три в четыре размера, с
переносами и без, с висячей
пунктуацией и без, флаговым набором и
альтернативами... не бойтесь идите
вперед, ошибайтесь, лучше не знать
терминов, не читать книг, но много раз
попробовать понять на собственном
опыте, на попытках, через анализ работ,
самому.
Monday, May 14, 12
33. СОХРАНЕНИЕ ПРОПОРЦИЙ ВЕРТИКАЛЬНОГО
РИТМА И ГОРИЗОНТАЛЬНЫХ ПРОПОРЦИЙ
ПРОДИКТОВАНО ФУНКЦИОНАЛЬНЫМИ
ОСОБЕННОСТЯМИ ИНТЕРАКТИВНОГО
ВЗАИМОДЕЙСТВИЯ
Monday, May 14, 12
34. ТИПОГРАФИКА И ИНТЕРАКТИВНОСТЬ
ДОЛЖНЫ ИСПОЛЬЗОВАТЬ ЕДИНЫЕ СИГНАЛЫ
ПОЛЬЗОВАТЕЛЮ, НАПРИМЕР ЦВЕТОВОЙ КОД
Monday, May 14, 12
35. digital материал ничего не стоит, это не
значит, что пиксели надо переводить на
плохо разработанную структуру
оформления текста, пользователь
тратит долю секунды на знакомство с
содержанием, тяжело вникать в грубо
оформленный текст и он теряет
интерес, а если все круто, то он его
порекомендует прочитать сотне своих
друзей, главный эквивалент стоимости
сегодня, это внимание человека, его
настоящий интерес
Monday, May 14, 12
36. ИСТОРИЧЕСКИЙ ПРИМЕР, ПЕРЕПИСЧИК
ПРОПУСКАЕТ СТРОКУ, ДЛЯ ИСПРАВЛЕНИЯ
РИСУЮТ ЦЕЛЫЙ СЮЖЕТ НА СТРАНИЦЕ С
ВНОСИМОЙ КОРРЕКТИРОВКОЙ, ЧЕМ ЦЕННЕЕ
МАТЕРИАЛ, ТЕМ ТОЧНЕЕ ИНСТРУМЕНТЫ И
КОНТРОЛЬ
Monday, May 14, 12
37. Фишечки нового
InDesign
http://www.adobe.com/products/indesign/features._sl_id-contentfilter_sl_featuredisplaytypes_sl_new.html
Monday, May 14, 12