Cara Merancang Warna Peranti Haiwan Peliharaan Maya Tanpa Mengurangkan Kontras Watak
Apabila merancang pilihan warna untuk peranti haiwan peliharaan maya, utamakan pengekalan siluet watak yang jelas dan ciri-ciri utamanya, kemudian pelbagaikan latar belakang, aksesori dan aksen palet di sekelilingnya. Anggap setiap pilihan sebagai reka bentuk skrin yang lengkap: periksa haiwan peliharaan itu pada latar belakang sebenar, pastikan ciri-ciri kecil masih menonjol, dan gunakan bentuk atau tanda selain warna untuk membezakan butiran penting.
Mulakan dengan bahagian yang menjadikan haiwan peliharaan itu mudah dikenali
Senaraikan ciri yang perlu dikenal pasti dengan cepat oleh seseorang yang melihatnya: mungkin garis luar, mata, mulut, telinga, cangkerang atau tanda khas. Senarai ini bergantung pada watak; tiada set ciri yang sesuai untuk semua. Tandakan ciri yang mesti kekal kelihatan dalam setiap pilihan warna dan ciri yang boleh berubah sebagai hiasan. Inilah yang akan menjadi pelan kontras bagi palet tersebut.
Hasilkan versi watak dalam satu warna polos dan periksa sama ada gaya pose dan garis luarnya masih jelas pada saiz paparan yang dirancang untuk peranti itu. Jika bentuk atau ekspresi watak bergantung pada tompok berwarna, perteguh ciri itu dengan sempadan, jarak atau bentuk yang tersendiri. Ini kaedah reka bentuk, bukannya ujian kebolehcapaian rasmi: kaedah ini membantu mengenal pasti keadaan apabila rona warna menjadi satu-satunya petunjuk untuk mengecam watak.
Asingkan warna watak daripada latar belakang skrin
Tetapkan fungsi warna sebelum memilih sampel warna. Sediakan peranan untuk latar belakang skrin, badan utama haiwan peliharaan, garis luar atau bayang-bayangnya, butiran muka dan aksen pilihan seperti pakaian atau objek habitat. Elakkan beberapa peranan itu berkumpul pada nilai kecerahan yang hampir sama. Contohnya, haiwan peliharaan berwarna kuning terang pada skrin berwarna krim pucat mungkin kehilangan garis tepinya walaupun ronanya berbeza.
Periksa pasangan warna penuh yang akan muncul bersebelahan: badan dengan latar belakang, garis luar dengan badan, serta mata atau mulut dengan muka. Panduan W3C untuk objek grafik dan komponen antara muka yang bermakna menggunakan nisbah kontras 3:1 berbanding warna bersebelahan sebagai penanda aras; panduan teksnya menetapkan 4.5:1 untuk teks biasa dan 3:1 untuk teks besar. Kriteria tersebut ditulis untuk kandungan web, jadi ia tidak mengesahkan paparan peranti fizikal, tetapi boleh dijadikan rujukan berguna apabila skrin mengandungi teks atau butiran grafik yang penting. W3C: Kontras bukan teks dan W3C: Kontras (Minimum)
Kekalkan pilihan warna dalam sistem berasaskan peranan
Bina satu set kecil pilihan dengan mengubah satu peranan pada satu masa. Contohnya, kekalkan muka dan tanda utama sambil menawarkan beberapa warna badan; atau kekalkan badan dan ubah tema latar belakang. Cara ini memudahkan anda menentukan sama ada pilihan baharu menjejaskan pengecaman watak dan memastikan setiap palet mempunyai struktur yang konsisten.
Lembaran palet praktikal boleh merekodkan peranan, nilai warna dan warna yang bersebelahan bagi setiap sampel warna. Sertakan sekurang-kurangnya satu pilihan latar belakang cerah dan satu pilihan gelap jika kedua-duanya akan digunakan, kemudian uji haiwan peliharaan yang sama pada setiap latar belakang. Jika warna badan hanya sesuai pada satu latar belakang, catatkan gandingan itu sebagai kekangan, bukan dengan menganggap sampel warna tersebut boleh saling menggantikan dalam semua keadaan.
Pendekatan berasaskan peranan ini ialah saranan editorial yang berasaskan keperluan untuk menguji pasangan warna bersebelahan yang sebenar. Panduan kebolehcapaian Adobe menerangkan cara memeriksa konflik palet dan melaraskan kecerahan atau nilai RGB apabila warna mungkin sukar dibezakan. Adobe: Pilihan warna yang boleh diakses
Jangan jadikan rona warna satu-satunya cara untuk membezakan semua perkara
Jika dua tanda penting hanya berbeza dari segi warna, uji sama ada kedua-duanya masih boleh dibezakan dalam paparan skala kelabu atau dengan simulasi penglihatan warna. Perteguh perbezaan yang kurang jelas dengan petunjuk lain: gunakan bentuk, garis luar, corak, kedudukan atau label yang berbeza jika sesuai dengan reka bentuk. Buku panduan reka bentuk Pertubuhan Kesihatan Sedunia mengesyorkan perubahan kecerahan dan gandingan warna dengan simbol atau corak ringkas untuk mengurangkan kekeliruan, sambil mengingatkan bahawa corak yang berlebihan boleh menjadikan reka bentuk lebih sukar dibaca. WHO: Pertimbangan untuk reka bentuk yang boleh diakses
Pastikan petunjuk tambahan ringkas. Jalur kecil atau tompok yang tersendiri mungkin sudah memadai; terlalu banyak garis luar, tekstur dan sorotan yang bersaing boleh mengaburkan ekspresi watak. Jika sesuatu tanda hanya hiasan dan tidak membawa makna, tanda itu tidak perlu menyampaikan isyarat yang berasingan.
Uji pada saiz dan keadaan yang akan dilihat oleh orang ramai
Semak variasi warna pada gambaran skrin peranti, dengan saiz watak pada skrin seperti yang dijangkakan. Periksa keseluruhan watak serta butiran kecil seperti anak mata, garisan mulut atau tanda halus. Palet yang kelihatan jelas dalam fail reka bentuk yang diperbesarkan mungkin bercantum apabila dipaparkan pada saiz yang lebih kecil. Pratonton skrin dalam skala kelabu dan gunakan simulasi penglihatan warna sebagai bantuan saringan. Simulasi boleh menunjukkan kemungkinan konflik, tetapi tidak menggantikan pemeriksaan pada paparan sebenar dan dalam keadaan tontonan yang dirancang.
Gunakan helaian ringkas lulus atau semak semula untuk setiap variasi: Adakah siluet jelas berbeza daripada latar belakang? Adakah ekspresi utama dan tanda-tanda masih kelihatan? Bolehkah unsur penting yang bersebelahan dibezakan melalui kecerahan atau petunjuk lain? Adakah teks kekal jelas dibaca pada latar belakangnya? W3C menyatakan bahawa kecerunan boleh merumitkan penilaian kontras, jadi uji kawasan sebenar di belakang sesuatu ciri dan bukannya bergantung pada nilai satu sampel warna. W3C: Kontras bukan teks
Jika sesuatu versi tidak lulus, laraskan dahulu kecerahan atau latar belakang di sekelilingnya; ini selalunya dapat mengekalkan rona pilihan watak sambil mengembalikan perbezaan yang jelas. Jika ciri itu masih hilang, perteguh sempadannya atau ubah bentuknya. Periksa semula keseluruhan skrin selepas setiap perubahan kerana penambahbaikan pada satu pasangan warna bersebelahan boleh menjejaskan pasangan yang lain.
Buat pilihan akhir dengan pertimbangan yang jelas
Bandingkan pilihan berdasarkan peranannya, bukan dengan bertanya palet mana yang sekadar “terbaik”. Badan yang sangat tepu warnanya mungkin kelihatan ceria tetapi bersaing dengan muka; latar belakang yang lembut warnanya mungkin mengekalkan tumpuan pada haiwan peliharaan tetapi menyebabkan teks atau ikon sukar dilihat. Pilih pilihan yang mengekalkan ciri watak yang diperlukan dan kekal jelas apabila dilihat bersebelahan dengan bahagian skrin yang lain. Catatkan gandingan yang ditolak dan sebabnya supaya variasi kemudian tidak mengulangi gandingan berkontras rendah yang sama.
Hasilnya sepatutnya berupa set pilihan warna dengan batasan yang jelas: warna badan yang sesuai pada latar belakang tertentu, butiran yang kekal tetap dan perbezaan yang memerlukan petunjuk selain warna. Ini memberi ruang kepada pereka untuk menghasilkan variasi sambil memastikan haiwan peliharaan maya kekal mudah dikenali dalam pilihan yang benar-benar ditawarkan.