Unlimited WordPress themes, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Adobe Illustrator
Design

Membuat Desain Grafis dan Ilustrasi untuk Orang Buta Warna

by
Length:LongLanguages:

Indonesian (Bahasa Indonesia) translation by Anggun Cornelis (you can also view the original English article)

Kebutaan warna adalah kekurangan penglihatan yang mempengaruhi sejumlah besar orang di seluruh dunia. Entah kita mengetahuinya atau tidak, kita sebagai desainer memiliki dampak besar pada kehidupan sehari-hari mereka melalui karya yang kita buat dan padukan di sekitar kita. Karena itu, saya percaya bahwa kita harus meluangkan beberapa saat dan mengeksplorasi beberapa solusi sederhana namun efektif yang dapat membantu memperbaiki situasi mereka dan dengan demikian kualitas hidup mereka.

1. Apa itu Warna? Definisi Singkat

Sebelum kita benar-benar mengerti apa itu kebutaan warna, pertama-tama kita harus mengambil beberapa saat dan berbicara tentang warna, apa adanya, dan bagaimana berperilaku.

Menurut Google, warna kata benda didefinisikan sebagai:

"Milik yang dimiliki oleh objek menghasilkan sensasi yang berbeda pada mata sebagai hasil dari cara itu mencerminkan atau memancarkan cahaya".

Sekarang, cahaya itu sendiri terbuat dari berbagai warna yang memiliki panjang gelombang berbeda, di mana warna merah adalah yang terpanjang yang bisa dilihat manusia, sedangkan ungu adalah yang terpendek.

Kami tahu ini sejak tahun 1666 Sir Isaac Newton mengumpulkan sedikit eksperimen di mana dia mengambil seberkas sinar matahari putih dan melewatinya melalui kaca prisma. Apa yang dia amati pasti luar biasa pada saat itu karena prisma membagi balok menjadi satu band dengan tujuh warna yang dinamakan "spektrum". Urutan warna dari ujung bawah spektrum adalah ungu (V), nila (I), biru (B), hijau (G), kuning (Y), oranye (O), dan merah (R) - yang mana sekarang kita sebut ROYGBIV.

light dispersion example

Tip cepat: Anda dapat melihat eksperimen prisma Newton dalam tindakan dengan beralih ke saluran YouTube MITK12Videos 'di mana mereka memberi Anda penjelasan mendalam tentang penyebab fenomena dispersi cahaya.

2. Bagaimana Mata Kita "Lihat" Warna?

Bergantung pada sifat fisiknya (penyerapan cahaya, spektrum emisi, dll.), Sebuah benda dapat mencerminkan atau menyerap tujuh warna ini secara lebih atau kurang, memberikannya properti yang kita sebut warna.

Jadi ketika kita mengatakan bahwa kita melihat warna tertentu, kita benar-benar melihat jumlah warna yang tercermin dari permukaan benda saat dipukul oleh sumber cahaya. Ketika sebuah objek mencerminkan semua panjang gelombang, kita melihatnya sebagai putih; Saat menyerap semuanya, warnanya hitam.

Kita dapat memvisualisasikan sifat-sifat ini karena jutaan sel sensitif cahaya ditemukan di dalam retina kita, yang memproses cahaya menjadi impuls saraf dan kemudian meneruskannya ke korteks otak melalui saraf optik.

Sel-sel ini datang dalam dua bentuk yang berbeda: batang dan kerucut. Batangnya sangat terkonsentrasi di sekitar tepi retina (sekitar 90 juta sel untuk manusia), dan mengirimkan sebagian besar informasi hitam dan putih karena mengandung photopigment tunggal, karena yang membantu kita menyesuaikan diri dengan lingkungan yang lebih gelap.

Kerucut di sisi lain terkonsentrasi di tengah retina (4,5-6 juta sel), dan mampu menangkap tiga panjang gelombang yang berbeda: S (pendek), M (medium), dan L (long).

Kerucut pendek biasanya disebut "biru" karena mereka memberikan informasi warna untuk panjang gelombang cahaya yang spesifik. Kerucut sedang disebut "hijau", sementara yang lama dikenal sebagai "merah".

Penglihatan warna normal menggunakan ketiga jenis kerucut cahaya (merah, hijau, dan biru), dan dikenal dengan trichromacy.

Sebenarnya, ruang warna RGB yang kita bekerja dan berinteraksi dengan setiap hari tercipta di sekitar visi triklromatik kita yang ditentukan oleh ketiga jenis kerucut ini, di mana setiap gambar dibuat menggunakan kombinasi hanya tiga warna.

3. Apa itu Kebutaan Warna?

Kita sekarang punya ide dasar tentang warna apa, tapi apa itu kebutaan warna?

Nah, banyak orang berpikir bahwa menjadi buta warna berarti Anda melihat dunia dalam warna hitam dan putih, tapi itu sebenarnya tidak benar.

Sebagai versi online Kamus Kedokteran menunjukkan, buta warna adalah:

"Kondisi abnormal yang ditandai dengan ketidakmampuan membedakan secara jelas berbagai warna spektrum".

Seseorang yang buta warna biasanya lahir dengan kondisi ini, yang ditentukan oleh gen yang salah yang ditemukan di dalam kromosom X. Menurut American Academy of Ophthalmology, "buta warna dapat terjadi bila satu atau lebih sel kerucut warna tidak ada, tidak berfungsi, atau mendeteksi warna yang berbeda dari biasanya".

Kesadaran Blind Warna menyatakan bahwa kondisinya mempengaruhi kira-kira 1 dari setiap 12 pria (8%) dan 1 dari setiap 200 wanita di seluruh dunia.

4. Apa Berbagai Jenis Kebutaan Warna?

Seperti yang kita pelajari beberapa saat yang lalu, mata kita memiliki tiga jenis sel kerucut. Tergantung dari mana mereka terpengaruh, seseorang dapat menderita salah satu dari tiga kondisi berikut:

4.1. Kerah Merah Warna Hijau

Menurut National Eye Institute (NEI), jenis kebutaan warna yang paling umum adalah karena "hilangnya atau keterbatasan fungsi kerucut merah (dikenal sebagai protan) atau kerucut hijau (deutran) photopigments" yang bergantung pada tingkat keparahannya dapat menyebabkan untuk:

  • Protanomaly: bila foto berwarna kerucut merah itu tidak normal, menyebabkan warna merah, oranye, dan kuning tampak lebih hijau.
example for protanomaly
  • Protanopia: bila tidak ada sel kerucut merah yang bekerja, menyebabkan merah tampak hitam, dan nuansa tertentu berwarna oranye, kuning, dan hijau tampak kuning.
example for protanopia
  • Deuteranomaly: bila foto berwarna kerucut orang itu tidak normal, menyebabkan kuning dan hijau tampak lebih merah, sehingga sulit untuk membedakan warna violet dengan warna biru.
example for deuteranomaly
  • Deuteranopia: bila tidak ada sel kerucut hijau yang bekerja, menyebabkan warna merah tampak kuning kecoklatan dan hijau seperti krem.
example for deuteranopia

4.2. Kerah Warna Biru-Kuning

Dibandingkan dengan kebutaan warna merah-hijau, kebutaan warna biru-kuning jarang terjadi, dan nampak saat foto kerucut biru hilang atau memiliki fungsi terbatas.

Bergantung pada kasus ini, kita dapat memiliki:

  • Tritanomaly: ketika sel kerucut biru seseorang memiliki fungsi terbatas, menyebabkan warna biru tampak lebih hijau dan membuatnya sulit untuk membedakan kuning dan merah dari pink.
example for tritanomaly
  • Tritanopia: ketika sel kerucut biru seseorang hilang, menyebabkan biru tampak hijau dan kuning violet atau abu-abu muda.
example for tritanopia

4.3. Kebutaan Warna Lengkap

For those who don't experience any color at all, they suffer from what is called monochromacy, which is when they see the world in shades of grey ranging from black to white.

example of monochromacy

5. Bagaimana Anda Tahu Jika Anda Butir Warna?

Jika Anda ingin memastikan bahwa mata Anda berfungsi dengan benar, Anda harus selalu mengunjungi dokter mata, yang akan menerapkan tes persepsi warna sederhana yang disebut "Ishihara Color Test". Nama itu berasal dari penciptanya Dr. Shinobu Ishihara, yang pada tahun 1917 menerbitkan metode sederhana namun cerdik untuk menentukan apakah seseorang buta warna atau tidak menggunakan piring berwarna (piring ishihara). Setiap lempeng berisi beberapa titik yang bervariasi dalam warna dan ukuran dan ditampilkan dalam pola melingkar, membentuk angka di bagian tengah.

ishihara plate example

Jika Anda bisa membedakan nomornya dengan benar maka itu berarti Anda memiliki penglihatan warna normal. Jika Anda mengalami masalah dalam melihat bentuk angka, maka Anda mungkin menderita salah satu jenis kebutaan warna yang kita bicarakan beberapa saat yang lalu.

Jika Anda tidak benar-benar ingin pergi ke dokter mata dulu, Anda dapat melakukan tes online menggunakan salah satu situs berikut:

