typographydigitalrugbylr-120514070036-phpapp01

39
типографика регби для дизайнера продолжение дмитрий карпов Monday, May 14, 12

description

 

Transcript of typographydigitalrugbylr-120514070036-phpapp01

Page 1: typographydigitalrugbylr-120514070036-phpapp01

типографика

регби для дизайнера

продолжение

дмитрий карпов

Monday, May 14, 12

Page 2: typographydigitalrugbylr-120514070036-phpapp01

ОБРАТИТЕ ВНИМАНИЯ КАК ШРИФТ И ТЕКСТ СОЗДАЮТ ЭСТЕТИЧЕСКУЮ СИСТЕМУ И ЦВЕТОВОЙ КОД НЕМНОГО НАРУШАЕТ ИНТЕРАКТИВНУЮ СИСТЕМУ

Monday, May 14, 12

Page 3: typographydigitalrugbylr-120514070036-phpapp01

ОБРАТИТЕ ВНИМАНИЯ НА АКЦЕНТЫ ВЫРАВНИВАНИЯ ТЕКСТА, НАБОР, КОНТРАСТЫ И СВОБОДНОЕ ПРОСТРАНСТВО КАКИЕ ДОСТОИНСТВА И НЕДОСТАТКИ ВИДИТЕ ВЫ?http://esquire.ru/wil/robert-altman

Monday, May 14, 12

Page 4: typographydigitalrugbylr-120514070036-phpapp01

Monday, May 14, 12

Page 5: typographydigitalrugbylr-120514070036-phpapp01

ОБРАТИТЕ ВНИМАНИЯ НА АКЦЕНТЫ ВЫРАВНИВАНИЯ ТЕКСТА, НАБОР, КОНТРАСТЫ И СВОБОДНОЕ ПРОСТРАНСТВО КАКИЕ ДОСТОИНСТВА И НЕДОСТАТКИ ВИДИТЕ ВЫ?

Monday, May 14, 12

Page 6: typographydigitalrugbylr-120514070036-phpapp01

Monday, May 14, 12

Page 7: typographydigitalrugbylr-120514070036-phpapp01

Univers / CaslonBodoni / FuturaMyriad / MinionHelvetica / GaramondBaskerville / UniversGaramond / VerdanaAkzidenz Grotesk / GaramondFrutiger / MinionFutura / BodoniGaramond / FuturaGill Sans / CaslonMinion / Gill SansAvenir / WarnockCaslon / Franklin GothicFF Din / BaskervilleTrade Gothic / ClarendonClarendon / Trade GothicFranklin Gothic / BaskervilleWarnock / Univers

Ветер и волныУспех компании зависит от умения сомневаться и мобильности. Бренды должны создавать новые миры. Они должны постоянно строить, ломать и перестраивать. Для этого своим кредо надо сделать предвосхищение. Нельзя плыть по волнам; надо ловить ветер, который эти волны рождает. Всегда нужно видеть на несколько ходов вперед.

Жирный Гил, робко прячет, тело стройное Верданы36 pt 36 pt 36 pt

ШРИФТОВЫЕ КОМБИНАЦИИ

Monday, May 14, 12

Page 8: typographydigitalrugbylr-120514070036-phpapp01

НЕКОТОРЫЕ ШРИФТЫ (BODONI)ОТЛИЧНО ВЫГЛЯДЯТ В БОЛЬШИХРАЗМЕРАХ, ДЕТАЛИ КОНТРАСТНЫХШТРИХОВ ОСОБЕННО ВЫГОДНЫ, НОВ МАЛЫХ РАЗМЕРАХ 6-8PT ШРИФТТЕРЯЕТ ЭСТЕТИКУ, «ЗАЛИПАЕТ»

Monday, May 14, 12

Page 9: typographydigitalrugbylr-120514070036-phpapp01

Ветер и волныУспех фирмы зависит от умения сомневаться и мобильности. Фирмы должны создавать новые миры. Они должны постоянно строить, ломать и перестраивать. Для этого своим кредо надо сделать предвосхищение. Нельзя плыть по волнам; надо ловить ветер, который эти волны рождает. Всегда нужно видеть на несколько ходов вперед.

56 знаков

Ветер и волныУспех фирмы зависит от умения сомневаться и мобильности. Фирмы должны создавать новые миры. Они должны постоянно строить, ломать и перестраивать. Для этого своим кредо надо сделать предвосхищение. Нельзя плыть по волнам; надо ловить ветер, который эти волны рождает. Всегда нужно видеть на несколько ходов вперед.

79 знаков

