Основы типографии для веб-дизайнера
+1

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

Итак:

  • При создании сайта правильно выбранный шрифт позволяет определить концепцию веб-ресурса и оказывает влияние на его общее восприятие. Поэтому, очень важно не применять те шрифты, которые по умолчанию отсутствуют.
  • Одним из разделов типографии является верный компьютерный набор. Очень важно правильно расставить пробелы, знаки препинания, кавычки, тире и т.д. Ведь пользователь может оказаться очень придирчивым, и невольно обратит внимание на эти ошибки.
  • Особое внимание следует уделить макро- и микротипографики в дизайне сайта. Макротипографика дает возможность выбрать верные шрифты, цвет, сделать блок контента более жизнеспособным и цельным, что в свою очередь отразится на органичности и привлекательности сайта в целом. Использование микротипографики позволяет сделать тексты более читабельными.
  • В оформлении сайта набор стилей и размер шрифта играет очень важную роль. По оценкам экспертов наиболее удобным для восприятия является шрифт в размере 12-16 пикселей. Для заголовков можно использовать боле масштабные шрифты.

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

  1. Блок с текстом должен иметь ширину в 40-50%.
  2. Между абзацами расстояние должно составлять не больше, чем полторы величины шрифта.
  3. 75-90% составляют разницу между текстом и яркостью фона.
  4. Для мелкого шрифта необходимо использовать величину не менее 10 пикселей, для крупного – 12-16пикселей.
  5. Межстрочный интервал должен составлять 140-150% от величины самого шрифта.

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

Благодарим за помощь в написании  http://maxshirko.com/

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

+1
Понравилась запись? Подпишитесь по RSS или E-mail!
Категории: Веб-дизайн. Прямая ссылка на запись.

Комментарии к записи Основы типографии для веб-дизайнера: 1

  1. Альфа Принт сказал(а):

    Хорошая подборка советов!

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *