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

Правила веб-дизайна

Специалисты в данной отрасли выделили 10 основных правил, которых должен придерживаться каждый профи:

1. Применение стандартных шрифтов

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

2. Умеренность в количестве шрифтов — не более 2-3 видов

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

3. Использование Caps Lock для выделения текстовых фрагментов недопустимо

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

4. Использование контраста

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

Слово «ideas» выделено синей плашкой, чтобы показать его важность в данном предложении

5. Строки должны иметь оптимальную длину

Читатели плохо воспринимают информацию, если строки слишком длинные. Нормальной считается длина от 40 до 70 символов. Оптимальное значение — 60.

6. Отказ от висячих строк

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

7. Межстрочное расстояние

Не стоит строки располагать слишком близко. От этого страдает читабельность и восприятие. Оптимальный интервал — от 130 до 150% высоты строки.

8. Не стоит делать переносы

Они рассеивают внимание и мешают воспринимать информацию.

9. Помним о мобильной версии

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

10. Отказ от шрифта Comic Sans

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

Эти правила являются основой веб дизайна. Используйте типографику в дизайне, чтобы тексты хорошо воспринимались и легко читались, а внимание ничего не отвлекало от содержания страницы.
Есть и другие аспекты создания красивого и удобного сайта — с ними вы можете ознакомиться в этой статье. А чтобы ваше портфолио приводило клиентов, воспользуйтесь сервисом взаимопиара для дизайнеров Betop.me — лайки, просмотры и комментарии в Behance, Dribbble, Artstation и другие площадки.