6. Bagaimana Anda Melihat Apa yang Orang Buta Buta Melihat?

Sebagai perancang dan kreatif visual, Anda harus mengerti bahwa pekerjaan Anda harus terlihat tidak hanya pada orang-orang dengan penglihatan normal, tetapi juga pada orang-orang yang menderita satu jenis kebutaan warna.

Langkah pertama untuk menemukan solusi untuk masalah ini adalah memahami bagaimana hal itu memanifestasikan dirinya, dengan mencoba melihat apa yang orang buta warna akan lihat.

Untungnya, ada beberapa solusi di luar sana yang memungkinkan Anda untuk mengambil gambar normal dan menerapkan filter padanya untuk mendapatkan gambaran tentang kekurangan penglihatan seperti itu.

6.1 Simulator Online Kebutaan Warna

Jika Anda berhadapan dengan gambar biasa, simulator kebutaan warna-warna ini dapat dengan cepat menghasilkan gambaran tentang apa yang dialami seseorang dari kondisi tertentu:

  • Coblis oleh Colorblindness.com mungkin adalah solusi yang paling lengkap di luar sana karena menghasilkan gambar untuk semua jenis kebutaan warna.
example of coblis color simulator
  • Vischeck adalah generator sederhana yang memberi Anda kemampuan untuk melihat pratinjau gambar berdampingan dari yang asli dan bayangan penglihatan warna yang disimulasikan.
example of vischeck color simulator

Jika Anda seorang desainer web dan ingin melihat seperti apa proyek Anda untuk orang yang menderita kebutaan warna, Toptal telah mengumpulkan Filter Buta Warna cerdas yang mengambil situs web manapun dan mengubahnya menggunakan salah satu dari empat filter yang tersedia.

example of toptal color blind filter

6.2. Simulator Kebutaan Warna Lokal

Sejak mengunggah proyek Anda ke web dan kemudian membandingkan gambar kembali dan maju bisa sedikit memakan waktu, ada beberapa solusi perangkat lunak di luar sana yang dapat membantu Anda mencapai hasil yang sama dengan lebih cepat.

  • Adobe Illustrator: jika Anda tidak tahu, Illustrator benar-benar dilengkapi dengan dua bukti warna (Protanopia dan Deuteranopia) di dalam menu View (View> Proof Setup), yang membantu Anda dengan cepat melihat seperti apa tampilan proyek Anda jika dilihat oleh warna buta orang.
example of color blindness filter within adobe illustrator
  • Adobe Photoshop: bukti warna yang sama disertakan dalam Photoshop (View > Proof Setup), membantu Anda mengidentifikasi dan memperbaiki hasil akhir.
example of color blindness filter within adobe photoshop
  • Stark adalah plugin gratis yang dibuat untuk Sketch yang membantu Anda memilih dari delapan profil warna dan mempratinjau desain Anda sebagai orang buta warna.
  • Color Oracle adalah simulator kebutaan warna gratis yang dikembangkan oleh Bernie Jenny yang dapat diinstal dan digunakan pada Windows, Mac, dan Linux dan diciptakan untuk bekerja tanpa perangkat lunak kreatif yang Anda gunakan.

7. Bagaimana Kebutaan Warna Mempengaruhi Kualitas Hidup seseorang?

Meskipun untuk orang buta warna, dunia di sekitar mereka tampaknya "normal", karena sebagian besar waktu itulah satu-satunya cara mereka mengalaminya, kenyataannya adalah bahwa mereka biasanya menghadapi kesulitan dalam apa yang kita anggap sebagai tugas sehari-hari yang sederhana. Dari memasak makanan untuk mengemudikan mobil atau memilih pakaian apa yang dipakai, apa yang mereka lihat mempengaruhi reaksi dan perilaku mereka, yang secara langsung mempengaruhi kehidupan mereka.

Bayangkan Anda ingin mengemudikan mobil, tapi tidak pernah tahu apakah lampu lalu lintas berwarna hijau atau merah tanpa mengetahui posisi masing-masing dari tiga negara bagian. Atau mungkin Anda ingin memasak sepotong daging yang bagus yang Anda beli dari pasar lokal, tapi Anda tidak tahu apakah ini langka atau sudah selesai.

Juga, pikirkan semua pekerjaan kreatif di luar sana yang akan Anda sukai tapi tidak pernah bisa mengajukan permohonan karena Anda tidak dapat benar-benar melihat apa yang orang lain lihat.

Ini hanya beberapa situasi yang harus dihadapi orang buta warna setiap hari, jadi mengapa tidak mencoba dan belajar bagaimana kami dapat membantu mereka sedikit pun dengan mengikuti beberapa solusi sederhana yang disajikan di bawah ini.

