Головач Владислав. Три правила дизайна элегантных интерфейсов

81

Из грязи в князи: три правила дизайна элегантных интерфейсов

Недостаток контраста

у цветного фона 

...так это контраст.

82

Из грязи в князи: три правила дизайна элегантных интерфейсов

Недостаток контраста

у цветного фона 

Проблема в том, что это

был в основном цветовой

контраст, при котором

различаются

цвета, а не яркость

композиционных

элементов.

Например, здесь все

цвета различаются

по цвету, а не по яркости.

Если убрать цветовую

составляющую, картинка

окрасится в серый цвет.

83

Из грязи в князи: три правила дизайна элегантных интерфейсов

Недостаток контраста

у цветного фона 

Стоит убрать цвет,

как пролетевший

фашист превращается

в практически

равномерное, крайне

уродливое пятно.

84

Из грязи в князи: три правила дизайна элегантных интерфейсов

Недостаток контраста

у цветного фона 

Именно это нам и грозит:

интерфейсы, как правило,

не могут содержать

много цветового

контраста. Просто потому,

что для цветового

контраста нужно

много цвета, а много

цвета (в особенности

множество разных

цветов) сильно утомляет

глаз при длительном

взаимодействии

с интерфейсом.

85

Из грязи в князи: три правила дизайна элегантных интерфейсов

Недостаток контраста

у цветного фона 

Соответственно, все,

чем может располагать

дизайнер интерфейса,

это цвет фона, основной

цвет (например,

цвет текста), и один

выделительный цвет.

86

Из грязи в князи: три правила дизайна элегантных интерфейсов

Недостаток контраста

у цветного фона 

И чем сильнее будут

различаться цвет фона

и основной цвет (точнее,

не цвета, а значения

яркости), тем больше

контраста будет

в интерфейсе.

Именно поэтому по

степени контрастности

нет альтернатив

произвольному темному

цвету на белом фоне или

произвольному светлому

цвету на черном фоне .

Основной цвет

87

Из грязи в князи: три правила дизайна элегантных интерфейсов

Недостаток контраста

у цветного фона 

Важное уточнение:

мониторы сами испускают

цвет, так что контраст

может оказаться

избыточным, особенно

при длительной работе с

интерфейсом. Допустимо

снижать контраст,

делая цвет фона более

нейтральным (например,

для ЖК-мониторов это

примерно  черного).

Выглядит хуже,

работается лучше.

Основной цвет

88

Из грязи в князи: три правила дизайна элегантных интерфейсов

Потеря выделитель-

ного цвета 

Один цвет интерфейса

обязательно должен

быть выделительным.

Например, в Windows

по умолчанию синий

используется как

выделительный.

89

Из грязи в князи: три правила дизайна элегантных интерфейсов

Потеря выделитель-

ного цвета 

Чтобы выделительный

цвет выделял (буквально

бросался в глаза),

он должен сильно

отличаться от цвета фона.

Например, выделяется ли

выделительный цвет

сейчас?

Это риторический

вопрос.

90

Из грязи в князи: три правила дизайна элегантных интерфейсов

Потеря выделитель-

ного цвета 

Таким образом, цвет

фона сокращает выбор

выделительного

цвета. Так, розовый

фон помешает сделать

красный выделительным.

А синий фон панели

инструментов не

позволит выжать

максимум контраста

из пиктограмм на ней,

поскольку в них не

удастся полноценно

использовать синий.

Головач Владислав. Три правила дизайна элегантных интерфейсов

Подождите немного. Документ загружается.