จานสีดีใช้สำหรับคนตาบอดสี

ฉันกำลังออกแบบแผนภูมิในตอนนี้ซึ่งจะเพิ่มรายการช้าลง ฉันต้องการสร้างรายการ / ลำดับของสีสำหรับรายการซึ่งจะเป็นประโยชน์มากที่สุดสำหรับคนตาบอดสีเพื่อแยกความแตกต่างระหว่างแต่ละรายการ มีความคิดอย่างไรว่าจะเริ่มจากตรงไหน?

หากคุณต้องการใช้วิธีการ "ลองผิดลองถูก" ฉันขอแนะนำเครื่องมือที่ชื่อว่าColor Oracle (cross-platform) ซึ่งจำลอง deuteranopia / deuteranomaly, protanopia / protanomaly และ tritanopia- ประเภทตาบอดสีบนหน้าจอคอมพิวเตอร์ของคุณ

(เช่น Photoshop มีการตั้งค่าการป้องกันตาบอดสีที่มีอยู่ในView→ Proof Setup(CS5 มีอย่างน้อย) แต่ Photoshop อาจมีราคาแพงเกินไปหากคุณกำลังจะออกแบบแผนภูมิ)

คุณกำลังพยายามปิดตาสีอะไร ลิงค์นี้

http://en.wikipedia.org/wiki/Color_blindness

ควรให้ความคิดที่ดีเกี่ยวกับสีต่างๆเพื่อหลีกเลี่ยงตามชนิดของการตาบอดสี

โดยทั่วไปการทำอะไรขึ้นอยู่กับการเลือกระหว่างบลูส์และกรีนสามารถได้รับ dicey; คุณอาจต้องการดูว่าสิ่งของของคุณมีลักษณะเป็นโมโนโครมล้วนๆหรือไม่

เนื่องจากมีช่วงของ "ตาบอดสี" คุณอาจต้องการตรวจสอบให้แน่ใจเสมอว่าการควบคุม ฯลฯ มีความซ้ำซ้อน (เช่นปุ่มสีแดงขนาดใหญ่ควรติดป้าย "ปุ่มทำลายตนเอง" ด้วยสีตัดกันที่ดี (ดำบนแดง) หรือสีขาวบนสีแดง)

ตาบอดสีหลายชนิด กุญแจสำคัญคือการทำให้แน่ใจว่ามีความคมชัดเพียงพอ ยิ่งไปกว่านั้นไม่ต้องพึ่งพาสีเพียงอย่างเดียว - มีข้อมูลเดียวกันอยู่เสมอในรูปแบบความคมชัดหรือคำสั่งของรายการ หากภาพของคุณง่ายต่อการเข้าใจในภาพขาวดำ

ฉันตาบอดสี "เรา" เหมือนกับภาพกราฟิกที่ถูกเลือกปฏิบัติโดยใช้สีเท่ากับ "คุณ" - มันมีโลกสีของเราน้อยกว่าของคุณ นี่คือข้อเสนอแนะในทางปฏิบัติในจิตวิญญาณของกฎ 80/20

หากเซ็นเซอร์สีชนิดแรกของคุณ (โปรโต) ไม่ทำงานวิสัยทัศน์ของคุณคือโปรโตแอนแอนนิตี้ หากพวกเขาเพียงแค่ประพฤติตัวไม่เหมาะสมคุณก็เป็นคนโปรโตโนมา ทำซ้ำสำหรับเซ็นเซอร์สีอีกสองประเภทและแทนที่ 'deuter' หรือ 'trito' แทน 'proto' (ฉันคิดว่านี่เป็นภาษากรีกสำหรับ 1,2,3)

โอกาสในทางปฏิบัติเกิดขึ้นจากความจริงที่ว่าดิวเทอราโนมาลีนั้นแพร่หลายมากกว่าประเภทอื่น ๆ 5% ของผู้ชายทั้งหมด คนอื่น ๆ คะแนนน้อยกว่า 1% ในเพศชายและหญิงน้อยลง ดังนั้นวิธีแก้ปัญหาง่ายๆสำหรับพวกเราที่เป็นดิวเทอโรโนมาลิสต์ก็คือทางไกล - โดยส่วนตัวแล้วฉันไม่ต้องการที่จะกำหนดค่าสีให้กับตัวเองเพื่อที่จะได้เห็นความแตกต่างของเส้นบนกราฟ (ซึ่งเกิดขึ้นตลอดเวลา)

ฉันได้รวมสีชุดเล็ก ๆ ไว้ด้านล่างซึ่งฉันสามารถเห็นความแตกต่างระหว่างได้อย่างง่ายดาย ฉันพยายามใส่ไม่สำเร็จ - เพื่อให้ความคิดเกี่ยวกับจานสีที่คุณต้องการ

