สิ่งใดที่ง่ายกว่าในสายตา: ความมืดบนแสงหรือความสว่างบนความมืด?


31

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

ฉันทดสอบทั้งสองอย่างในhttp://BHStudios.org/about และคุณสามารถดูผลลัพธ์ของการทดสอบเหล่านี้ได้โดยสลับระหว่างชุดรูปแบบ "มืด" และ "แสง" ภายใต้หมวดหมู่ "ทันสมัย" ในเมนูแบบเลื่อนลงในแถบด้านข้าง (คุณสมบัตินี้ยังไม่สามารถใช้งานได้ใน Internet Explorer)( แก้ไข 2015-03-02 ฟีเจอร์นี้ได้รับการแก้ไขเพื่อให้ชุดรูปแบบทั้งหมดมืด - บน - ไฟ)

ดังนั้นมันเป็นความจริงที่มืด-on-แสงจะง่ายต่อการอ่าน?เราเพิ่งได้รับแจ้งเรื่องนี้เพื่อให้เราเชื่อว่าโปรแกรมเหล่านี้ก้าวหน้าหรืออะไรทำนองนั้น? การเปลี่ยนเป็นความมืดบนแสงทำขึ้นเพื่อเลียนแบบ moreso หมึกบนกระดาษมากกว่าเพื่อความสบายตาหรือไม่?


สำเนาซ้ำที่เป็นไปได้ของ: graphicdesign.stackexchange.com/q/14/5489
Brendan

เล็กน้อยแม้ว่าฉันจะนำเสนอปัญหาอื่น ๆ เช่นกัน
Supuhstar

ขึ้นอยู่กับปัจจัยหลายอย่างเช่นระดับแสงโดยรอบ
DA01

คำตอบ:


40

จากhttp://blog.tatham.oddie.com.au/2008/10/13/why-light-text-on-dark-background-is-a-bad-idea/ :

วิทยาศาสตร์การอ่านไม่ได้เป็นเรื่องใหม่และการวิจัยที่ดีที่สุดบางส่วนมาจากงานโฆษณาในช่วงต้นยุค 80 ข้อมูลนี้ยังมีความเกี่ยวข้องในปัจจุบัน

สิ่งแรกคือใบเสนอราคานี้จากบทความที่มีชื่อว่า“ การปรับปรุงความชัดเจนของหน่วยแสดงผลภาพโดยการกลับรายการตรงกันข้าม ในยุคปัจจุบันเรานึกถึงการกลับรายการความคมชัดความหมายสีดำบนสีขาว แต่จำได้ว่าบทความนี้มาจาก 1980 เมื่อ VDUs (จอภาพ) ที่สีเขียวบนสีดำ บทความนี้เป็นส่วนหนึ่งของการวิจัยที่ผลักดันให้สิ่งนี้เปลี่ยนรูปแบบหน้าจอที่เราใช้ในปัจจุบัน

อย่างไรก็ตามการศึกษาส่วนใหญ่แสดงให้เห็นว่าตัวอักษรสีเข้มบนพื้นหลังสีอ่อนนั้นดีกว่าตัวอักษรสีอ่อนบนพื้นหลังสีเข้ม (เมื่ออัตราการรีเฟรชค่อนข้างสูง) ตัวอย่างเช่น Bauer และ Cavonius (1980) พบว่าผู้เข้าร่วมมีความแม่นยำในการอ่านข้อความมากขึ้น 26% เมื่อพวกเขาอ่านด้วยตัวอักษรสีดำบนพื้นหลังสีอ่อน

การอ้างอิง: Bauer, D. , & Cavonius, C. , R. (1980) การปรับปรุงความชัดเจนของหน่วยแสดงผลภาพผ่านการกลับด้านความคมชัด ใน E. Grandjean, E. Vigliani (บรรณาธิการ), ด้านการยศาสตร์ของเทอร์มินัลการแสดงผลภาพ (หน้า 137-142) ลอนดอน: เทย์เลอร์และฟรานซิส

ตกลงปรับปรุง 26% - แต่ทำไม

