2009-02-06 3 views
23

Мне любопытно, слышали ли многие из нас, кто занимается разработкой или принятием проектных решений, этой проблемы.Цветная слепота: Вы знаете об этом? Вы проектируете для этого?

Я знаю, что существуют опасные комбинации цветов, такие как зеленый + красный. Это, вероятно, один из самых популярных случаев цветовой слепоты. Если у вас зеленый текст на красном фоне, и наоборот, некоторые люди ничего не заметят.

Я также видел на практике, что зеленый текст на синем фоне не видел ни один парень.

Какие еще цветные композиции следует избегать и как часто эти случаи следует ожидать?

Давайте сделаем некоторое ранжирование, встречаясь с вероятностью, у кого есть числа.

Дополнение: Я только что вспомнил один очень плохой пример, который вызывает проблемы практически для всех - синий текст на черном фоне. Он не читается во всех смыслах и целях. Никогда не мог понять, что могло бы заставить веб-мастера использовать эту комбинацию цветов ...

+4

Я нахожу ваше использование слова «популярным» забавным в этом контексте. :) – unwind

+2

В моей последней компании наш генеральный директор был красным + зеленым слепым цветом, поэтому мы планировали это постоянно - если не по какой-либо другой причине, кроме как держать его в раздражении. – Dinah

+1

Синий на черном не кажется мне нечитаемым. Я пробовал разные оттенки. Только очень темные тени стали нечитаемыми из-за отсутствия контраста. – Ikke

ответ

5

Я думаю, что это должно быть довольно распространенным явлением, и разработчики, которые не принимают его во внимание, обречены блокировать удивительно высокую долю своих клиентов. На моем рабочем месте из примерно 30 человек в отделе R & D 2 в некоторой степени являются цветными слепыми, а один из них имеет ограниченное зрение - ему нужно использовать цветовую схему «Высокий контраст», чтобы выполнить любую работу. Хорошим тестом является запуск вашего приложения в различных высококонтрастных схемах. Если вы этого не сделали, я могу в значительной степени гарантировать, что он будет нечитабельным. Вы должны иметь возможность обрабатывать подобные схемы для лучшей доступности.

+3

Это не высокая пропорция – 2009-02-06 09:54:19

+2

Ириимбилианья, вокруг вас больше людей с дефицитом цвета, чем вы понимаете. – icelava

+0

10% было удивительно высоко для меня. Может, это не для вас? Вы знаете больше? –

16

Я всегда проверяю свои страницы в http://www.vischeck.com/vischeck/vischeckURL.php, чтобы убедиться, что я не выбрал действительно плохие цвета. Или этот http://colorfilter.wickline.org/

+0

Ничего себе, я думал, что слепота цвета была гораздо более серьезной, чем на самом деле. Вы могли бы подумать, что все зеленые/красные на stackoverflow вызовут проблемы, но иметь дело с приглушенным зеленым и оранжевым не так уж и важно. – mmcdole

3

Мой прямой босс - дальтоник, так что да, мы учитываем это. ;-).

1

В Windows вы можете запросить систему для системных цветов. Я всегда их использую.

Вы можете протестировать свое приложение, используя настройки с высоким контрастным экраном, если все доступно для чтения, я полагаю, все в порядке.

В статье, которая открыла мне глаза на это здесь: http://msdn.microsoft.com/en-us/library/bb263953.aspx

3

Да, безусловно, необходимо рассмотреть его в любом случае, когда вы используете цвета для идентификации и/или Демарк вещи.

Классический корпус - это индикаторы светофора, которые обычно являются красными, желтыми и зелеными. Красная/зеленая цветная слепота довольно распространена. Если вы создаете приложения, которые должны соблюдать законодательство о доступности, вы должны учитывать это и множество других вещей.

Правительство Квебека в Канаде признает это в той мере, в какой их фактические светофоры имеют разные формы, а также разные цвета. Действительно имеет смысл.

+0

Я видел некоторую конструкцию, предполагающую, что мы делаем кулеры светофора с квадратными огнями вместо круглых - и усиливаем сигналы поворота, чтобы использовать только одну стрелку, которая будет сиять красным или зеленым .., что меня забавляло ^^ –

1

