Cara yang lebih baik untuk memvisualisasikan kotak warna yang tidak pasti ketika warna yang mungkin saling melengkapi?


21

masukkan deskripsi gambar di sini

Saya mencoba membuat ilustrasi berisi item tertentu yang diwakili oleh kotak berwarna (pameran 1 dan 2), dengan warna yang membedakan berbagai jenis item. Asumsikan bahwa tampilan kotak-kotak ini (bentuk, warna, ...) sudah diperbaiki. Sekarang saya perlu membuat jenis kotak ketiga yang harus mewakili item yang jenisnya tidak diketahui, tetapi itu adalah jenis biru atau jenis oranye¹. Saya berjuang dengan cara terbaik untuk melakukan ini.

Inilah yang saya pertimbangkan sejauh ini dan mengapa saya tidak senang dengan itu:

  • Gambar 3: Membagi warna isian kotak, menjadikan tanda tanya putih. Bagian dari tanda tanya di tanah oranye tidak terlihat dengan baik.
  • Tampilan 4: Memisahkan warna isian kotak, menjadikan tanda tanya berwarna hitam. Bagian dari tanda tanya di tanah biru tidak terlihat dengan baik.
  • Tampilan 5: Membagi warna isian kotak dan tanda tanya. Tanda tanya sulit dikenali sebagai satu karakter.
  • Tampilan 6: Menggunakan beberapa warna isi rata-rata antara biru dan oranye. Karena keduanya saling melengkapi, ini tidak membuat cukup jelas bahwa hanya biru dan oranye yang dimungkinkan dan bahwa ini bukan tentang beberapa keadaan di antara keduanya.

Semua hal di atas mengandung tanda tanya karena saya mempertimbangkan beberapa indikator selain isian yang diperlukan untuk menunjukkan bahwa keadaan tidak pasti. Indikator ini tidak perlu menjadi tanda tanya.

Pertanyaan saya adalah: Apakah ada cara yang lebih baik untuk memvisualisasikan hal ini yang saya lewatkan?

Dalam hal ini penting: Ini untuk poster ilmiah (yaitu, itu harus dapat dibaca dari jarak 1 m), dengan masing-masing kotak sekitar 1 cm lebarnya. Latar belakangnya putih. Saya tidak bisa menentukan warna hasil cetak tetapi harus hidup dengan apa yang saya dapatkan.


Case Sebuah kasus yang sebenarnya keduanya, oranye dan biru jelas dikecualikan oleh konteks.


1
Bagaimana dengan menggunakan # 3 tetapi mengubah font menjadi sesuatu yang sangat berat dan diperluas? Fon terlihat agak tipis tetapi ide Anda untuk mencampur biru dan oranye sangat masuk akal dalam konteks ini; tanda tanya membuatnya logis juga dan mudah dimengerti. Kalau tidak, bayangan drop hitam dengan 0 jarak bisa menyenangkan juga jika diterapkan pada ikon / karakter. type.co.uk/preview/imgs/…
go-junta

1
Memberi +1 untuk contoh yang sangat bagus dan latar belakang pertanyaan yang luas. Ini benar-benar pertanyaan teladan.
PieBie

Saya sangat tidak setuju dengan pendekatan dua warna dalam satu. Tanpa kunci ini menyampaikan "keduanya" bukan "keduanya". Anda sebenarnya berurusan dengan sistem 4-nilai di sini: opsi 1, opsi 2, tidak ada opsi yang ditentukan (yaitu, ditangani, tetapi tidak meyakinkan), dan tidak ada nilai.
Yorik

@ Yorik: Keduanya tidak masuk akal dalam konteksnya (saya menambahkan ini ke pertanyaan); pikirkan warna-warna yang mewakili panas dan dingin. Saya tidak melihat masalah dengan artinya tidak - menggunakan warna ketiga akan melakukan itu.
Wrzlprmft

Saya tidak akan terlalu pusing, tetapi dalam kasus panas dan dingin, itu adalah sumbu atau spektrum, jadi "keduanya" benar-benar masuk akal dan ikon dua warna akan berfungsi. Suhu bukan tengah dua-nilai yang dikecualikan seperti yang Anda gambarkan. Suhu "tak tentu" tidak sama dengan "tidak panas atau dingin" dan tidak boleh berbagi warna dari nilai baik.
Yorik

Jawaban:


16

Saya pikir Anda tidak memiliki banyak lagi opsi yang masuk akal. Adalah logis untuk menggunakan 2 warna di dalam kotak dan tanda tanya membuat pesan menjadi jelas juga.

Tapi mungkin Anda bisa bermain dengan sudut warna Anda, dan gaya font juga.

Contoh untuk ikon biru dan oranye

Pada yang pertama, saya hanya mengubah sudut dan sepertinya tidak terlalu mengganggu dengan tanda tanya. Itu benar-benar mengubah gaya! Mungkin font yang tipis akan lebih terlihat dengan sudut itu juga. Font pada contoh ini adalah Museo 900, sama dengan ikon kedua.

Pada 3 lainnya, saya menggunakan sudut Anda untuk warna, tetapi font dan efek yang berbeda

  • Jenis huruf Museo 900 tanpa efek
  • Museo Sans Rounded 900 dengan drop shadow
  • Verdana Bold dengan garis hitam solid bersudut

Sunting: Menambahkan sudut yang berbeda dengan 2 efek terakhir.

Contoh lain


14

Pertimbangkan untuk menyesuaikan warna sehingga tanda tanya hitam atau putih akan terlihat pada keduanya, tetapi tetap sama di perbatasan. Sebagai contoh:

