• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Typography
 

Typography

on

  • 345 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
345
Views on SlideShare
345
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