Подобрать нужный шрифт для блога - задача не из лёгких. Шрифт решающим образом влияет на то, как ваши посетители будут воспринимать блог. Как выразился дизайнер Джейсон Берд в своей книге "Веб-дизайн. Руководство разработчика", "плохих шрифтов не бывает - бывают только неподходящие".
- В блоге должно быть два различных шрифта (но не более четырёх).
- Не используйте два шрифта с засечками или два шрифта без засечек.
- Не используйте диссонирующие цвета.
Контраст текста и фона
Сочетание цветов
|
Уровень удобочитаемости
|
Черный текст на белом фоне
|
Высокий: самый высокий контраст и самый высокий уровень зрительного восприятия
|
Синий текст на белом фоне
|
Высокий: высокий уровень зрительного восприятия, если пользователь различает темно-синий цвет
|
Черный текст на сером фоне
|
Средний: уровень зрительского восприятия от среднего до высокого, в зависимости от оттенков и насыщенности цветов
|
Белый текст на синем фоне
|
Низкий: сложно читать, поскольку текст приглушается темным фоном
|
Серый текст на белом фоне
|
Низкий: самый низкий контраст и самый низкий уровень зрительного восприятия
|
Белый текст на сером фоне
|
Низкий: низкий контраст и низкий уровень зрительного восприятия
|
Красный текст на синем фоне
|
Очень низкий: сочетание ярких цветов создает эффект «дрожания» текста, утомляющий зрение
|
Красный текст на черном фоне
|
Очень низкий: сочетание ярких цветов создает эффект «дрожания» текста, утомляющий зрение
|
Характеристики популярных шрифтов
Название шрифта
|
Удобочитаемость на экране
|
Характеристика
|
Arial
|
Воспринимается хорошо только при соответствующем размере.
Не следует использовать шрифт размером меньше 10.
|
Современный, довольно четкий шрифт без декоративных излишеств. Пользуется популярностью среди всех возрастных категорий.
|
Comic Sans MS
|
Нестандартные формы букв значительно осложняют чтение при любых размерах шрифта.
|
Приятный, молодежный, забавный и неформальный. Не подходит для использования на серьезных и профессиональных сайтах.
|
Из набора шрифтов «с засечками» лучше всего подходит для использования в сети.
Лучше всего воспринимается на экране при размере шрифта не меньше 10.
|
Традиционный шрифт, но немного более современный и удобный для восприятия на экране, чем Times NewRoman.
| |
Impact
|
В основном используется при печати. Крайне плохо воспринимается на экране при любых размерах.
|
Жирный шрифт. Не подходит для набора блоков текста. Можно использовать только для отдельных заголовков.
|
Times New Roman
|
Прекрасно подходит для печати. Удобство восприятия на экране резко снижается при выборе размера меньше 12.
|
Традиционный шрифт. Не используется профессионалами для отображения на экране. Пользователи ни одной из возрастных категорий не отдают ему предпочтения.
|
Trebuchet MS
|
Хорошо воспринимается только при соответствующем размере. Не следует использовать шрифт размером меньше 10.
|
Современный, простой с четким контуром.
|
Verdana
|
Наиболее удобный шрифт для восприятия на экране. Хорошо воспринимается практически при любых размерах.
|
Современный, простой, профессиональный. Рекомендуется для написания основного текста веб-страниц, удобочитаемость которого особенно важна. Большинство пользователей отдают предпочтение именно этому шрифту.
|
Комментариев нет:
Отправить комментарий