Статья о типографике в веб-дизайне | Веб-студия Zeusweb
Загрузка

Типографика в веб-дизайне

Иконка дата

02.07.2018

Иконка просмотры

Просмоторов:437

Иконка категории

Веб-дизайн

Типографика в веб-дизайне

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

1.МИНИМАЛЬНОЕ КОЛИЧЕСТВО ШРИФТОВ

Не применяйте более 3 разновидностей шрифтов. В противном случае Ваш сайт потеряет профессиональный вид. Как правило, двух видов обычно хватает. К примеру, на нашем сайте применен только один.

Минимальное количество шрифтов


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

Сочетание шрифтов


2.ПРАВИЛЬНАЯ ДЛИНА СТРОКИ

Простота прочтения документа - грамотно выбранное количество символов в строке. Для удобного чтения на компьютере не более 60 знаков, на телефонах достаточно 30-40.

Длина строки


3.ХОРОШАЯ ЧИТАЕМОСТЬ ГАРНИТУРЫ

Выбранная гарнитура, должна легко читаться на телефонах.

Плохо читаемый текст


4.ЧЕТКОЕ НАПИСАНИЕ БУКВ

Во избежание проблем с пониманием текста, протестируйте шрифт. Бывает, что похожие буквы путаются. Например, символы "I" и "L". Бывают шрифты, в которых за букву <> можно принять сочетание символов "r" и "n".

Иллюзия текста


5.ОГРАНИЧЕНИЕ НАПИСАНИЯ ЗАГЛАВНЫМИ БУКВАМИ

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

Написание заглавными буквами


6.ПРАВИЛЬНЫЙ МЕЖСТРОЧНЫЙ ИНТЕРВАЛ

Для хорошего понимания материала, расстояние между строками, как правило, превышает высоту знака на 30%.

Межстрочный интервал


Также правильно подбирайте расстояние между абзацами, так как этим можно повысить восприятие прочитанного текста пользователем на 20 %.

7.ГРАМОТНЫЙ ЦВЕТОВОЙ КОНТРАСТ

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

Цветовой контраст


Придерживаясь этих правил , Вы ограничите посетителей от дискомфорта при прочтении статей.

Сделайте репост

Похожие статьи:

Новые алгоритмы поисковых систем
Продвижение сайтов
Landing Page или многостраничный сайт?
Разработка сайтов
Цвет в веб-дизайне