Есть у меня разные интересные книжки на тему живописи и оформительства. В одной из них есть табличка восприятия шрифта в зависимости от его цвета и фона, на котором сделана эта надпись.
В последнее время сталкиваюсь с разными сайтами, рекламными транспорантами и всякими подобными текстами, которые с точки зрения восприятия человеком выполнены крайне безграмотно. Если сделать одну и ту же надпись, но в разных цветах и на фоне тоже разных цветов, то эта фраза в одном случае воспринимается легко и просто и сама западает в память и на ней легко удерживать внимание. А если выполнить другими цветами, то эта же фраза вообще не будет восприниматься, либо будет восприниматься с трудом.
Ниже выдержка из книги:
Четкость, ясность, простота графических форм
Соблюдение этих требований объясняется особенностями человеческого зрения в процессе чтения охватывать глазом одновременно группу букв или даже слов, скоростью опознания букв, осмысления слов, то есть скоростью чтения. Это чрезвычайно важная характеристика шрифта, предназначенного для письменного текста в наглядной агитации.
Четкость определяется контрастом отношения цвета шрифта к цвету фона. Надо помнить, что контраст буквы с фоном зависит не только от цвета, но и от характера поверхности (рельефной, шероховатой, гладкой, полированной или зеркальной). Приведем выведенные экспериментальным путем усредненные показатели влияния на четкость шрифта и его удобочитаемость сочетаний основных цветов для дневного освещения в последовательности по ухудшению четкости и удобочитаемости.
Удобочитаемость – это общая оценка пригодности шрифта. Любой шрифт должен легко и без искажений передавать содержание текста.
Привожу таблицу удобочитаемости восприятия человеком шрифта в зависимости от разного цвета.
Высшее место, по наилучшему восприятию, занимает 1, а наихудшее место восприятия занимет 13.
Удобочитаемость | Шрифт | Фон | Пример |
---|---|---|---|
1 | чёрный | жёлтый | Пример |
2 | зелёный | белый | Пример |
3 | красный | белый | Пример |
4 | синий | белый | Пример |
5 | белый | синий | Пример |
6 | черный | белый | Пример |
7 | жёлтый | чёрный | Пример |
8 | белый | красный | Пример |
9 | белый | зелёный | Пример |
10 | белый | чёрный | Пример |
11 | красный | жёлтый | Пример |
12 | зелёный | красный | Пример |
13 | красный | зелёный | Пример |
Источник: с. 59, книга : Смирнов С.И. Шрифт в наглядной агитации
, М.:Плакат, 1987., 192 с., ил.
Зная эту информацию, вы легко сможете правильно подбирать цвета шрифта и фона, чтобы легко воспринимать текст. Попутно могу сказать, что многие программисты (не понятно почему) устанавливают одно из худших оформлений поля редактора программного кода – белый шрифт на чёрном фоне, что затормаживает восприятие информации.
2023-05-29