Типографика. Часть 2. Иерархия
Автор: Jennifer Farley
В прошлой статье мы убедились, что использование контраста в типографике улучшает дизайн сайта и читабельность теста. Сегодня, мы поговорим об иерархии в типографике. Используя разные размеры шрифта можно визуально разделить текст на блоки.
С понятием иерархичности в типографике мы встречаемся почти каждый день, но тем не менее, очень мало знаем об этом термине. Благодаря иерархии мы можем выделить смысловые блоки теста на сайте, понять, где самые важные части и т.д. Самый очевидный пример в оффлайне – это газета: самый большой заголовок располагается сверху первой страницы и сообщает о главной теме; у остальных тем заголовки поменьше. Используя эту теорию, вы можете направлять посетителей по страницам сайта. Главный заголовок почти всегда располагается вверху страницы, но так же важная информация может быть и в меню, поэтому используйте большие заголовки для выделения самых важных пунктов.
Конечно, вы можете всегда использовать цвет шрифта или фоновые цвета для достижения нужного эффекта, но соответствие размера и типа заголовков и подзаголовков дает знать относительное значение элементов на странице.
Иерархия не является чем-то, что существует в изоляции, она тесно с связана с большим фундаментальным блоком, о котором мы поговорим в следующей статье, а именно размер текста.
А теперь несколько примеров использования иерархии.
The Irish Times, как и многие новостные сайты используют довольно стандартную иерархию.
Newsmap мы включили в этом список, потому что это пример действительно нетипичной иерархии, поскольку разделы разграничены цветом, так же как и размером заголовка.
В следующей части мы рассмотрим влияние размера шрифта на типографику.
Popularity: 1% [?]
Метки: типографика