Лучшие способы визуализации коробки неопределенного цвета, когда возможные цвета дополняют друг друга?


21

введите описание изображения здесь

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

Вот что я рассмотрел до сих пор и почему я не доволен этим:

  • Приложение 3: Разделение цвета заливки поля, делающее знак вопроса белым. Часть знака вопроса на оранжевом фоне не очень хорошо видна.
  • Приложение 4: Разделение цвета заливки поля, делающее знак вопроса черным. Часть знака вопроса на синем фоне плохо видна.
  • Приложение 5: Разделение цвета заливки поля и вопросительного знака. Знак вопроса трудно распознать как один символ.
  • Приложение 6: Использование некоторого среднего цвета заливки между синим и оранжевым. Поскольку оба дополняют друг друга, это не дает достаточно ясного представления о том, что только синий и оранжевый цвета являются возможными состояниями и что речь идет не о каком-то состоянии между ними.

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

Мой вопрос: есть ли лучший способ визуализировать это, что я скучаю?

В случае, если это имеет значение: это для научного плаката (т. Е. Он должен быть читаемым с расстояния около 1 м), каждая коробка имеет ширину примерно 1 см. Фон белый. Я не могу точно настроить цвета напечатанных результатов, но должен жить с тем, что я получаю.


¹ Случай, который на самом деле и оранжевый, и синий, явно исключен из контекста.


1
Как насчет использования # 3, но с изменением шрифта на что-то действительно тяжелое и расширенное? Шрифт кажется немного тонким, но ваша идея смешивания синего и оранжевого имеет смысл в этом контексте; знаки вопроса делают это логичным и легким для понимания. В противном случае черная тень с расстоянием 0 также может быть хорошей, если применить ее к значку / персонажу. type.co.uk/preview/imgs/…
go-junta

1
+1 за действительно хорошие примеры и обширный фон вопроса. Это действительно примерный вопрос.
PieBie

Я категорически не согласен с подходом «два цвета в одном». Без ключа это передает «оба», а не «ни то, ни другое». Здесь вы на самом деле имеете дело с системой с 4 значениями: вариант 1, вариант 2, вариант не определен (то есть адресуется, но не определен) и значение отсутствует.
Йорик

@Yorik: Оба не имеют смысла в контексте (я добавил это к вопросу); Подумайте о цветах, представляющих горячее и холодное. Я не вижу проблемы с не означает ни - с помощью третьего цвета будет делать это.
Wrzlprmft

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

Ответы:


16

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

Но, возможно, вы могли бы играть с углом ваших цветов, а также стиль шрифта.

Примеры для значка синий и оранжевый

На первом я просто изменил угол, и он, кажется, меньше мешает знаком вопроса. Это действительно меняет стиль! Возможно, тонкий шрифт был бы более заметен и под этим углом. Шрифт в этом примере - Museo 900, такой же, как второй значок.

На 3 других я использовал ваш угол для цветов, но разные шрифты и эффекты

  • Шрифт Museo 900 без эффекта
  • Museo Sans Rounded 900 с падающей тенью
  • Verdana Bold с черным угловатым контуром

Изменить: Добавлен другой угол с 2 последними эффектами.

Другой пример


14

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

знак вопроса чтоли

Вы по-прежнему можете видеть исходные цвета на границах, но черный цвет теперь виден на светлом интерьере (я только что использовал инструмент Яркость / Контрастность в GIMP).

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


Единственная плохая вещь в этом подходе состоит в том, что он создает белый цвет позже для этого типа, которого нет у других типов
Зак Сауцер

10

Согласитесь с ответом go-me .

Другим подходом может быть подход «игральная карта», который инвертирует вопросительный знак как по цвету, так и по позиции, например:

введите описание изображения здесь


На мой взгляд, это правильно, если вы ответите на ваш ответ.
Себастьяно

6

Я не профессионал, но когда я имею дело с проблемой этого типа (белый не виден на светлом цвете, черный не виден на темном цвете), я всегда делаю одно и то же: Поместите текст в белый цвет с черной рамкой. Вы уверены, что текст будет виден на всех цветах. Вы можете сделать снимок № 3, добавив черную рамку к знаку вопроса. Попробуйте!

редактировать: вот пример сейчас:введите описание изображения здесь


Привет Ай1. Хороший ответ. Поскольку это в первую очередь визуальный веб-сайт, всегда полезно привести пример того, что вы пытаетесь сказать. Но я думаю, что @ go-me все равно победил тебя.
PieBie

Я знаю, я знаю, вы на 100% правы, но я сейчас на работе и не могу сделать это сейчас (или плохо под Paint). Я хотел бы дать быстрый ответ, хотя.
Aye1

Да, я знаю, иногда возникала такая же проблема. Просто оставив комментарий для будущих прохожих.
PieBie

6

Логический символ для "xor" обычно ....

введите описание изображения здесь

Вы могли бы использовать этот символ .....

введите описание изображения здесь

В конечном счете, это все вопрос мнения и предпочтения. Все, что работает для вас, работает :)

Если это все про ясность .. не задумывайтесь над этим ....

введите описание изображения здесь

Или, может быть....

введите описание изображения здесь

Есть действительно десятки способов (если не сотни), чтобы визуально представить это. Я думаю, что это слишком широкий вопрос, и это будет чистая случайность, если кто-то столкнется с тем, что, по вашему мнению, работает.


Ты прав, это не xor или. Но то, что вы спрашиваете, ссылается на выбор XOR - эксклюзивный. «Или» включительно. Коробка либо синяя, либо оранжевая. Если это синий, оранжевый исключен и наоборот. Или я читаю неправильно? Я не математик ... Я просто использую визуальные эффекты.
Скотт

Исходя из идеи Скотта, было бы неплохо, если бы коробка была разбита на 4 квадранта, как во втором примере. Может быть, стоит попробовать, это выглядит так в некоторых карточных играх (например, Uno, например, но имеет 4 цвета)
go-junta

@ Скотт: Вы правы, я нашел мозг там. Тем не менее возникает проблема, заключающаяся в том, что символ недостаточно известен, чтобы оказывать какое-либо влияние.
Wrzlprmft

Хорошо .. если ясность - главное беспокойство ..... я отредактировал ответ. :)
Скотт

5

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

еще одна попытка


5

Если контекст явно запрещает интерпретировать значок как «оранжевый и синий», он должен обозначать «оранжевый или синий». Таким образом, в вашем случае знак вопроса вообще не нужен.

Отсутствие знака вопроса позволяет более легко отображать более двух цветов - знак вопроса может не облегчить просмотр потенциальных цветов.

Там, где контекст не проясняет это, другие ответы здесь, которые включают вопросительный знак, обязательно должны быть рассмотрены; но небольшой размер коробки в вашем случае (1 см квадрат) делает желаемым меньше беспорядка. «Меньше значит больше» имеет много применений!

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

Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.