Как обозначить успех или неудачу цветом?

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

Моей первой мыслью было: зеленый - успех, красный - неудача.

Но потом я прочитал, что 10% мужчин не могут различить эти два цвета. Какое сочетание цветов будет лучше?

(Для придирок: да, я знаю, что одного цвета недостаточно, также можно использовать текст, форму и шум. Тем не менее я спрашиваю о правильном использовании цвета.)

Обратите внимание, что дальтонизм (я использую здесь общий термин для краткости) не обязательно означает, что «зеленый и красный» нельзя различить. Другие цветовые комбинации могут быть проблематичными, хорошо подойдут и хорошо насыщенные красный и зеленый.

Agos 28.05.2010 13:34
Стоит ли изучать PHP в 2026-2027 годах?
Стоит ли изучать PHP в 2026-2027 годах?
Привет всем, сегодня я хочу высказать свои соображения по поводу вопроса, который я уже много раз получал в своем сообществе: "Стоит ли изучать PHP в...
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Приемы CSS-макетирования - floats и Flexbox
Приемы CSS-макетирования - floats и Flexbox
Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...
Тестирование функциональных ngrx-эффектов в Angular 16 с помощью Jest
В системе управления состояниями ngrx, совместимой с Angular 16, появились функциональные эффекты. Это здорово и делает код определенно легче для...
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Пользовательский скаляр GraphQL
Пользовательский скаляр GraphQL
Листовые узлы системы типов GraphQL называются скалярами. Достигнув скалярного типа, невозможно спуститься дальше по иерархии типов. Скалярный тип...
5
1
9 565
10
Перейти к ответу Данный вопрос помечен как решенный

Ответы 10

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

Я должен признать что

  1. Я не знаю, является ли красно-желто-зеленая конфигурация светофоров в Великобритании мировым стандартом, который нельзя интерпретировать, и
  2. Будет ли контраст между включенным и выключенным светом достаточным для того, чтобы пользователь с ослабленным зрением мог различить их.

Просто идея ...

Используйте цвет и подпишите. Зеленый со знаком «+» и красный со знаком «-». Таким образом, люди, которые не видят цвета, поймут.

Если это цвет фона линии сетки, для решения проблемы добавьте столбец «Состояние» и используйте значок + или -.

Думаю, вы сами на это ответили. Используйте зеленый / красный в дополнение к тексту. Большинство людей понимают зеленый / красный цвет. Если вы измените его на синий / желтый, 90%, которые видят зеленый / красный, будут сбиты с толку. Придерживайтесь соглашения и добавьте текст, чтобы помочь 10%, которые не видят зеленый / красный.

На мой взгляд, лучший способ добиться этого - использовать сочетание цвета и значка / текста.

Например, если в моей форме есть ошибки, я делаю следующее:

  • Предоставьте текстовый заголовок в верхней части формы, в котором указано что-то аля: «К сожалению, с вашими отправками возникли некоторые проблемы: не указана фамилия и т. д.»

  • В каждом поле ошибки я выделяю розовый фон поля и изменяю границу. Он не только меняет цвет, но и делает тонкий, но заметный акцент на поле ошибки.

  • Наконец, в зависимости от сайта и количества места, которое у меня есть, я добавляю небольшой значок «предупреждение» с небольшим сообщением после этого поля.

Со всеми этими тремя комбинациями форму ошибки легко читать, и всем людям трудно не заметить, что происходит.

Ответ принят как подходящий

alt text Красный + x = неудача

alt text Зеленый + галочка = Успех

Обратите внимание, что в некоторых культурах значение крестика и галочки может быть обратным.

Henrik Paul 13.05.2009 21:25

Плюс добавление текста, указывающего на успех, и неудача должна указывать, почему она не удалась.

MrChrister 13.05.2009 21:27

Обычно мы реализуем это так:

Мы написали 2 общие функции, в которых мы форматируем строку с помощью {0} для ошибки fmsg и зеленого для успеха.

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

Но поскольку ppl для дальтонизма: используйте изображения X для ошибки с тем же способом, описанным выше, или даже оранжевый для ошибки и синий для успеха также хороший вариант.

Помните, что эти «очевидные» цветовые ассоциации (зеленый = хороший, красный = плохой) - это культурно вариант. Таким образом, не полагаться только на цвет - очень хорошая идея.

Из msdn.microsoft.com/en-us/library/…: «Интерпретация красного, желтого и зеленого для обозначения статуса единообразна во всем мире. Это связано с Венской конвенцией ЮНЕСКО о дорожных знаках и сигналах, которая определяет всемирную конвенцию для светофоров (где красный означает остановку, зеленый означает движение. , а желтый означает действовать с осторожностью) "

Robert Fraser 28.05.2010 03:54

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

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

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

Как человек с дальтонизмом на красный / зеленый, я могу легко определить разницу между двумя цветами в их «чистом» виде. Проблема в том, что красный имеет тенденцию выглядеть «размытым» - больше коричневого и зеленого / желтого сливаются вместе. Я считаю, что из 8% мужчин, страдающих дальтонизмом, очень немногие совершенно не способны отличить чистый красный от чистого зеленого. Проблема в том, что точный цвет свитера, который я ношу, или осенних листьев может быть трудным и запутанным. Кроме того, мне ДЕЙСТВИТЕЛЬНО приходится нелегко с любыми светодиодами и особенно светофорами; они могут сбивать с толку в основном потому, что я больше привязан к относительной яркости, чем к оттенку, и некоторые сигналы сильно различаются по яркости.

Другие вопросы по теме