Кращі способи візуалізації коробки непевного кольору, коли можливі кольори є взаємодоповнюючими?


21

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

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

Ось що я вважав поки що, і чому я не задоволений цим:

  • Додаток 3: Розщеплення кольору заливки поля, зробивши знак питання білим. Частина знака питання на помаранчевій землі недостатньо добре помітна.
  • Додаток 4: Розщеплення кольору заливки поля, зробивши знак питання чорним. Частина знака питання на синій землі недостатньо добре видно.
  • Додаток 5: Розбиття кольору заповнення поля та знаку питання. Знак питання важко розпізнати як одного персонажа.
  • Додаток 6: Використання середнього кольору заливки між синім та помаранчевим. Оскільки обидві є взаємодоповнюючими, це не дає достатньо зрозуміло, що можливі лише стану синього та оранжевого кольорів, і що мова йде не про якийсь стан між ними.

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

Моє запитання: чи є кращий спосіб візуалізувати це, що мені не вистачає?

У випадку, якщо це має значення: Це для наукового плаката (тобто його слід читати з відстані приблизно 1 м), при цьому кожен ящик повинен бути приблизно 1 см шириною. Фон білий. Я не можу визначити кольори друкованих результатів, але мушу жити з тим, що отримую.


¹ Випадок, який насправді є обома, помаранчевим та синім, чітко виключається контекстом.


1
Що з використанням №3, але зміни шрифту на щось дійсно важке і розширене? Шрифт здається трохи тонким, але ваша ідея змішування синього та оранжевого має ідеальний сенс у цьому контексті; запитання робить це також логічним і зрозумілим. В іншому випадку чорна тінь для краплі з відстанью 0 може бути непоганою, якщо застосувати її до значка / символу. type.co.uk/preview/imgs/…
go-хунта

1
+1 за справді хороші приклади та обширну основу запитань. Це справді зразкове питання.
PieBie

Я не погоджуюся з двоколірним підходом. Без ключа це передає "і", і "ні". Тут ви справді маєте систему із 4 значеннями: варіант 1, варіант 2, опція не визначена (тобто адресована, але непереконлива) та не має значення.
Йорик

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

Я не буду його надто сильно заробляти, але у випадку гарячого та холодного - це вісь чи спектр, тому "обидва" насправді мають багато сенсу, і двоколірна піктограма спрацює. Температура - це не двозначне виключення середини, як ви описуєте. Температура "невизначеної" температури не є такою ж, як "ні гаряча, ні холодна", і не повинна ділити кольори будь-якого значення.
Йорик

Відповіді:


16

Я думаю, у вас немає набагато більше варіантів, які мають сенс. Логічно використовувати два кольори у полі, а знак питання також робить повідомлення зрозумілим.

Але, можливо, ви могли б пограти під кутом ваших кольорів, і стилем шрифту теж.

Приклади для значків синього та оранжевого кольору

На першому я просто змінив кут і, здається, менше заважає знаку питання. Це дійсно змінює стиль! Можливо, тонкий шрифт був би помітнішим і під цим кутом. Шрифт у цьому прикладі - Museo 900, такий же, як і другий значок.

На трьох інших я використав ваш кут для кольорів, але різні шрифти та ефекти

  • Шрифт Museo 900 без ефекту
  • Museo Sans Округлений 900 з тінню
  • Вердана Смілива з кутовим суцільним чорним обрисом

Редагувати: Додано різний кут із двома останніми ефектами.

Ще один приклад


14

Поміркуйте, щоб відрегулювати кольори так, щоб чорний або білий знак питання був помітний на обох, але тримали їх однакові на кордонах. Наприклад:

знак питання штучний

Ви все ще можете побачити оригінальні кольори на бордюрах, але чорний знак питання тепер видно на освітленому інтер’єрі (я просто використовував інструмент Яскравість / Контрастність у GIMP).

(З огляду на це, межа, ймовірно, повинна була бути ширшою, щоб оригінальні кольори були виднішими. Ну добре, це просто приклад.)


Єдине погане в цьому підході - це те, що він створює білі пізні кольори для цього типу, яких інших типів немає
Zach Saucier

10

Погодьтеся з відповіддю go-me .

Інший підхід може бути підходом до «гральної карти» та інвертувати знак питання як за кольором, так і за позицією, наприклад:

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


На мою думку .... це правильно також дано підсумок вашій відповіді.
Себастьяно

6

Я ніяк не професіонал, але коли я маю справу з такою проблемою (білого не видно на світлому кольорі, чорного не видно на темному кольорі), я завжди роблю те саме: я покладіть текст білим кольором, з чорною облямівкою. Ви впевнені, що текст буде видно у всіх кольорах. Ви можете сфотографувати номер 3, додавши до питання питання чорну облямівку. Спробувати!

редагувати: Ось приклад зараз:введіть тут опис зображення


Привіт Aye1 Гарна відповідь. Оскільки це в першу чергу візуальний веб-сайт, завжди добре включити приклад того, що ви намагаєтесь сказати. Але я здогадуюсь @ go-me все одно побив тебе до цього.
PieBie

Я знаю, я знаю, ти маєш 100% рацію, але зараз я на роботі і не можу цього зробити зараз (або погано під Paint). Мені хотілося швидкої відповіді.
Aye1

Так, я знаю, іноді виникає однакова проблема. Просто залишаю коментар для майбутніх перехожих.
PieBie

6

Логічний символ для "xor" зазвичай ...

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

Ви можете використовувати цей символ .....

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

Зрештою, все це питання думки та переваг. Що б вам не було, працює :)

Якщо мова йде про ясність .. не передумуйте ...

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

Або можливо....

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

Дійсно є десятки способів (якщо не сотні) візуально представити це. Я думаю, що це занадто широке питання, і це буде чистим випадком, якщо хтось вдарить про те, що працює на вашу думку.


Ти маєш рацію, це чи ні, чи Але те, що ви просите, - це посилання на вибір XOR - ексклюзивний. "Або" включно. Коробка або синя, або помаранчева. Якщо вона синя, виключається помаранчевий і навпаки. Або я читаю неправильно? Я не математик ... Я просто їду за наочністю.
Скотт

Виходячи з ідеї Скотта, це може бути непогано, якби ящик розділився на 4 квадранти, як його другий приклад. Можливо, варто спробувати, це виглядає так на деяких карткових іграх (наприклад, Uno, наприклад, але в ньому є 4 кольори.)
go-junta

@Scott: Ви маєте рацію, я там задумався. Проте виникає проблема, що символ недостатньо добре відомий, щоб мати якийсь ефект.
Wrzlprmft

Ну .. якщо чіткість - це головна проблема ..... я відредагував відповідь. :)
Скотт

5

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

чергова спроба


5

Якщо контекст чітко перешкоджає трактуванню піктограми як "помаранчевий і синій", він повинен представляти "помаранчевий або синій". Таким чином, у вашому випадку взагалі немає необхідності в знаку запитання.

Покидання знака питання дозволяє легше відображати більше двох кольорів - знак питання може не полегшити розгляд потенційних кольорів.

Якщо контекст цього не дає зрозуміти, то тут обов'язково враховуються інші відповіді, які містять знак питання; але невеликий розмір коробки у вашому випадку (1см квадрат) робить менш захаращеним бажане. "Менше більше" має багато застосунків!

Якщо потрібен знак запитання, я вважаю за краще, щоб він походив із тієї ж сім'ї шрифтів, яку ви використовуєте для решти вашої серії плакатів (я думаю, це для показу статті на конференції), що може означати, що це також має підлягають перегляду.

Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.