Lepsze sposoby wizualizacji pudełka o niepewnym kolorze, gdy możliwe kolory się uzupełniają?


21

wprowadź opis zdjęcia tutaj

Staram się stworzyć ilustrację zawierającą niektóre elementy reprezentowane przez kolorowe pola (eksponaty 1 i 2), z kolorem rozróżniającym różne rodzaje przedmiotów. Załóżmy, że wygląd tych pól (kształt, kolor,…) jest stały. Teraz muszę utworzyć trzeci typ pola, które powinno reprezentować przedmiot, którego typ nie jest znany, ale jest to albo niebieski, albo pomarańczowy typ¹. Mam problem z tym, jak najlepiej to zrobić.

Oto, co do tej pory rozważałem i dlaczego nie jestem z tego zadowolony:

  • Ilustracja 3: Podział koloru wypełnienia pudełka, dzięki czemu znak zapytania jest biały. Część znaku zapytania na pomarańczowym tle nie jest dobrze widoczna.
  • Ilustracja 4: Podział koloru wypełnienia pudełka, dzięki czemu znak zapytania jest czarny. Część znaku zapytania na niebieskim tle nie jest dobrze widoczna.
  • Ilustracja 5: Podział koloru wypełnienia pola i znaku zapytania. Znak zapytania trudno rozpoznać jako jedną postać.
  • Ilustracja 6: Używanie średniego koloru wypełnienia między niebieskim a pomarańczowym. Ponieważ oba są komplementarne, nie wyjaśnia to wystarczająco jasno, że możliwe są tylko stany niebieski i pomarańczowy i że nie chodzi o jakiś stan pomiędzy nimi.

Wszystkie powyższe zawierają znak zapytania, ponieważ uważam, że jakiś wskaźnik inny niż wypełnienie jest niezbędny do wskazania, że ​​stan jest niepewny. Ten wskaźnik nie musi jednak być znakiem zapytania.

Moje pytanie brzmi: czy istnieje lepszy sposób na zwizualizowanie tego, czego mi brakuje?

W przypadku, gdy ma to znaczenie: dotyczy plakatu naukowego (tzn. Powinien być czytelny z odległości około 1 m), przy czym każde pudełko ma szerokość około 1 cm. Tło jest białe. Nie mogę dopracować kolorów wydrukowanych wyników, ale muszę żyć z tym, co dostaję.


¹ Przypadek, który jest jednocześnie zarówno pomarańczowy, jak i niebieski, jest wyraźnie wykluczony z kontekstu.


1
Co powiesz na użycie # 3, ale zmianę czcionki na coś naprawdę ciężkiego i rozszerzonego? Czcionka wydaje się nieco cienka, ale pomysł pomieszania niebieskiego i pomarańczowego ma w tym kontekście idealny sens; znaki zapytania sprawiają, że jest to również logiczne i łatwe do zrozumienia. W przeciwnym razie czarny cień z odległości 0 może być również miły, jeśli zostanie zastosowany na ikonie / znaku. type.co.uk/preview/imgs/…
go-junta

1
+1 za naprawdę dobre przykłady i obszerne tło pytania. To naprawdę przykładowe pytanie.
PieBie

Nie zgadzam się zdecydowanie z podejściem dwóch kolorów w jednym. Bez klucza przekazuje to „oba”, nie „ani”. W rzeczywistości mamy tutaj do czynienia z systemem 4-wartościowym: opcja 1, opcja 2, nie określono opcji (to jest adresowane, ale niejednoznaczne) i bez wartości.
Yorik

@Yorik: Oba nie mają sensu w kontekście (dodałem to do pytania); pomyśl o kolorach reprezentujących ciepło i zimno. Nie widzę problemu z tym, że to znaczy, że nie - użycie trzeciego koloru by to zrobiło.
Wrzlprmft

Nie będę go zbytnio omijał, ale w przypadku gorąca i zimna jest to oś lub widmo, więc „oba” mają naprawdę sens i dwukolorowa ikona będzie działać. Temperatura nie jest dwuwartościowym środkiem wykluczonym, tak jak to opisujesz. Temperatura „nieokreślona” nie jest taka sama jak „ani gorąca, ani zimna” i nie powinna dzielić kolorów o żadnej wartości.
Yorik

Odpowiedzi:


16

Myślę, że nie masz wielu innych sensownych opcji. Logiczne jest użycie 2 kolorów w pudełku, a znak zapytania również jasno pokazuje wiadomość.

Ale może możesz zagrać pod kątem kolorów i stylu czcionki.

Przykłady ikony niebieskiej i pomarańczowej

W pierwszym przypadku po prostu zmieniłem kąt i wydaje się, że mniej koliduje on ze znakiem zapytania. To naprawdę zmienia styl! Być może pod tym kątem bardziej widoczna byłaby cienka czcionka. Czcionka w tym przykładzie to Museo 900, taka sama jak druga ikona.

Na 3 innych użyłem twojego kąta dla kolorów, ale różnych czcionek i efektów

  • Czcionka Museo 900 bez efektu
  • Museo Sans Zaokrąglone 900 z cieniem
  • Verdana Bold z wygiętym pod kątem czarnym konturem

Edycja: Dodano inny kąt z 2 ostatnimi efektami.

Inny przykład


14