tanda tanya thingy

Anda masih dapat melihat warna asli di perbatasan, tetapi tanda tanya hitam sekarang terlihat di interior yang lebih terang (saya hanya menggunakan alat Brightness / Contrast di GIMP).

(Kalau dipikir-pikir, perbatasan mungkin seharusnya lebih lebar, sehingga warna aslinya akan lebih terlihat. Oh well, itu hanya sebuah contoh.)


Satu-satunya hal buruk tentang pendekatan ini adalah ia menciptakan putih kemudian untuk jenis ini yang tidak dimiliki tipe lain
Zach Saucier

10

Setuju dengan jawaban go-me .

Pendekatan lain bisa menjadi pendekatan 'kartu bermain', dan membalikkan tanda tanya baik dalam warna dan posisi, seperti:

masukkan deskripsi gambar di sini


Menurut pendapat saya .... benar diberikan jawaban positif juga atas jawaban Anda.
Sebastiano

6

Saya bukan seorang profesional, tetapi ketika saya berurusan dengan masalah jenis ini (putih tidak terlihat pada warna terang, hitam tidak terlihat pada warna gelap), saya selalu melakukan hal yang sama: saya letakkan teks putih, dengan perbatasan hitam. Anda yakin teks akan terlihat di semua warna. Anda dapat membawa Anda gambar nomor 3, menambahkan batas hitam ke tanda tanya. Cobalah!

sunting: Ini contohnya sekarang:masukkan deskripsi gambar di sini


Hai Aye1. Jawaban yang bagus. Karena ini adalah situs web terutama visual, itu selalu ide yang baik untuk memasukkan contoh dari apa yang Anda katakan. Tapi saya kira @ go-saya toh mengalahkan Anda karenanya.
PieBie

Saya tahu, saya tahu, Anda 100% benar, tetapi saya saat ini sedang bekerja dan tidak bisa melakukannya sekarang (atau buruk di bawah Paint). Saya ingin memberikan jawaban cepat.
Aye1

Ya, saya tahu, kadang-kadang mendapat masalah yang sama. Hanya meninggalkan komentar untuk orang yang lewat di masa depan.
PieBie

6

Simbol logika untuk "xor" umumnya ....

masukkan deskripsi gambar di sini

Anda bisa menggunakan simbol ini .....

masukkan deskripsi gambar di sini

Pada akhirnya ini semua adalah masalah pendapat dan preferensi. Apa pun yang bekerja untuk Anda, bekerja :)

Jika itu semua tentang kejelasan .. jangan terlalu memikirkannya ....

masukkan deskripsi gambar di sini

Atau mungkin....

masukkan deskripsi gambar di sini

Sebenarnya ada banyak cara (jika tidak ratusan) untuk secara visual mewakili ini. Saya pikir ini terlalu luas dari sebuah pertanyaan dan itu akan menjadi kebetulan murni jika seseorang menyentuh pada apa yang menurut Anda berhasil .


Anda benar itu bukan atau tidak. Tetapi yang Anda tanyakan adalah merujuk pilihan XOR - eksklusif. "Atau" inklusif. Kotak itu berwarna biru atau oranye. Jika berwarna biru, oranye dikecualikan dan sebaliknya. Atau saya salah baca? Saya bukan ahli matematika ... Saya hanya akan dengan visual.
Scott

Berdasarkan ide Scott, akan lebih baik jika kotak itu dibagi menjadi 4 kuadran seperti contoh keduanya. Mungkin patut dicoba, sepertinya ini pada beberapa permainan kartu (mis. Uno misalnya, tetapi memiliki 4 warna.)
go-junta

@Scott: Anda benar, saya berpikir di sana. Namun, muncul masalah bahwa simbol tersebut tidak cukup dikenal memiliki efek.
Wrzlprmft

Baiklah .. jika kejelasan adalah perhatian utama ..... Saya sudah mengedit jawabannya. :)
Scott

5

Saya hanya berpikir Anda bisa pergi dengan sudut yang berlawanan untuk mencegah "bentrokan" antara garis diagonal dan tanda tanya berakhir (ujung atas). + juga saya sudah mencoba dengan ketebalan garis pembatas nol. Saya seorang amatir.

upaya lain


5

Jika konteksnya secara jelas mencegah ikon yang ditafsirkan sebagai "oranye dan biru" itu harus mewakili "oranye atau biru". Dengan demikian, tidak perlu ada tanda tanya sama sekali dalam kasus Anda.

Meninggalkan tanda tanya memungkinkan kemungkinan lebih dari dua warna untuk lebih mudah ditampilkan - tanda tanya mungkin tidak membuatnya mudah untuk melihat warna potensial.

Jika konteksnya tidak memperjelas hal itu, maka jawaban lain di sini yang memasukkan tanda tanya harus dipertimbangkan; tetapi ukuran kotak yang kecil di kasing Anda (1 cm persegi) membuat lebih sedikit kekacauan yang diinginkan. "Less is more" memiliki banyak aplikasi!

Jika tanda tanya diperlukan, saya lebih suka bahwa itu berasal dari keluarga font yang sama seperti yang Anda gunakan untuk sisa seri poster Anda (saya kira ini untuk tampilan makalah di konferensi), yang dapat berarti bahwa itu juga memiliki untuk dipertimbangkan kembali.

Dengan menggunakan situs kami, Anda mengakui telah membaca dan memahami Kebijakan Cookie dan Kebijakan Privasi kami.
Licensed under cc by-sa 3.0 with attribution required.