• Save
Typography
Upcoming SlideShare
Loading in...5
×
 

Typography

on

  • 361 views

An all-around begginers guide to typography in print design, web and mobile.

An all-around begginers guide to typography in print design, web and mobile.

Statistics

Views

Total Views
361
Views on SlideShare
361
Embed Views
0

Actions

Likes
2
Downloads
0
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Typography Typography Presentation Transcript

  • ТипографикаРоман Мусаткинcontact@ppilot.ru1
  • &Работа с набором Работа с версткой2
  • НаборТипографика3
  • ШрифтЦветНачертаниеКегль (размер)Кернинг (межбуквенное расстояние)Интерлиньяж (межстрочное расстояние)4
  • 5
  • Ровные линии6
  • Ровные линииПаттерны7
  • Ровные линии Равное распределениеПаттерны8
  • ШрифтНабор9
  • Serif Sans Slab-serif10
  • Monotype11
  • ЧтениеНабор12
  • Serif Sansvs.13
  • Times New Roman14
  • Myriad Pro..и15
  • Myriad Pro16
  • ..и Times New Roman17
  • бананыбананыкокосыкокосы18
  • НачертаниеЧтение19
  • 20
  • Но никогда не underlined21
  • 22
  • italic != oblique23
  • ЦветНачертание24
  • 25
  • КегльНачертание26
  • Единообразие27
  • Адаптивность28
  • Структура29
  • 30
  • ДеталиНачертание31
  • Small capitals32
  • Минускульный набор33
  • Черточки34
  • Кавычки35
  • ПробелыА. С. ПушкинА. С. Пушкин400 м400 м1 298 3001 298 30036
  • И прочее37
  • 38
  • Кернинг39
  • 40
  • http://type.method.ac/41
  • Интерлиньяж42
  • Интерлиньяж43
  • Интерлиньяжкегль: 16pt44
  • Интерлиньяжкегль: 16ptвысота строки: 22pt45
  • Параграфы46
  • Параграфывысота строки: 22px47
  • Параграфыабзац: 11pxвысота строки: 22px48
  • #hint 1Разработчики ничего не знают окернинге, межстрочном и межбуквенномрасстоянии49
  • СсылкиДетали50
  • Link Link Link Not linkNot linkNot link51
  • Link Link Link Not linkNot linkNot linkно и тут есть исключения52
  • Ссылки должны бытьподчеркнутыми«»53
  • 54
  • Ссылки должны бытьразличимыми55
  • 56ВерсткаТипографика
  • КомпозицияРасстрояние между объектамиНавигация (различимость)WhitespaceРитмУправление вниманием57
  • КомпозицияТекст58
  • 59
  • 50-70 символов60
  • и снова не без исключений50-70 символов61
  • Физические ограничения62
  • Приоритет в структурировании63
  • 50-140 символов64
  • Whitespace65
  • Sample linesof texttextspace whitespace66
  • Висячая пунктуация67
  • и центрирование68
  • 69
  • Good70
  • и строки71
  • и параграфы72
  • ВниманиеТекст73
  • 74
  • 75
  • но если страница нам знакома76
  • 77
  • Более сложные примеры78
  • Погрешности сглаживания79
  • 80
  • 81
  • РитмТекст82
  • 83
  • Общий ритм(оффтоп)84
  • 85
  • Почитать86
  • http://smashed.by87
  • http://ia.net/88
  • 89
  • 90
  • Слайд номер 9091
  • Спасибо за внимание!Роман Мусаткинcontact@ppilot.ru@hashtag_design