Выделение информации цветом. Цвет

1 2 3 4 5 6 7

Цель выделения информации = привлечь внимание => много выделять нельзя. Выделено все = не выделено ничего.

1. Располагаем поля без выделения

2. Начинаем эксперементировать с выделением

Чем меньше способов выделения использовано, тем лучше.

Варианты выделения:

· Цвет символа

· Цвет фона

· Уровень яркости

· Мерцание(анимация) – работает плохо.

Работает для привлечения внимания, когда не постоянно/ кратковременная (пример с поиском мыши).

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

· Размер букв, подчеркивание, шрифт.

· Звуки.

Чем меньше- тем лучше. Иметь возможность отключения.

Нужен: когда пользователь не смотрит на экран (звуковая анимация). Снабдить текстовым сопровождением (showmessages).

Что играть: Дать выбрать мелодию (один звук издать и всё), нейтральную желательно. Повторение начинает раздражать, использовать звукоряд (шаг по тону).

Щелчки клавиатуры, как символ использования определенного языка.

Цвет. Управление цветом.

1. Делать как можно проще (цветов не должно быть много)

Пример: Веб-страница. 4 цвета: текст, фон, ссылка, отработанная ссылка.

Корректно ведет себя windows – использует 16-20 цветов.

Если цвета несут смысловую нагрузку, то запоминать что несет каждый цвет – жестко. (max 5 цветов)

При большом количестве цветов разумнее манипулировать наборами цветов - палитрами.

Использовать цвета для выделения логических групп.

· Для данных - яркие цвета.

· Для фона – спокойные: в малых областях – яркие; в больших областях – спокойные.

· Для ЖК экрана: угол зрения влияет на цвет, следовательно необходимо подумать о такой ситуации.

· Одни и те же изображения на разных экранах выглядят по разному, следовательно возникает понятие безопасной палитры. Цвета безопасной палитры выглядят примерно одинаково на разных мониторах при разном освещении.

Безопасная палитра – RGB 216 цветов, рекуомендуется использовать их. Для web использовать только их.

После 50 лет «хрусталик желтеет» - голубой цвет начинает сливаться с белым.

Изображение глубины

Синие цвета кажутся дальше красных (хромостереопсис)

Если на фоне текст вдавлен – красный фон, синий текст

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

Если объекты накрывают друг друга:

Далеко -> близко

2 объекта: красный - синий или желтый - синий

3 объекта: красный зеленый синий; желтый зеленый синий

4 объекта: красный желтый зеленый синий

5 объектов: красный оранжевый желтый зеленый синий

6 объектов: красный оранжевый желтый зеленый синий фиолетовый

Размер изображения:
1. области с теплым фоном кажутся крупнее области с голубым фоном
2. яркие области кажутся большими
3. цвет в маленьких областях трудноразличим
4. для выделения деталей использовать контрастные цвета: темный и светлый; пара взаимодополняющих цветов при смешивании дают белый
5. области на белом фоне кажутся ярче и легче воспринимаются при разном освещении
6. стандартная ошибка: использование для фона текстуры или градиентной заливки, изображение под текстом
7. цвет пункта меню совпадает с цветом горячей клавиши
8. дать пользователю выбирать цвета, если это не вредит делу: чтобы не было одинакового цвета у фона и в тексте