Интерактивный справочник по типографике: сделайте текст на сайте красивым и удобным для чтения

Интерактивный справочник, типографика, текст на сайте, удобный текст для чтения, дизайнер-фрилансер Томми Кайкконен (Tommi Kaikonnen)

Обычно советы по визуальному оформлению сайтов и блогов сосредотачиваются вокруг выбора шаблонов, компоновки элементов интерфейса, кнопок для публикации контента в социальных сетях. Незаслуженно мало внимания уделяется типографике.

А совершенно зря:

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

Что такое типографика?

Типографика (от греч. τύπος — «отпечаток» и γράφω — «пишу») — это художественное оформление текста посредством набора и верстки.

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

Сегодня типографикой в той или иной мере занимаются не только наборщики и верстальщики как раньше, но и графические дизайнеры, арт-директоры и даже обычные блоггеры, ведущие «ЖЖшечку» о своих личных делах и переживаниях (когда выбирают тип, вид и начертание шрифта в тексте своих постов).

В эпоху до расцвета Сети типографика была прерогативой печатников и дизайнеров, а теперь стала привычной составляющей работы современного журналиста, онлайн-колумниста и блоггера.

Типографика глазами финского дизайнера

Типографика глазами финского дизайнера

Именно поэтому финский дизайнер-фрилансер Томми Кайкконен (Tommi Kaikonnen) решил в своем блоге опубликовать быстрое практическое руководство с наглядными примерами для тех, кто хочет изменить текстовый облик своего сайта.

Его практическое руководство выглядит как мини-сайт с интерактивными примерами, организованными последовательно, как книга. Каждый раздел этой онлайн-книги — это один из базовых принципов типографики.

Принципы типографики, которые надо учесть

  • Отображение текста

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

  • Расстояния и размеры в тексте

Расстояния измеряются в количестве символов, помещающихся в ту или иную строку. 50-80 символов — оптимальная длина строки на странице. Старайтесь соблюдать этот параметр при верстке и выборе визуальных стилей для своих постов и страниц.

  • Высота строки

Здесь финский дизайнер рекомендует использовать в качестве ориентира значение высоты строки в 150% от размера основного шрифта, используемого на странице сайта.

Другие важные компоненты типографики для вашего блога:

  • Визуальная иерархия компонентов / блоков / разделов
  • Заголовки
  • Абзацы
  • Шрифты и их начертания
  • Размер шрифта
  • Цвета

Если вы хотите правильно оформить свой сайт или блог, сделать его элегантным и стильным, советуем вам изучить полный интерактивный курс типографики Томми Кайкконена.

Источник: internetno.net

15 февраля 2013 Рейтинг: 0 Голосов:0 Просмотров: 2836
 
Комментарии (0)

Нет комментариев. Ваш будет первым!

Новые статьи
Удобно ли использовать планшет в качестве телефона
10 ноября 2016   Автор: Admin   Просмотров: 818 Комментарии: 0
&ndash,

Что купить: планшет или телефон? Выбор сделать достаточно сложно. Функциональность первого значительно выше, но без средства связи оставаться тоже не хочется. В подобной ситуации грамотным решением становится приобретение планшета, поддерживающего опцию приема и совершения звонков.

Читать дальше >
Как правильно подобрать доменное имя для сайта
10 ноября 2016   Автор: Admin   Просмотров: 865 Комментарии: 0

Все знают известное выражение, что начинается со слов «Как корабль назовешь...». В современном мире это выражение приобретает другие обороты и касается уже не кораблей. Выбирая доменное имя очень важно правильно его подобрать. Ведь хорошо подобранное имя это залог вашей узнаваемости, вашего понимания другими клиентами, а так же увеличит ваши шансы в поисковой выдаче.

Читать дальше >
Для чего нужен колл трекинг?
10 ноября 2016   Автор: Admin   Просмотров: 738 Комментарии: 0

Ни для кого не секрет, что различные каналы рекламы имеют различную эффективность, конечно существуют инструменты измерения этой эффективности такие как Google Analytics, Яндекс.Метрика и другие. Однако как быть если пользователь перешел по рекламе, просмотрел товар, и позвонил чтобы заказать, соответственно закрыл сайт. В предыдущих инструментах этот клиент отметиться как не завершивший конверсию (покупку) или как отказ. Но ведь это не так. И как отследить каналы рекламы по привлечению таких клиентов? Чтобы действительно верно оценить эффективность каналов рекламы услуга коллтрекинга может быть действенным способом.

Читать дальше >
Как раскрутить интернет магазин
31 октября 2016   Автор: Admin   Просмотров: 1298 Комментарии: 0

Электронная коммерция постоянно набирает обороты. Ежедневно появляются сотни новых интернет магазинов, растет конкуренция во всех сферах интернет рекламы, растет цена за покупателя.

Как раскрутить интернет магазин

Данная статья про то, как раскрутить интернет магазин. В статье мы рассмотрим только самые эффективные источники привлечения посетителей в интернет магазин, наглядно и детально рассмотрим методы, способы и важные нюансы.

Читать дальше >