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

1. Элементы
Типографики
Которые следует знать
перед тем как создавать
макет сайта
Дмитрий Майоров

4. 1. Ширина строки

6. 31
60
41
30 30
63

8. 85

10. 77

12. 2. Выравнивание
по левому краю

14. inDesign

15. text-align: justify;

18. hyphens: auto;

21. Как быть?

22. text-align: left;
hyphens: auto;

28. 3. Высота строк

29. Высота строки обозначает пространство,
которое строка текста занимает на экране.

30. Fix problem
quickly with
galvanized jets.
leading

31. Fix problem
quickly with
galvanized jets.
line-height

32. line-height

33. body {
line-height: 1.5;
}

34. h1 {
line-height: 1.2;
}

38. 4.Отступы

43. 5. Модульные шкалы

44. Модульная шкала — это последовательность
чисел, относящихся друг к другу
определенным образом.

46. 1 1 2 3 5 8 13 21

48. www.modularscale.com/

49. 6. Гарнитура

50. • Удобство для чтения
• Кросс-платформенность
• Размер в килобайтах
• Поддержка необходимых языков

51. • The Elements of Typographic Style (R. Bringhurst)
• webtypography.net
• alistapart.com/article/more-meaningful-typography

52. 7. Нарушайте правила

53. Элементы
Типографики
Которые следует знать
перед тем как создавать
макет сайта
dmitrymayorov.com