Zastanów się nad dostosowaniem kolorów, aby czarny lub biały znak zapytania był widoczny na obu z nich, ale nie zmieniaj ich na granicach. Na przykład:

znak zapytania rzecz

Nadal widać oryginalne kolory na granicach, ale czarny znak zapytania jest teraz widoczny na oświetlonym wnętrzu (właśnie użyłem narzędzia Jasność / kontrast w GIMP).

(Z perspektywy czasu granica prawdopodobnie powinna być szersza, aby oryginalne kolory były bardziej widoczne. No cóż, to tylko przykład.)


Jedyną złą rzeczą w tym podejściu jest to, że tworzy później biel dla tego typu, której inne typy nie mają
Zach Saucier

10

Zgadzam się z odpowiedzią go-me .

Innym podejściem może być podejście „karty do gry” i odwrócenie znaku zapytania zarówno pod względem koloru, jak i położenia, w ten sposób:

wprowadź opis zdjęcia tutaj


Moim zdaniem .... jest to poprawne, biorąc pod uwagę głosowanie również na twoją odpowiedź.
Sebastiano

6

Nie jestem profesjonalistą, ale kiedy mam do czynienia z tego typu problemem (biały nie jest widoczny na jasnym kolorze, czarny nie jest widoczny na ciemnym kolorze), zawsze robię to samo: umieść tekst na biało, z czarną ramką. Jesteś pewien, że tekst będzie widoczny we wszystkich kolorach. Możesz zrobić zdjęcie nr 3, dodając czarną ramkę do znaku zapytania. Spróbuj!

edycja: Oto teraz przykład:wprowadź opis zdjęcia tutaj


Cześć Aye1. Dobra odpowiedź. Ponieważ jest to przede wszystkim strona wizualna, zawsze warto podać przykład tego, co próbujesz powiedzieć. Ale chyba i tak go pobiłem.
PieBie

Wiem, wiem, masz 100% racji, ale obecnie jestem w pracy i nie mogę tego teraz zrobić (lub źle się malować). Chciałem jednak przynieść szybką odpowiedź.
Aye1,

Tak, wiem, czasami mam ten sam problem. Pozostawiając komentarz dla przyszłych przechodniów.
PieBie

6

Symbol logiczny „xor” jest często ....

wprowadź opis zdjęcia tutaj

Możesz użyć tego symbolu .....

wprowadź opis zdjęcia tutaj

Ostatecznie jednak wszystko to zależy od opinii i preferencji. Cokolwiek Ci odpowiada, działa :)

Jeśli chodzi o przejrzystość ... nie przemyśl tego ...

wprowadź opis zdjęcia tutaj

Albo może....

wprowadź opis zdjęcia tutaj

Istnieją naprawdę dziesiątki sposobów (jeśli nie setki) wizualnego przedstawienia tego. Myślę, że jest to zbyt ogólne pytanie i będzie to czysty przypadek, jeśli ktoś trafi w to, co działa według ciebie .


Masz rację, to nie xor lub. Ale pytasz o wybór XOR - wyłącznie. „Lub” jest włącznie. Pudełko jest niebieskie lub pomarańczowe. Jeśli jest niebieski, pomarańczowy jest wykluczony i odwrotnie. A może źle czytam? Jestem nie matematyk ... Idę przez wizualizacje.
Scott

Opierając się na pomyśle Scotta, mogłoby być fajnie, gdyby pudełko zostało podzielone na 4 ćwiartki, jak jego drugi przykład. Może warto spróbować, wygląda tak w niektórych grach karcianych (np. Uno, ale ma 4 kolory.)
go-junta

@Scott: Masz rację, poszedłem tam. Problemem jest jednak to, że symbol nie jest wystarczająco dobrze znany, aby mieć jakikolwiek efekt.
Wrzlprmft

Cóż ... jeśli najważniejsza jest jasność ... Zredagowałem odpowiedź. :)
Scott

5

Myślałem tylko, że możesz pójść z przeciwnym kątem, aby zapobiec „zderzeniu” między linią przekątną a zakończeniem znaku zapytania (górny koniec). + również próbowałem z niezerową grubością linii ograniczającej. Jestem amatorem

kolejna próba


5

Jeżeli kontekst wyraźnie uniemożliwia interpretację ikony jako „pomarańczowej i niebieskiej”, musi ona oznaczać „pomarańczową lub niebieską”. W związku z tym w twoim przypadku nie ma potrzeby stosowania znaku zapytania.

Pozostawienie znaku zapytania pozwala na łatwiejsze pokazanie więcej niż dwóch kolorów - znak zapytania może nie ułatwić dostrzeżenia potencjalnych kolorów.

Tam, gdzie kontekst tego nie wyjaśnia, inne odpowiedzi, które zawierają znak zapytania, muszą koniecznie zostać uwzględnione; ale mały rozmiar pudełka w twoim przypadku (kwadrat 1 cm) sprawia, że ​​pożądane jest mniej bałaganu. „Mniej znaczy więcej” ma wiele zastosowań!

Jeśli potrzebny jest znak zapytania, wolałbym, aby pochodził on z tej samej rodziny czcionek, której używasz przez resztę serii plakatów (wydaje mi się, że jest to do wyświetlenia referatu na konferencji), co może oznaczać, że ma on również do ponownego rozważenia.

Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.