Arial, Verdana, Times New Roman, Georgia – шрифты, знакомые каждому.
Скучный, стандартный, часто используемый.
Настолько укоренилось в программах обработки текста, что люди перестали придавать значение визуализации контента.
И станет приятнее, если вы поменяете serif (тип шрифта с засечками) на sans (тип шрифта без засечек).
Давайте разберемся, какой шрифт использовать для каких целей.
Шрифты подчеркивают смысловую тему.
Если шрифт выбран неправильно, читатель даже не поймет, почему текст не воспринимается.
Писатель или дизайнер может управлять восприятием информации, изменяя особенности шрифта.
Основная задача – привлечь внимание.
Неправильный выбор стиля вызывает негатив и даже раздражение.
Есть несколько критериев хорошего шрифта:
- ЧИТАЕМОСТЬ Самое главное в шрифте — это его доступность.
Чем читабельнее шрифт, тем лучше.
Все примеры взяты из https://fonts.google.com .
- Для заголовков лучше использовать буквы без засечек – sans (или sans-serif).
Стили тяжелые, монолитные и более художественные.
Это привлекает внимание к основному заголовку.
Примеры (успешных) шрифтов без засечек: Oswald, Poppins, Raleway, PT Sans и т. д.
- Для основного текста лучше использовать шрифты с засечками.
Объем материала не будет выглядеть тяжелым благодаря засечкам: они добавляют воздуха крупным блокам.
Текст читается легче и быстрее и не напрягает глаза.
Примеры (успешных) шрифтов с засечками: Lora, PT Serif, Noto Serif, Antic SLab и др.
- Самый трудный для чтения тип шрифта:
Текст сливается в единый беспорядок.
Такие шрифты лучше никогда не использовать.
Display — более гибкий шрифт, чем моноширинный, но нужно быть осторожным, иначе можно перегрузить визуальное восприятие.
Подходит для заголовков или коротких абзацев, чтобы привлечь внимание.
Общей гарантией читабельности текста является иерархия.
Важно выделить заголовок размером или совершенно противоположным шрифтом от основного текста.
Лучше выбрать два противоположных стиля — один для заголовка, второй для основного текста.
Заголовок – это то, что привлекает внимание к основному тексту.
Идеальный пример – старые газеты.
Двух шрифтов будет достаточно, а текстовые блоки располагайте так, чтобы текст не выглядел одним куском.
Читабельность также зависит от выбора цветов.
Для печати подойдет классический – черный по белому (или любой светлый оттенок на темном).
Не рекомендуется использовать цвета, находящиеся рядом на цветовом круге – желтый с красным, синий с зеленым и т. д. В цифровом формате можно экспериментировать.
В электронном виде легко читается как темное на светлом, так и светлое на темном.
2. НАСТРОЕНИЕ Эмоции, которые мы передаем в нашем дизайне, во многом зависят от шрифта.
Шрифты с засечками, без жирного и курсива, тонкие, без контрастов, придадут элегантный и минималистичный вид. Чтобы создать тяжелый, строгий, выдержанный стиль, используйте строгие шрифты с прямыми линиями, четкими формами и без засечек.
Помните: цель шрифта — донести до читателя нужную информацию, а не быть красивым и нравиться всем.
3. ВСТАВКА Приятные моменты с выбором стиля и самого шрифта закончились.
Начинается суровая техническая реальность — критерии верстки текста.
Чтобы размещение текста в веб-пространстве выглядело сносно, важно соблюдать основные правила:
- Межстрочный интервал – влияет на читаемость текста, должен быть не менее 30-60%.
- Длина строки — при чтении необходимы перерывы, чтобы внимание читателя не терялось.
Слишком короткий – плохо, слишком длинный – еще хуже.
Прочитайте текст вслух.
Копирайтеры используют лайфхак: если фразу невозможно прочитать на одном дыхании, не вздохнув, нужно сократить предложение.
- CapsLock - в большом количестве ухудшает восприятие текста.
- Отступы.
Для удобства чтения тексту необходим воздух.
Существует правило: верхнее и боковое поля равны, а нижнее всегда больше верхнего.
Глаз лучше обрабатывает информацию, когда объекты на странице расположены чуть выше, чем посередине.
Изучите страницы книг, отступ внизу больше, чем вверху.
- Акценты позволяют вниманию пользователя не рассеиваться и цепляться за важные моменты текста.
Расставляйте акценты по цвету, стилю, размеру, но более 2-3 по всему тексту.
Лучше выбрать один способ расстановки акцентов.
Источник: Как выбрать шрифт Как выбрать шрифт freelance.codeby.net
-
Оман
19 Oct, 24 -
Сервер 1С 8.2 + Mssql 2008 + Backup
19 Oct, 24