nb อย่าลืมว่าไม่มีประโยชน์ในการอ้างถึงสีเหล่านี้ตามชื่อในประสบการณ์ผู้ใช้ที่คุณสร้าง สำหรับเราแล้ว Deuts - ดูเหมือนว่า "คุณ" ได้คิดค้นชื่อซ้ำ ๆ ที่ไม่จำเป็นสำหรับสีเดียวกัน :-)

rgb (255, 204, 153)

rgb (204, 204, 255)

rgb (255, 102, 102)

rgb (139, 230, 2)

สีแดง

สีเหลือง

rgb (51, 51, 255)

rgb (153, 153, 153)

rgb (153, 0, 0)

rgb (51, 51, 51)

rgb (0, 0, 102)

rgb (120, 102, 75)

ตาบอดสีสีชนิดที่พบมากที่สุดคือตาบอดสีแดง - เขียว (ซึ่งอาจเป็นข้อบกพร่องในการตรวจจับสีแดงหรือในการตรวจจับสีเขียว แต่ไม่ค่อยทั้งสอง) ดังนั้นหลีกเลี่ยงการพึ่งพาความแตกต่างในส่วนสีแดงสีเขียวของสเปกตรัม (สีเขียวอ่อนและสีส้มอ่อนมีแนวโน้มที่จะปรากฏเช่นเดียวกันกับคนเช่นนั้น)

หากคุณต้องการระมัดระวังโดยเฉพาะอย่างยิ่งคุณสามารถวางสีของคุณบนแกนสีน้ำเงิน - เหลือง (สีน้ำเงินเข้มมากน้ำสีขาวชาร์ตสีน้ำตาล); ปัญหาสีแดงสีเขียวทั้งหมดยังคงทำให้บุคคลสามารถบอกได้ว่าสีน้ำเงินนั้นแตกต่างกัน สีเหลืองมีข้อดีของการเปิดใช้งานกรวยทั้งสีเขียวและสีแดงดังนั้นหากมีปัญหากับตัวใดตัวหนึ่งมันก็ยังมองเห็นได้มากมาย อีกวิธีหนึ่งการยืดที่ความสว่างเพิ่มขึ้น (เช่นสีแดง -> สีเหลือง -> สีขาว) ปรากฏแก่คนส่วนใหญ่ อย่าคิดว่าสีแดงนั้นแตกต่างจากสีดำ

มีเครื่องมือบางอย่างสำหรับ Firefox ออกมีตัวอย่าง

ตอนนี้, ยังมีใบรับรองที่มีแนวทางบางอย่าง. ฉันดูในเอกสารของฉัน แต่ยังไม่พบมัน Google จะบอกบางอย่างเกี่ยวกับใบรับรองที่แตกต่างกันสำหรับประเทศของคุณ

ฉันรื้อฟื้นสิ่งนี้เพราะมันยากที่จะหาตัวอย่างที่เป็นรูปธรรมหรือวิธีการของ

คุณสามารถใช้เครื่องจำลองเพื่อช่วยให้บรรลุเป้าหมายนี้โดยระลึกไว้เสมอว่าการกำหนดเป้าหมาย Deuteranopia ครอบคลุมส่วนใหญ่และสนับสนุน Protanopia เช่นกันครอบคลุมเกือบทุกคน (ฉันเชื่อว่าส่วนที่เหลือน้อยกว่า 0.01% ของประชากร)

ผลิตภัณฑ์ Adobe อย่าง Illustrator มีเครื่องมือจำลองที่มีประโยชน์มาก (เปิดหน้าต่างใหม่และเลือกมุมมอง> การตั้งค่าการพิสูจน์> Color Blindness ... ) ที่สามารถแสดงการเรนเดอร์แบบเคียงข้างทันทีในขณะที่คุณปรับแต่งสี และยังมีเครื่องมือแบบสแตนด์อโลนฟรีอีกด้วยเช่น Color Contrast Analyzer

ต่อไปนี้เป็นเพียงตัวอย่างหน้าจอจาก Illustrator ที่แสดงจานสีหกสี (ซึ่งสีที่หกคือแดงหรือม่วงแดงไม่ใช่ทั้งคู่) และการจำลองทั้งสองแบบ ด้านล่างซ้ายเป็นสิ่งที่สำคัญที่สุดในเชิงสถิติ

โปรดทราบว่าในกรณีนี้สีม่วงมีประโยชน์เพียงเล็กน้อย (ค่อนข้างจางหายไปและถึงกระนั้นก็ยังมีความแตกต่างต่ำกับสีน้ำเงินและ / หรือสีม่วงแดง) นอกจากนี้ตัวเลือก "ที่ปลอดภัยที่สุด" (Magenta แบบเต็มแทนที่สีแดง) สามารถดังขึ้นได้ สำหรับคนส่วนใหญ่ที่มี CVD การปรับความอิ่มตัว / ความสว่างของสีแดงและสีเขียวสามารถปรับความคมชัดที่เป็นที่รู้จัก