Ветер и волныУспех фирмы зависит от умения сомневаться и мобильности. Фирмы должны создавать новые миры. Они должны постоянно строить, ломать и перестраивать. Для этого своим кредо надо сделать предвосхищение. Нельзя плыть по волнам; надо ловить ветер, который эти волны рождает. Всегда нужно видеть на несколько ходов вперед.

91 знак

Monday, May 14, 12

Page 10: typographydigitalrugbylr-120514070036-phpapp01

Ветер и большие волны ВЕТЕР И БОЛЬШИЕ ВОЛНЫ

ВЕТЕР И БОЛЬШИЕ ВОЛНЫsmall caps

ОЧЕВИДНЫЕ ПРЕИМУЩЕСТВА И НЕДОСТАТКИ РАЗЛИЧНОГО НАБОРА ДЛЯ СКОРОСТИ ВОСПРИЯТИЯ ТЕКСТА

Monday, May 14, 12

Page 11: typographydigitalrugbylr-120514070036-phpapp01

ТИПОГРАФИЧЕСКАЯ ПЛОТНОСТЬ ДОСТИГАЕТСЯ ИНТЕРЛИНЬЯЖЕМ, ОПТИМАЛЬНОЕ ЗНАЧЕНИЕ ОТНОШЕНИЕ РАЗМЕРА КЕГЛЯ РАВНОГО 1EM К 1.3-1.5 В ЗАВИСИМОСТИ ОТ ШРИФТА

Monday, May 14, 12

Page 12: typographydigitalrugbylr-120514070036-phpapp01

ВЫРАВНИВАНИЕ НАБОРА ЗАВИСИТ ОТ ФОРМАТА И ФУНКЦИИ

ТЕКСТА

Monday, May 14, 12

Page 13: typographydigitalrugbylr-120514070036-phpapp01

Monday, May 14, 12

Page 14: typographydigitalrugbylr-120514070036-phpapp01

ИЕРАРХИЯ ТЕКСТА ДОСТИГАЕТСЯ РАЗЛИЧНЫМИ ПРИЕМАМИ, ИСПОЛЬЗОВАНИЕМ СИМВОЛОВ, ОТСТУПАМИ, АКЦЕНТАМИ В ВЫБОРЕ ШРИФТОВ

Monday, May 14, 12

Page 15: typographydigitalrugbylr-120514070036-phpapp01

SOFT HYPHEN

LEFT/RIGHT-POINTING DOUBLE ANGLE QUOTATION MARK

HORIZONTAL ELLIPSIS

EM DASH

TWO DOT LEADER

Monday, May 14, 12

Page 16: typographydigitalrugbylr-120514070036-phpapp01

SOFT HYPHEN

LEFT/RIGHT-POINTING DOUBLE ANGLE QUOTATION MARK

HORIZONTAL ELLIPSIS

EM DASH

TWO DOT LEADER

Monday, May 14, 12

Page 17: typographydigitalrugbylr-120514070036-phpapp01

ТИПОГРАФИЧЕСКИЕ ИНСТРУМЕНТЫ В CSS, ШИРИНА СТРОКИ, ПОЛОЖЕНИЕ В ПРОСТРАНСТВЕ, ОТНОСИТЕЛЬНЫЕ ЕДИНИЦЫ ИЗМЕРЕНИЙ, ПОДГРУЗКА ШРИФТОВ НА СТРАНИЦУ, ОТСТУПЫ, ИНТЕРЛИНЬЯЖ, БУКВИЦЫ, ВИЗУАЛЬНАЯ ИЕРАРХИЯ

Monday, May 14, 12

Page 18: typographydigitalrugbylr-120514070036-phpapp01

Максим Горький

Лев Толстой

КЕРНИНГ ПОЗВОЛЯЕТ ВЛИЯТЬ НА ОПТИЧЕСКОЕ ВОСПРИЯТИЕ ЗНАКОВ ПРИ НАБОРЕ

Monday, May 14, 12

Page 19: typographydigitalrugbylr-120514070036-phpapp01

ФАКТИЧЕСКИ, ИНСТРУМЕНТЫ ДЛЯ КЕРНИНГА ЕСТЬ И В CSS

Monday, May 14, 12

Page 20: typographydigitalrugbylr-120514070036-phpapp01

ПРИВЯЗКА ПРОПОРЦИЙ И МОДУЛЬНЫХ ПРОПОРЦИЙ К РАЗМЕРУ ШРИФТА В (EM)

Monday, May 14, 12

Page 21: typographydigitalrugbylr-120514070036-phpapp01

ПРИВЯЗКА ПРОПОРЦИЙ И МОДУЛЬНЫХ ПРОПОРЦИЙ К РАЗМЕРУ ШРИФТА В (EM)