8. Bagaimana Anda Menyesuaikan Desain dan Ilustrasi Anda untuk Warna Buta?

Jadi, pada titik ini, kita tahu apa itu buta warna dan memiliki gagasan dasar seperti apa bentuknya, yang berarti bahwa sekarang kita dapat berbicara tentang menemukan dan menerapkan solusi yang dimaksudkan untuk menyesuaikan proyek kita bagi orang-orang yang terkena dampak kekurangan penglihatan ini.

8.1. Apa Warna Bekerja Terbaik?

Hal pertama yang perlu kita tanyakan pada diri kita sendiri saat mengerjakan sebuah proyek (apakah itu karya yang sudah ada atau yang baru) adalah kombinasi warna yang paling sesuai. Dan jawabannya adalah kita benar-benar tidak memiliki daftar umum, karena semuanya bergantung pada tingkat Saturasi dan Kecerahan yang digunakan untuk setiap warna.

Yang kita tahu adalah ada seperangkat kombinasi warna yang harus dihindari, karena mungkin sulit bagi orang buta warna untuk membedakannya:

  • merah dan hijau
  • merah dan coklat
  • merah dan oranye
  • merah dan ungu
  • merah dan hitam
  • hijau dan coklat
  • hijau dan oranye
  • hijau dan kuning
  • biru dan hijau
  • biru dan ungu
  • biru dan kuning

Masalahnya biasanya muncul saat desain didasarkan pada warna yang memiliki warna, kejenuhan, atau tingkat kecerahan yang mendekati, sehingga tampak seperti nuansa warna yang sama.

example of color combinations to avoid

Jadi tujuan kami bukan untuk menciptakan skema warna yang dapat dikenali dengan jelas oleh orang yang menderita kebutaan warna, namun memungkinkan mereka membedakan satu warna dengan warna lain, meskipun mereka mungkin tidak yakin warna apa itu.

8.2. Bagaimana Cara Memperbaiki Kombinasi Warna Buruk?

Langkah pertama untuk memperbaiki kombinasi warna yang buruk adalah memperhatikannya. Di sinilah alat simulasi warna sangat berguna, karena Anda dapat dengan cepat mengamati jika Anda memiliki bagian atau elemen yang tumpang tindih yang tidak dapat dibedakan yang identik atau tidak terlihat, dengan melalui berbagai filter yang tersedia.

Bergantung pada jenis proyek kreatif yang sedang Anda kerjakan, apakah itu ilustrasi, aplikasi seluler, atau jenis representasi data grafis (diagram batang, diagram garis, atau diagram lingkaran), Anda dapat menggunakan saran berikut untuk menyesuaikan hasil akhir bagi mereka yang menderita kondisi ini.

Gunakan warna yang berbeda

Jika Anda melihat ilustrasi Game Boy klasik ini, Anda mungkin memperhatikan bahwa saat menggunakan filter Deuteranopia, bagian atas perangkat terlihat seolah-olah memiliki potongan karena rona latar belakang dan layar sebenarnya dekat dalam hal saturasi (57,83% untuk rona merah dan 42,96% untuk yang hijau).

example of bad color combination within an illustration

Kita bisa menyesuaikan saturasi bagian layar untuk meningkatkan intensitas hue, tapi seperti yang Anda lihat, dalam situasi khusus ini yang tidak akan membantu sebanyak yang kita inginkan.

example of increasing the saturation with no result

Yang ingin kita lakukan adalah mengatur rona latar belakang dari merah ke ungu, yang seperti yang Anda lihat akan menciptakan pemisahan yang jelas antara kedua bagian.

adjusting an illustration using a different hue value

Tujuan untuk kontras tinggi

Kami telah memperbaiki masalah latar belakang, namun seperti yang Anda lihat, beberapa bagian konsol (seperti bagian depan dan samping) sangat sulit untuk dibedakan, karena keduanya menggunakan nilai rona yang sama (0%), dan tingkat kecerahan serupa (92,94% untuk bagian depan dan 86,67% untuk sisi). Hal yang sama dapat dikatakan tentang tombol d-pad, di mana penampang melintang menggunakan tingkat kecerahan 45,88% sementara titik tengahnya menggunakan nilai 40,78% yang sama.

Bila ini terjadi, Anda dapat dengan cepat mengatasi situasi dengan memilih bentuk masing-masing dan menyesuaikan tingkat saturasi dan / atau kecerahan mereka sampai mereka mulai berdiri.

adjusting a bad color combination using high contrast