(โปรดตรวจสอบกับฉันก่อนที่จะใช้จานสี / รูปภาพนี้ใหม่ทั้งหมด)

ฉันขอแนะนำให้ใช้พื้นที่สี HSL HSB (aka HSV) ก็เป็นมิตรเช่นกันโดยเฉพาะเมื่อเปรียบเทียบกับ RGB หรือ CMYK (FYI เฉพาะค่า H hue เท่านั้นที่จะเหมือนกันในสองระบบ) ที่นี่แต่ละคอลัมน์ใช้หมายเลขสีเดียว คุณสามารถดึงรหัส RGB ในภายหลังทั้งจาก Adobe หรือการใช้เครื่องมือที่ดีเยี่ยมที่colorizer.org รหัส Hex RGB นั้นเป็นที่น่าเศร้าว่าเป็นโปรแกรมเมอร์ที่รัดกุมที่สุดและสามารถใช้งานได้โดยตรงแม้ว่าคุณจะใช้งาน CSS แต่ก็รองรับ HSL ได้โดยตรง

ความอิ่มตัวของสีฟ้าที่นี่อยู่ในระดับต่ำถึง (a) เป็นลิงก์ / ปุ่มสีที่นุ่มนวลและ (b) เพื่อตัดกันมากขึ้นกับ magentas และสีม่วงที่อิ่มตัวเหล่านี้ ภายในคอลัมน์รูปแบบหลักคือความสว่าง แต่คุณสามารถหลีกเลี่ยงความอิ่มตัวของสีได้เช่นกัน

หากคุณไม่ได้อยู่ใน Photoshop หรือคุณอยู่ในเวอร์ชั่นก่อนหน้านี้ที่ไม่มีมุมมองที่พิสูจน์ด้วยสีตาบอดคุณสามารถตรวจสอบความคมชัดความสว่างของการออกแบบโดยแปลงเป็นสีเทา หรือถ้าเป็นรุ่นก่อนหน้าของ PS คุณสามารถใช้เลเยอร์ฮิวและความอิ่มตัวโดยที่ความอิ่มตัวลดลงจนสุดหรือแผนที่การไล่ระดับสีโดยใช้สีดำเป็นสีขาวเป็นตัวไล่ระดับสี ใส่เลเยอร์นั้นเป็นเลเยอร์บนสุดในเอกสารของคุณจากนั้นเมื่อใดก็ตามที่คุณต้องการตรวจสอบความคมชัดเปิดใช้งาน ฉันชอบแผนที่ไล่โทนสีเพราะมันมีความแม่นยำมากกว่าในแง่ของสีที่ตัดกันซึ่งกันและกันในแง่ของความสว่าง (สีแดงแสดงให้เห็นว่าเบากว่าที่คุณเห็นเล็กน้อยเมื่อเทียบกับสีอ่อน) แต่ก็สามารถแสดงให้คุณเห็นปัญหาในการออกแบบ ตราบใดที่หน้าของคุณดูดีในมุมมองนั้นมันก็น่าจะใช้ได้กับผู้ใช้ที่ตาบอดสี

รูปที่ 1: การทดสอบ colorblindedness Ishihara

ฉันเพิ่งตอบคำถามที่คล้ายกันที่ความยาว:

แหล่งจานสีที่ดีที่จะมอบให้กับผู้ใช้ที่ตาบอดสีคืออะไร

ผลที่สุดพื้นฐานคือ: ประสบการณ์ตาบอดสีเฉพาะของฐานผู้ใช้ของคุณ จานสีของคุณมีแนวโน้มที่จะวิวัฒนาการมาจากสิ่งที่คุณอาจมองเห็นผ่านดวงตาสีตาบอด

รูปที่เกี่ยวข้อง:

ฉันรู้ว่าฉันตอบคำถามนี้ไปแล้ว - แต่ฉันเพิ่งพบสิ่งนี้:

http://disturbmedia.com/max/colour-blindness.html

... ซึ่งเป็นโปรแกรมจำลองการตาบอดสีที่ดูเหมือนว่าเหมาะสมเป็นอย่างยิ่งสำหรับงานปี ฉันมองไปที่มันและฉันรู้สึกแย่มากสำหรับคนตาบอดสีที่ฉันถูกบังคับให้นึกถึงจานสีที่เหมาะกับพวกเขาเช่นกันเพราะความเห็นอกเห็นใจ จริง ๆ - ฉันไม่ได้ล้อเล่นทั้งหมด มีลักษณะ