Я проделал определенную работу для департаментов правительства США, которые связаны разделом 508, так что это происходит.

Красный/зеленый на сегодняшний день является наиболее распространенной формой, но существуют и другие (особенно синие/желтые и монохроматические), поэтому в целом важно поддерживать высокий уровень контраста.

1

Помимо зеленого + красного, еще один относительно распространенный тип цветной слепоты - синий и желтый.

Мы принимаем во внимание цветную слепоту при создании наших игр. Одна игра, которую мы разработали (Arcade Lines), имеет цветные шары, которые вы должны выровнять в одинаковых цветах. Мы старались учитывать цветную слепоту, предлагая специальный скин для слепых людей, которые имеют не только разные цвета, но и разные формы (одна форма для каждого цвета).

3

Веб-сайты должны обслуживать всех, будь то слепые, глухие или что-то еще.

В Королевском институте слепых в Великобритании есть интересные статьи о веб-дизайне для частично занятых людей; link text

В том числе цветового контраста link text

и использование цвета для передачи информации link text

1

Я могу предложить вам this сайт. Он имеет селектор цветовой схемы, а в нижней правой части его есть выпадающее меню, используемое для переключения между обычными проблемами, связанными с глазом, и соответственно сменой схемы.

7

Я сам ослепляю цвет зеленого цвета, так что да, я принимаю это во внимание :)

Соблюдайте рекомендации по дизайну, упомянутые на сайтах, к которым относятся другие. Но есть некоторые идеи, которые я хотел бы подчеркнуть:

  • жестко прописывать любые цвета не может быть хорошей идеей. Настраиваемые и скин-файлы хороши.
  • В частности, индикаторы жесткого кодирования «красный = плохой, зеленый один - хороший», возможно, не очень хорошая идея.
  • И, hardcoding такой же индикатор «когда он зеленый, это хорошо, когда он красный, это плохо». Определенно, плохая идея.

(Является ли аккумулятор заряжен?)

0

На самом деле я никогда, хотя об этом. Однако, размышляя сейчас, я не могу вспомнить случаи, когда мои приложения зависели от цвета. Текст почти всегда белый или черный (хотя иногда используются красный или зеленый), а цвет фона довольно бледный, в основном для некоторых глазных конфет, а не информации. Однако я буду иметь это в виду. Это не так сложно, если веб-страница будет выглядеть как-то-контрастно. :)

+0

На удивление трудно испортить, вы можете подумать, что это здравый смысл, но некоторые люди просто не знают лучше. – Sneakyness

0

Красный-зеленый может быть самым распространенным, но не единственным типом дефицита цвета.

В общем, ваш пользовательский интерфейс должен быть видимым и пригодным для использования, если смотреть в оттенках серого или сепии. Текст и фон должны иметь высокий уровень контрастности, чтобы выделяемые формы были чисто тонами, а не цветными.

Визуальные элементы, которые включают цвет, а не уникальное искусство/значки, могут сопровождаться текстом, чтобы дать более подробное описание того, что они представляют.

0

Цвет Оракул - отличный инструмент, который имитирует различные типы цветной слепоты.Вы можете запустить свое приложение/веб-сайт и запустить это приложение - это даст вам представление о том, как пользователи с цветным слепым будут интерпретировать ваше творение.

http://colororacle.cartography.ch/

0

Я узнал этот нелегкий путь, когда я сказал моему коллеге, чтобы нажать на красную кнопку .. когда он сказал «какой?» Я думал, что он просто тускнеет, поэтому я снова сказал ему. Тогда он сказал мне, что он слепый, и я был таким глупым.

Теперь он работает на железных дорогах, записывая программное обеспечение для сигнализации. Хорошая работа - красный свет всегда один на вершине :)

Итак, вы должны учитывать цветную слепоту? Возможно, нет, точно так же, как вы не создаете свои экраны для большой поддержки шрифтов, но вы должны, если хотите сделать действительно хорошую работу, а не в основном приемлемой.

0

Однажды я написал собственное приложение, в котором была использована диаграмма рассеяния с разными сериями, отличающимися цветом. Мой основной пользователь оказался цветным слепым (красно-зеленый, я думаю), поэтому я добавил цвет с изменением символов.

Смежные вопросы