Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Элементы Типографики

1,237 views

Published on

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

Published in: Design
  • Be the first to comment

Элементы Типографики

  1. 1. Элементы Типографики Которые следует знать
 перед тем как создавать
 макет сайта Дмитрий Майоров
  2. 2. 1. Ширина строки
  3. 3. 31 60 41 30 30 63
  4. 4. 85
  5. 5. 77
  6. 6. 2. Выравнивание
 по левому краю
  7. 7. inDesign
  8. 8. text-align: justify;
  9. 9. hyphens: auto;
  10. 10. Как быть?
  11. 11. text-align: left; hyphens: auto;
  12. 12. 3. Высота строк
  13. 13. Высота строки обозначает пространство, которое строка текста занимает на экране.
  14. 14. Fix problem quickly with galvanized jets. leading
  15. 15. Fix problem quickly with galvanized jets. line-height
  16. 16. line-height
  17. 17. body {
 line-height: 1.5; }
  18. 18. h1 {
 line-height: 1.2; }
  19. 19. 4.Отступы
  20. 20. 5. Модульные шкалы
  21. 21. Модульная шкала — это последовательность чисел, относящихся друг к другу определенным образом.
  22. 22. 1 1 2 3 5 8 13 21
  23. 23. www.modularscale.com/
  24. 24. 6. Гарнитура
  25. 25. • Удобство для чтения • Кросс-платформенность • Размер в килобайтах • Поддержка необходимых языков
  26. 26. • The Elements of Typographic Style (R. Bringhurst) • webtypography.net • alistapart.com/article/more-meaningful-typography
  27. 27. 7. Нарушайте правила
  28. 28. Элементы Типографики Которые следует знать
 перед тем как создавать
 макет сайта dmitrymayorov.com

×