ผู้ที่มีสายตาเอียง (ประมาณ 50% ของประชากร) พบว่าการอ่านตัวอักษรสีขาวเป็นสีดำนั้นยากกว่าตัวอักษรสีดำบนพื้นสีขาว ส่วนนี้เกี่ยวข้องกับระดับแสง: ด้วยหน้าจอสว่าง (พื้นหลังสีขาว) ม่านตาจะปิดอีกเล็กน้อยทำให้ลดผลกระทบของเลนส์ "ผิดรูป"; ด้วยจอแสดงผลที่มืด (พื้นหลังสีดำ) ม่านตาจะเปิดรับแสงมากขึ้นและการเสียรูปของเลนส์ทำให้เกิดการโฟกัสที่ชัดเจนมากขึ้นที่ดวงตา

Jason Harrison - Post Doctoral Fellow, Imager Lab Manager - กลุ่มวิจัยการรับรู้ทางประสาทสัมผัสและปฏิกิริยา, มหาวิทยาลัยบริติชโคลัมเบีย

เอฟเฟกต์ "fuzzing" ที่ Jason อ้างถึงนั้นเรียกว่า halation

อาจรู้สึกแปลก ๆ ที่ผลักดันเป้าหมายการออกแบบหลักของคุณตามการมองเห็นที่ผิดปกติ แต่เมื่อ 50% ของประชากรมี“ การด้อยค่า” มันใกล้เคียงกับการเป็นบรรทัดฐานมากกว่าการด้อยค่า

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


2
+1 คำตอบยอดเยี่ยม! นอกจากนี้ยังอธิบายว่าทำไมในประสบการณ์ส่วนตัวของฉันฉันพบว่าสีขาวบริสุทธิ์บนสีดำอ่านยากกว่าสีเทากลางแสง แต่ไม่มีปัญหาที่เทียบเท่ากับสีดำกับสีขาว ฉันสงสัยเกี่ยวกับเรื่องนี้เป็นเวลานาน
user56reinstatemonica8

5
คำตอบนี้เป็นสำเนาแบบย่อของโพสต์บล็อกนี้ดังนั้นหากคุณไม่ได้ลิงก์ไปยังแหล่งข้อมูล Tatham ยินดีต้อนรับ :) blog.tatham.oddie.com.au/2008/10/13/…
Smig

คำพูดนี้ดูแปลก ๆ 50% ของประชากรที่มีการด้อยค่าไม่ได้ทำให้เป็นบรรทัดฐาน มันทำให้มันครึ่ง นอกจากนี้จำนวนประมาณ 50% เป็นอย่างไร มันปัดขึ้นหรือลง? วันนี้มีกี่คนที่มีสายตาเอียง? จำนวนคน (และคนทั่วไป) ใช้เวลาอย่างมีนัยสำคัญในแต่ละวันที่จ้องมองที่หน้าจอเมื่อเปรียบเทียบกับตอนนี้หรือไม่ (ฉันคิดว่าอันสุดท้ายอย่างน้อยเราสามารถพูดว่า "มีความหมายมากกว่า")
TylerH

4

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


สวัสดี Gary ยินดีต้อนรับสู่ GDSE และขอบคุณสำหรับคำตอบของคุณ หากคุณมีคำถามใด ๆ โปรดดูศูนย์ช่วยเหลือหรือส่ง Ping หนึ่งในเราในการออกแบบกราฟิกแชทเมื่อชื่อเสียงของคุณเพียงพอ (20) ร่วมให้ข้อมูลและเพลิดเพลินกับเว็บไซต์!
Vincent

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

0

คำตอบสั้น ๆ : หากคุณต้องการอ่านข้อความยาว ๆ ให้ใช้ตัวอักษรสีเข้มบนพื้นหลังสีเทาอ่อน (ดีกว่าสีขาวธรรมดา)

สำหรับวัตถุประสงค์อื่นทั้งหมดให้ใช้พื้นหลังสีเข้มแทน


3
ยินดีต้อนรับสู่ GD.SE! ความรู้นี้มาจากไหน หนังสือศึกษา ...
Mensch
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.