Monday, May 14, 12

Page 22: typographydigitalrugbylr-120514070036-phpapp01

регби для

ПОЛЕЗНОЕ ЧТЕНИЕ ДЛЯ ИЗУЧЕНИЯ ОСНОВ, ПРОСТАЯ, ПОНЯТНАЯ, ПРАКТИЧНАЯ

Monday, May 14, 12

Page 23: typographydigitalrugbylr-120514070036-phpapp01

Monday, May 14, 12

Page 24: typographydigitalrugbylr-120514070036-phpapp01

Monday, May 14, 12

Page 25: typographydigitalrugbylr-120514070036-phpapp01

http://gnosh.co.uk/

ЭКСПРЕССИЯ УНИКАЛЬНОГО ШРИФТА ПОМОГАЕТ ЗРИТЕЛЬНОЙ ИДЕНТИФИКАЦИИ БРЕНДА И СОЗДАЕТ ИНДИВИДУАЛЬНЫЙ ХАРАКТЕР

Monday, May 14, 12

Page 26: typographydigitalrugbylr-120514070036-phpapp01

Monday, May 14, 12

Page 27: typographydigitalrugbylr-120514070036-phpapp01

Monday, May 14, 12

Page 28: typographydigitalrugbylr-120514070036-phpapp01

Monday, May 14, 12

Page 29: typographydigitalrugbylr-120514070036-phpapp01

Monday, May 14, 12

Page 30: typographydigitalrugbylr-120514070036-phpapp01

Monday, May 14, 12

Page 31: typographydigitalrugbylr-120514070036-phpapp01

не надо бояться типографики, возьмите текст и сверстайте его тридцатью

различными способами, в три колонки, в две, в двенадцать, в один шрифт и размер, в три в четыре размера, с переносами и без, с висячей

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

самому.

Monday, May 14, 12

Page 32: typographydigitalrugbylr-120514070036-phpapp01

Monday, May 14, 12

Page 33: typographydigitalrugbylr-120514070036-phpapp01

СОХРАНЕНИЕ ПРОПОРЦИЙ ВЕРТИКАЛЬНОГО РИТМА И ГОРИЗОНТАЛЬНЫХ ПРОПОРЦИЙ ПРОДИКТОВАНО ФУНКЦИОНАЛЬНЫМИ ОСОБЕННОСТЯМИ ИНТЕРАКТИВНОГО ВЗАИМОДЕЙСТВИЯ

Monday, May 14, 12

Page 34: typographydigitalrugbylr-120514070036-phpapp01

ТИПОГРАФИКА И ИНТЕРАКТИВНОСТЬ ДОЛЖНЫ ИСПОЛЬЗОВАТЬ ЕДИНЫЕ СИГНАЛЫ ПОЛЬЗОВАТЕЛЮ, НАПРИМЕР ЦВЕТОВОЙ КОД

Monday, May 14, 12

Page 35: typographydigitalrugbylr-120514070036-phpapp01

digital материал ничего не стоит, это не значит, что пиксели надо переводить на плохо разработанную структуру оформления текста, пользователь тратит долю секунды на знакомство с содержанием, тяжело вникать в грубо оформленный текст и он теряет интерес, а если все круто, то он его порекомендует прочитать сотне своих друзей, главный эквивалент стоимости сегодня, это внимание человека, его

настоящий интерес

Monday, May 14, 12

Page 36: typographydigitalrugbylr-120514070036-phpapp01

ИСТОРИЧЕСКИЙ ПРИМЕР, ПЕРЕПИСЧИК ПРОПУСКАЕТ СТРОКУ, ДЛЯ ИСПРАВЛЕНИЯ РИСУЮТ ЦЕЛЫЙ СЮЖЕТ НА СТРАНИЦЕ С ВНОСИМОЙ КОРРЕКТИРОВКОЙ, ЧЕМ ЦЕННЕЕ МАТЕРИАЛ, ТЕМ ТОЧНЕЕ ИНСТРУМЕНТЫ И КОНТРОЛЬ

Monday, May 14, 12

Page 37: typographydigitalrugbylr-120514070036-phpapp01

http://www.adobe.com/products/indesign/features._sl_id-contentfilter_sl_featuredisplaytypes_sl_new.html

Фишечки нового InDesign

Monday, May 14, 12

Page 38: typographydigitalrugbylr-120514070036-phpapp01

Monday, May 14, 12

Page 39: typographydigitalrugbylr-120514070036-phpapp01

дополнительно по теме геометрических построений модулей

дмитрий карпов тренер по креативному многоборью / [email protected]

Monday, May 14, 12