Hi-Tech

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

Основные правила типографики для веб-дизайна — Дизайн на vc.ru

Свежее

Вакансии

Написать

Уведомлений пока нет

Пишите хорошие статьи, комментируйте,
и здесь станет не так пусто

Войти

В закладки

Поделиться

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

Заглавные буквы обязательно нужно разряжать. Если же вы все-таки решились использовать для заголовков (для основного текста ни в коем случае нельзя!) заглавные буквы, не допускайте ошибку 90% людей, даже опытные дизайнеры часто грешат этим. То есть нельзя ставить в редакторе кернинг (межбуквенное расстояние) на параметр «авто», оставляйте всегда больше место. Когда вы используйте заглавные буквы, вы должны оставлять место между буквами и чем жирнее шрифт, тем больше место должно быть.

Это правило вытекает из «внутреннего и внешнего». Но не перебарщивайте, разрядка букв должна быть меньше интерлиньяжа (расстояние между базовыми линиями строк). Для строчных букв действует обратное правильно, их нельзя разрежать, иначе потеряется основной смысл их использования – лёгкость чтения.

Читать текст, выравненный по центру, длиннее 3-4 строк вызывает дискомфорт для глаз. Ещё одна ошибка в типографике, которую допускает множество людей – выравнивание текста по центру. Такое выравнивание встречается нам повсюду, мы привыкли к нему и легче воспринимаем такой текст. Выравнивать по центру можно только заголовки, для всего остального стоит использовать выравнивание по левому краю. Важно не только заинтересовать пользователя на чтение, но и сделать этот процесс максимально удобным. В век «фастфуд контента» люди перестали читать большие объемы текста.

Если текст длиннее, то глаза будут напрягаться, переводя взгляд с конца строки на начало новой. Также, не стоить делать текстовый блок длиннее 75 символов, оптимальный вариант – 60-65 символов.

  • Если текст был полезен, то не забудь подписаться на блог в телеграме — t-do.com/leojblog

Материал опубликован пользователем. Нажмите кнопку «Написать», чтобы поделиться мнением или рассказать о своём проекте.

Написать

00

часы

(function(){ var banner = document.querySelector('.teaserSberbank'); var isAdsDisabled = document.querySelector('noad'); if (!isAdsDisabled){ var countdownTimer = null; var timerItem = document.querySelectorAll('[data-sber-timer]'); var seconds = parseInt('15388' + '59599') - now(); function now(){ return Math.round(new Date().getTime()/1000.0); } function timer() { var days = Math.floor(seconds / 24 / 60 / 60); var hoursLeft = Math.floor((seconds) - (days * 86400)); var hours = Math.floor(hoursLeft / 3600); var minutesLeft = Math.floor((hoursLeft) - (hours * 3600)); var minutes = Math.floor(minutesLeft / 60); var remainingSeconds = seconds % 60; if (days

Push-уведомления

["\u0425\u0430\u043a\u0435\u0440\u044b \u0441\u043c\u043e\u0433\u043b\u0438 \u043e\u0431\u043e\u0439\u0442\u0438 \u0434\u0432\u0443\u0445\u0444\u0430\u043a\u0442\u043e\u0440\u043d\u0443\u044e
\u0430\u0432\u0442\u043e\u0440\u0438\u0437\u0430\u0446\u0438\u044e \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u0443\u0433\u043e\u0432\u043e\u0440\u043e\u0432","\u0413\u043e\u043b\u043e\u0441\u043e\u0432\u043e\u0439 \u043f\u043e\u043c\u043e\u0449\u043d\u0438\u043a \u0432\u044b\u043a\u0443\u043f\u0438\u043b
\u043a\u043e\u043c\u043f\u0430\u043d\u0438\u044e-\u0441\u043e\u0437\u0434\u0430\u0442\u0435\u043b\u044f","\u041f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435-\u043f\u043b\u0430\u0446\u0435\u0431\u043e \u0441\u043a\u0430\u0447\u0430\u043b\u0438
\u0431\u043e\u043b\u044c\u0448\u0435 \u043c\u0438\u043b\u043b\u0438\u043e\u043d\u0430 \u0440\u0430\u0437","\u041a\u043e\u043c\u043f\u0430\u043d\u0438\u044f \u043e\u0442\u043a\u0430\u0437\u0430\u043b\u0430\u0441\u044c \u043e\u0442 email
\u0432 \u043f\u043e\u043b\u044c\u0437\u0443 \u043e\u0431\u0449\u0435\u043d\u0438\u044f \u043f\u0440\u0438 \u043f\u043e\u043c\u043e\u0449\u0438 \u043c\u0435\u043c\u043e\u0432","\u041a\u043e\u043c\u0430\u043d\u0434\u0430 \u043a\u0430\u043b\u0438\u0444\u043e\u0440\u043d\u0438\u0439\u0441\u043a\u043e\u0433\u043e \u043f\u0440\u043e\u0435\u043a\u0442\u0430
\u043e\u043a\u0430\u0437\u0430\u043b\u0430\u0441\u044c \u043d\u0435\u0439\u0440\u043e\u043d\u043d\u043e\u0439 \u0441\u0435\u0442\u044c\u044e","\u041d\u0435\u0439\u0440\u043e\u043d\u043d\u0430\u044f \u0441\u0435\u0442\u044c \u043d\u0430\u0443\u0447\u0438\u043b\u0430\u0441\u044c \u0447\u0438\u0442\u0430\u0442\u044c \u0441\u0442\u0438\u0445\u0438
\u0433\u043e\u043b\u043e\u0441\u043e\u043c \u041f\u0430\u0441\u0442\u0435\u0440\u043d\u0430\u043a\u0430 \u0438 \u0441\u043c\u043e\u0442\u0440\u0435\u0442\u044c \u0432 \u043e\u043a\u043d\u043e \u043d\u0430 \u043e\u0441\u0435\u043d\u044c"]

Хакеры смогли обойти двухфакторную
авторизацию с помощью уговоров

Подписаться на push-уведомления

Показать больше

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

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

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

Кнопка «Наверх»
Закрыть