Aturan umumnya adalah menggunakan beberapa tint dan nuansa semampu mungkin, dan membuat karya seni menonjol, menggunakan kontras tinggi kapanpun Anda bisa.

Karena dalam kehidupan nyata, cangkang konsol terbuat dari plastik putih, tampaknya wajar untuk menggunakan beberapa warna dan bayangan jika kita ingin merepresentasikannya lebih akurat, namun jika memungkinkan, Anda selalu dapat mencapai kontras yang lebih tinggi dengan menggunakan warna yang berbeda.

Pisahkan bentuk Anda menggunakan garis

Jika Anda mencoba beberapa solusi sebelumnya namun tidak dapat memperoleh hasil yang diinginkan, terkadang Anda dapat mengisolasi berbagai bagian komposisi berwarna dengan tebal dan gelap. Dalam kasus Game Boy kami, kami bisa mengubah beberapa bentuknya menjadi garis besar dan menambahkan yang baru ke yang mendukungnya, sehingga memberi kami hasil yang lebih pasti.

adjusting bad color combinations using outlines

Menambah atau menghapus warna

Menambah atau menghapus warna bisa membuat atau menghancurkan sebuah desain, terutama yang dilihat oleh orang yang tidak bisa membedakan semuanya. Jika kita melihat versi konsol yang digariskan, Anda mungkin telah memperhatikan bahwa tombol melingkar sekarang digabungkan dengan garis besar mereka.

Kita dapat dengan mudah memperbaikinya dengan mengenalkan dua warna baru (berwarna kuning muda dan biru) selama kita tahu warna apa yang bisa dilihat oleh seseorang yang menderita kekurangan penglihatan tertentu (dalam kasus kita, Deuteranopia).

adjusting bad color combinations by adding colors

Dalam situasi lain, Anda mungkin menemukan bahwa menghilangkan warna akan memperbaiki keseluruhan desain karena terkadang lebih sederhana.

Ikuti Skema Warna Monokromatik

Terkadang warna mungkin terbukti menjadi musuh terbesar Anda, terutama saat berhadapan dengan defisiensi penglihatan seperti Deuteranopia, jadi mungkin ide yang baik untuk mengurangi palet Anda ke skema warna monokromatik.

Seringkali, orang membingungkan skema warna monokromatik dengan huruf grayscale yang hanya terdiri dari hitam, abu-abu, dan putih, tapi sebenarnya dua hal yang berbeda.

Menurut Wikipedia, skema warna monokromatik berasal dari "rona dasar tunggal dan diperluas dengan menggunakan nuansa, nada, dan warna" nya.

Seperti yang dapat Anda lihat di bawah ini, dengan mengikuti skema monokromatik, Anda dapat menghilangkan keseluruhan proses pencocokan warna yang ketat, dan fokus hanya pada satu warna dari mana Anda dapat membuat nuansa dan warna menggunakan tingkat saturasi dan kecerahan yang berbeda.

adjusting bad color combinations using monochromatic schemes

Go Grayscale

Solusi lain untuk menghindari warna sepenuhnya adalah dengan menggunakan grayscale sepenuhnya. Dengan demikian, Anda menghilangkan hampir semua langkah di atas, yang berarti Anda bisa fokus pada karya seni itu sendiri.

adjusting a bad color combination using a grayscale scheme

Tambahkan tekstur

Salah satu metode terakhir untuk memastikan desain Anda dapat dimengerti dengan jelas oleh mereka yang menderita kekurangan penglihatan adalah menambahkan tekstur. Entah itu butir, garis horizontal, atau jenis lainnya, tekstur dapat dengan mudah memisahkan dan menyorot bagian tertentu dari gambar, membantu Anda memecahkan batas warna apa pun.

adjusting a bad color combination using texture

Kesimpulan

Entah kita menyadarinya atau tidak, buta warna adalah kondisi yang mempengaruhi sejumlah besar orang di luar sana, membuat kehidupan keseharian mereka semakin sulit dengan membatasi hal-hal yang dapat mereka lihat dan pahami melalui filter warna.

Untungnya, seperti yang telah kita lihat, ada beberapa hal yang bisa kita lakukan sebagai desainer untuk meningkatkan kualitas hidup mereka, sehingga membuat segalanya sedikit lebih mudah satu langkah setiap kalinya.

Saya sangat berharap artikel ini telah membuka mata Anda ke area desain yang sering diabaikan, dan berhasil mengajarkan beberapa gagasan penting yang dapat Anda terapkan di proyek masa depan.

Dengan kata lain, Anda dapat memperluas pengetahuan Anda tentang warna dengan melihat artikel mengagumkan ini:

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.