typographydigitalrugbylr-120514070036-phpapp01
-
Upload
andrey-ershov -
Category
Documents
-
view
216 -
download
4
description
Transcript of typographydigitalrugbylr-120514070036-phpapp01
![Page 1: typographydigitalrugbylr-120514070036-phpapp01](https://reader030.fdocuments.net/reader030/viewer/2022020422/568c0e271a28ab955a8f70b3/html5/thumbnails/1.jpg)
типографика
регби для дизайнера
продолжение
дмитрий карпов
Monday, May 14, 12
![Page 2: typographydigitalrugbylr-120514070036-phpapp01](https://reader030.fdocuments.net/reader030/viewer/2022020422/568c0e271a28ab955a8f70b3/html5/thumbnails/2.jpg)
ОБРАТИТЕ ВНИМАНИЯ КАК ШРИФТ И ТЕКСТ СОЗДАЮТ ЭСТЕТИЧЕСКУЮ СИСТЕМУ И ЦВЕТОВОЙ КОД НЕМНОГО НАРУШАЕТ ИНТЕРАКТИВНУЮ СИСТЕМУ
Monday, May 14, 12
![Page 3: typographydigitalrugbylr-120514070036-phpapp01](https://reader030.fdocuments.net/reader030/viewer/2022020422/568c0e271a28ab955a8f70b3/html5/thumbnails/3.jpg)
ОБРАТИТЕ ВНИМАНИЯ НА АКЦЕНТЫ ВЫРАВНИВАНИЯ ТЕКСТА, НАБОР, КОНТРАСТЫ И СВОБОДНОЕ ПРОСТРАНСТВО КАКИЕ ДОСТОИНСТВА И НЕДОСТАТКИ ВИДИТЕ ВЫ?http://esquire.ru/wil/robert-altman
Monday, May 14, 12
![Page 4: typographydigitalrugbylr-120514070036-phpapp01](https://reader030.fdocuments.net/reader030/viewer/2022020422/568c0e271a28ab955a8f70b3/html5/thumbnails/4.jpg)
Monday, May 14, 12
![Page 5: typographydigitalrugbylr-120514070036-phpapp01](https://reader030.fdocuments.net/reader030/viewer/2022020422/568c0e271a28ab955a8f70b3/html5/thumbnails/5.jpg)
ОБРАТИТЕ ВНИМАНИЯ НА АКЦЕНТЫ ВЫРАВНИВАНИЯ ТЕКСТА, НАБОР, КОНТРАСТЫ И СВОБОДНОЕ ПРОСТРАНСТВО КАКИЕ ДОСТОИНСТВА И НЕДОСТАТКИ ВИДИТЕ ВЫ?
Monday, May 14, 12
![Page 6: typographydigitalrugbylr-120514070036-phpapp01](https://reader030.fdocuments.net/reader030/viewer/2022020422/568c0e271a28ab955a8f70b3/html5/thumbnails/6.jpg)
Monday, May 14, 12
![Page 7: typographydigitalrugbylr-120514070036-phpapp01](https://reader030.fdocuments.net/reader030/viewer/2022020422/568c0e271a28ab955a8f70b3/html5/thumbnails/7.jpg)
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](https://reader030.fdocuments.net/reader030/viewer/2022020422/568c0e271a28ab955a8f70b3/html5/thumbnails/8.jpg)
НЕКОТОРЫЕ ШРИФТЫ (BODONI)ОТЛИЧНО ВЫГЛЯДЯТ В БОЛЬШИХРАЗМЕРАХ, ДЕТАЛИ КОНТРАСТНЫХШТРИХОВ ОСОБЕННО ВЫГОДНЫ, НОВ МАЛЫХ РАЗМЕРАХ 6-8PT ШРИФТТЕРЯЕТ ЭСТЕТИКУ, «ЗАЛИПАЕТ»
Monday, May 14, 12
![Page 9: typographydigitalrugbylr-120514070036-phpapp01](https://reader030.fdocuments.net/reader030/viewer/2022020422/568c0e271a28ab955a8f70b3/html5/thumbnails/9.jpg)
Ветер и волныУспех фирмы зависит от умения сомневаться и мобильности. Фирмы должны создавать новые миры. Они должны постоянно строить, ломать и перестраивать. Для этого своим кредо надо сделать предвосхищение. Нельзя плыть по волнам; надо ловить ветер, который эти волны рождает. Всегда нужно видеть на несколько ходов вперед.
56 знаков
Ветер и волныУспех фирмы зависит от умения сомневаться и мобильности. Фирмы должны создавать новые миры. Они должны постоянно строить, ломать и перестраивать. Для этого своим кредо надо сделать предвосхищение. Нельзя плыть по волнам; надо ловить ветер, который эти волны рождает. Всегда нужно видеть на несколько ходов вперед.
79 знаков
Ветер и волныУспех фирмы зависит от умения сомневаться и мобильности. Фирмы должны создавать новые миры. Они должны постоянно строить, ломать и перестраивать. Для этого своим кредо надо сделать предвосхищение. Нельзя плыть по волнам; надо ловить ветер, который эти волны рождает. Всегда нужно видеть на несколько ходов вперед.
91 знак
Monday, May 14, 12
![Page 10: typographydigitalrugbylr-120514070036-phpapp01](https://reader030.fdocuments.net/reader030/viewer/2022020422/568c0e271a28ab955a8f70b3/html5/thumbnails/10.jpg)
Ветер и большие волны ВЕТЕР И БОЛЬШИЕ ВОЛНЫ
ВЕТЕР И БОЛЬШИЕ ВОЛНЫsmall caps
ОЧЕВИДНЫЕ ПРЕИМУЩЕСТВА И НЕДОСТАТКИ РАЗЛИЧНОГО НАБОРА ДЛЯ СКОРОСТИ ВОСПРИЯТИЯ ТЕКСТА
Monday, May 14, 12
![Page 11: typographydigitalrugbylr-120514070036-phpapp01](https://reader030.fdocuments.net/reader030/viewer/2022020422/568c0e271a28ab955a8f70b3/html5/thumbnails/11.jpg)
ТИПОГРАФИЧЕСКАЯ ПЛОТНОСТЬ ДОСТИГАЕТСЯ ИНТЕРЛИНЬЯЖЕМ, ОПТИМАЛЬНОЕ ЗНАЧЕНИЕ ОТНОШЕНИЕ РАЗМЕРА КЕГЛЯ РАВНОГО 1EM К 1.3-1.5 В ЗАВИСИМОСТИ ОТ ШРИФТА
Monday, May 14, 12
![Page 12: typographydigitalrugbylr-120514070036-phpapp01](https://reader030.fdocuments.net/reader030/viewer/2022020422/568c0e271a28ab955a8f70b3/html5/thumbnails/12.jpg)
ВЫРАВНИВАНИЕ НАБОРА ЗАВИСИТ ОТ ФОРМАТА И ФУНКЦИИ
ТЕКСТА
Monday, May 14, 12
![Page 13: typographydigitalrugbylr-120514070036-phpapp01](https://reader030.fdocuments.net/reader030/viewer/2022020422/568c0e271a28ab955a8f70b3/html5/thumbnails/13.jpg)
Monday, May 14, 12
![Page 14: typographydigitalrugbylr-120514070036-phpapp01](https://reader030.fdocuments.net/reader030/viewer/2022020422/568c0e271a28ab955a8f70b3/html5/thumbnails/14.jpg)
ИЕРАРХИЯ ТЕКСТА ДОСТИГАЕТСЯ РАЗЛИЧНЫМИ ПРИЕМАМИ, ИСПОЛЬЗОВАНИЕМ СИМВОЛОВ, ОТСТУПАМИ, АКЦЕНТАМИ В ВЫБОРЕ ШРИФТОВ
Monday, May 14, 12
![Page 15: typographydigitalrugbylr-120514070036-phpapp01](https://reader030.fdocuments.net/reader030/viewer/2022020422/568c0e271a28ab955a8f70b3/html5/thumbnails/15.jpg)
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](https://reader030.fdocuments.net/reader030/viewer/2022020422/568c0e271a28ab955a8f70b3/html5/thumbnails/16.jpg)
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](https://reader030.fdocuments.net/reader030/viewer/2022020422/568c0e271a28ab955a8f70b3/html5/thumbnails/17.jpg)
ТИПОГРАФИЧЕСКИЕ ИНСТРУМЕНТЫ В CSS, ШИРИНА СТРОКИ, ПОЛОЖЕНИЕ В ПРОСТРАНСТВЕ, ОТНОСИТЕЛЬНЫЕ ЕДИНИЦЫ ИЗМЕРЕНИЙ, ПОДГРУЗКА ШРИФТОВ НА СТРАНИЦУ, ОТСТУПЫ, ИНТЕРЛИНЬЯЖ, БУКВИЦЫ, ВИЗУАЛЬНАЯ ИЕРАРХИЯ
Monday, May 14, 12
![Page 18: typographydigitalrugbylr-120514070036-phpapp01](https://reader030.fdocuments.net/reader030/viewer/2022020422/568c0e271a28ab955a8f70b3/html5/thumbnails/18.jpg)
Максим Горький
Лев Толстой
КЕРНИНГ ПОЗВОЛЯЕТ ВЛИЯТЬ НА ОПТИЧЕСКОЕ ВОСПРИЯТИЕ ЗНАКОВ ПРИ НАБОРЕ
Monday, May 14, 12
![Page 19: typographydigitalrugbylr-120514070036-phpapp01](https://reader030.fdocuments.net/reader030/viewer/2022020422/568c0e271a28ab955a8f70b3/html5/thumbnails/19.jpg)
ФАКТИЧЕСКИ, ИНСТРУМЕНТЫ ДЛЯ КЕРНИНГА ЕСТЬ И В CSS
Monday, May 14, 12
![Page 20: typographydigitalrugbylr-120514070036-phpapp01](https://reader030.fdocuments.net/reader030/viewer/2022020422/568c0e271a28ab955a8f70b3/html5/thumbnails/20.jpg)
ПРИВЯЗКА ПРОПОРЦИЙ И МОДУЛЬНЫХ ПРОПОРЦИЙ К РАЗМЕРУ ШРИФТА В (EM)
Monday, May 14, 12
![Page 21: typographydigitalrugbylr-120514070036-phpapp01](https://reader030.fdocuments.net/reader030/viewer/2022020422/568c0e271a28ab955a8f70b3/html5/thumbnails/21.jpg)
ПРИВЯЗКА ПРОПОРЦИЙ И МОДУЛЬНЫХ ПРОПОРЦИЙ К РАЗМЕРУ ШРИФТА В (EM)
Monday, May 14, 12
![Page 22: typographydigitalrugbylr-120514070036-phpapp01](https://reader030.fdocuments.net/reader030/viewer/2022020422/568c0e271a28ab955a8f70b3/html5/thumbnails/22.jpg)
регби для
ПОЛЕЗНОЕ ЧТЕНИЕ ДЛЯ ИЗУЧЕНИЯ ОСНОВ, ПРОСТАЯ, ПОНЯТНАЯ, ПРАКТИЧНАЯ
Monday, May 14, 12
![Page 23: typographydigitalrugbylr-120514070036-phpapp01](https://reader030.fdocuments.net/reader030/viewer/2022020422/568c0e271a28ab955a8f70b3/html5/thumbnails/23.jpg)
Monday, May 14, 12
![Page 24: typographydigitalrugbylr-120514070036-phpapp01](https://reader030.fdocuments.net/reader030/viewer/2022020422/568c0e271a28ab955a8f70b3/html5/thumbnails/24.jpg)
Monday, May 14, 12
![Page 25: typographydigitalrugbylr-120514070036-phpapp01](https://reader030.fdocuments.net/reader030/viewer/2022020422/568c0e271a28ab955a8f70b3/html5/thumbnails/25.jpg)
http://gnosh.co.uk/
ЭКСПРЕССИЯ УНИКАЛЬНОГО ШРИФТА ПОМОГАЕТ ЗРИТЕЛЬНОЙ ИДЕНТИФИКАЦИИ БРЕНДА И СОЗДАЕТ ИНДИВИДУАЛЬНЫЙ ХАРАКТЕР
Monday, May 14, 12
![Page 26: typographydigitalrugbylr-120514070036-phpapp01](https://reader030.fdocuments.net/reader030/viewer/2022020422/568c0e271a28ab955a8f70b3/html5/thumbnails/26.jpg)
Monday, May 14, 12
![Page 27: typographydigitalrugbylr-120514070036-phpapp01](https://reader030.fdocuments.net/reader030/viewer/2022020422/568c0e271a28ab955a8f70b3/html5/thumbnails/27.jpg)
Monday, May 14, 12
![Page 28: typographydigitalrugbylr-120514070036-phpapp01](https://reader030.fdocuments.net/reader030/viewer/2022020422/568c0e271a28ab955a8f70b3/html5/thumbnails/28.jpg)
Monday, May 14, 12
![Page 29: typographydigitalrugbylr-120514070036-phpapp01](https://reader030.fdocuments.net/reader030/viewer/2022020422/568c0e271a28ab955a8f70b3/html5/thumbnails/29.jpg)
Monday, May 14, 12
![Page 30: typographydigitalrugbylr-120514070036-phpapp01](https://reader030.fdocuments.net/reader030/viewer/2022020422/568c0e271a28ab955a8f70b3/html5/thumbnails/30.jpg)
Monday, May 14, 12
![Page 31: typographydigitalrugbylr-120514070036-phpapp01](https://reader030.fdocuments.net/reader030/viewer/2022020422/568c0e271a28ab955a8f70b3/html5/thumbnails/31.jpg)
не надо бояться типографики, возьмите текст и сверстайте его тридцатью
различными способами, в три колонки, в две, в двенадцать, в один шрифт и размер, в три в четыре размера, с переносами и без, с висячей
пунктуацией и без, флаговым набором и альтернативами... не бойтесь идите вперед, ошибайтесь, лучше не знать терминов, не читать книг, но много раз попробовать понять на собственном опыте, на попытках, через анализ работ,
самому.
Monday, May 14, 12
![Page 32: typographydigitalrugbylr-120514070036-phpapp01](https://reader030.fdocuments.net/reader030/viewer/2022020422/568c0e271a28ab955a8f70b3/html5/thumbnails/32.jpg)
Monday, May 14, 12
![Page 33: typographydigitalrugbylr-120514070036-phpapp01](https://reader030.fdocuments.net/reader030/viewer/2022020422/568c0e271a28ab955a8f70b3/html5/thumbnails/33.jpg)
СОХРАНЕНИЕ ПРОПОРЦИЙ ВЕРТИКАЛЬНОГО РИТМА И ГОРИЗОНТАЛЬНЫХ ПРОПОРЦИЙ ПРОДИКТОВАНО ФУНКЦИОНАЛЬНЫМИ ОСОБЕННОСТЯМИ ИНТЕРАКТИВНОГО ВЗАИМОДЕЙСТВИЯ
Monday, May 14, 12
![Page 34: typographydigitalrugbylr-120514070036-phpapp01](https://reader030.fdocuments.net/reader030/viewer/2022020422/568c0e271a28ab955a8f70b3/html5/thumbnails/34.jpg)
ТИПОГРАФИКА И ИНТЕРАКТИВНОСТЬ ДОЛЖНЫ ИСПОЛЬЗОВАТЬ ЕДИНЫЕ СИГНАЛЫ ПОЛЬЗОВАТЕЛЮ, НАПРИМЕР ЦВЕТОВОЙ КОД
Monday, May 14, 12
![Page 35: typographydigitalrugbylr-120514070036-phpapp01](https://reader030.fdocuments.net/reader030/viewer/2022020422/568c0e271a28ab955a8f70b3/html5/thumbnails/35.jpg)
digital материал ничего не стоит, это не значит, что пиксели надо переводить на плохо разработанную структуру оформления текста, пользователь тратит долю секунды на знакомство с содержанием, тяжело вникать в грубо оформленный текст и он теряет интерес, а если все круто, то он его порекомендует прочитать сотне своих друзей, главный эквивалент стоимости сегодня, это внимание человека, его
настоящий интерес
Monday, May 14, 12
![Page 36: typographydigitalrugbylr-120514070036-phpapp01](https://reader030.fdocuments.net/reader030/viewer/2022020422/568c0e271a28ab955a8f70b3/html5/thumbnails/36.jpg)
ИСТОРИЧЕСКИЙ ПРИМЕР, ПЕРЕПИСЧИК ПРОПУСКАЕТ СТРОКУ, ДЛЯ ИСПРАВЛЕНИЯ РИСУЮТ ЦЕЛЫЙ СЮЖЕТ НА СТРАНИЦЕ С ВНОСИМОЙ КОРРЕКТИРОВКОЙ, ЧЕМ ЦЕННЕЕ МАТЕРИАЛ, ТЕМ ТОЧНЕЕ ИНСТРУМЕНТЫ И КОНТРОЛЬ
Monday, May 14, 12
![Page 37: typographydigitalrugbylr-120514070036-phpapp01](https://reader030.fdocuments.net/reader030/viewer/2022020422/568c0e271a28ab955a8f70b3/html5/thumbnails/37.jpg)
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](https://reader030.fdocuments.net/reader030/viewer/2022020422/568c0e271a28ab955a8f70b3/html5/thumbnails/38.jpg)
Monday, May 14, 12
![Page 39: typographydigitalrugbylr-120514070036-phpapp01](https://reader030.fdocuments.net/reader030/viewer/2022020422/568c0e271a28ab955a8f70b3/html5/thumbnails/39.jpg)
дополнительно по теме геометрических построений модулей
дмитрий карпов тренер по креативному многоборью / [email protected]
Monday, May 14, 12