Первоначальное распределение сочетания цвета шрифта и фона по убыванию читабельности

1. 41633 (17 человек)

2.

41531
Первоначальное распределение
сочетания цвета шрифта и фона
по убыванию читабельности
Распределение сочетания цвета шрифта и
фона по убыванию читабельности после
анализа

3. Первоначальное распределение сочетания цвета шрифта и фона по убыванию читабельности

Распределение сочетания цвета шрифта и
фона по убыванию читабельности после
анализа

4. 1 2 3 4 5 6 7 8 9 10 11 12 13

5.

Недопустимое сочетание цвет букв - фон

6.

7.

8.

Свет проникает в глаз через зрачок и фокусируется на
сетчатке, стимулируя палочки и колбочки

9.

Клетки сетчатки

10.

Работа с испускаемым светом

11.

Пигмент циан поглощает только красный свет, маджента –
зеленый, а желтый – синий, поэтому можно использовать эти
цвета для смешивания отраженного света с максимальной
чистотой

12.

L-колбочки (красный 570 нм)
М-колбочки (зеленый 535 нм)
S-колбочки (синий 425 нм)
Большинство дефектов
связаны с красными и
зелеными колбочками
(аномальный трихроматизм,
8% мужчин, 0,5% женщин).
Если один вид колбочек
отсутствует полностьюдихроматизм (редко для
людей, характерно для собак
и других млекопитающих).
Повреждение красных
колбочек – протанопия.
Повреждение зеленых –
дейтеранопия.
Синих - тританопия

13.

Наиболее приемлемым и удобным для чтения является черный текст на белом фоне.
В целом для оформления текста рекомендуются темные цвета, для оформления
фона – холодные и ненасыщенные.
Если использовать белый шрифт на черном фоне, то его контрастность будет такой
же, как у черного шрифта на белом фоне. Но, вместе с тем, в первом случае
удобочитаемость текста будет значительно ниже, особенно при выборе шрифтов с
засечками малых размеров – в частности, белые края букв кажутся размытыми.
Для того чтобы избежать подобного эффекта, необходимо применять шрифт
размером не менее 14 пикселей. Вообще, если нельзя обойтись без оформления
фона темным цветом, лучше выбрать не черный цвет, а какой-нибудь другой темный
оттенок (например, в шестнадцатеричной системе кодирования цвета используются
такие параметры для черного цвета как: 111111, 333333, 4d4d4d). Несмотря на то, что
это немного снизит контрастность, эффект размытых краев букв будет существенно
ниже.
Необходимо избегать комбинирования схожих цветов, например, серого шрифта на
белом фоне. Низкий контраст приводит к чрезмерному напряжению зрения и быстро
утомляет пользователя. Следует также осторожно использовать сочетания ярких,
контрастных оттенков: (фиолетовых и желтых), (синих и красных), (черных и
красных). Яркие цвета будут довольно контрастны, но их сочетание вызывает
эффект «дрожания» текста на экране, что значительно осложняет его восприятие.
Сам фон лучше всего воспринимается в светлых, пастельных, спокойных тонах, без
рисунков, узоров и водяных знаков. Делайте его однотонным, применяя различные
приемы затухания или градиента, не забываем и о том, что среди нас есть люди,
которые плохо различают сочетание оттенков красного с зеленым.
Таблица базовых цветов

14.

15.

16.

17.

18.

Черновой макет сайта