ตัวอักษรสีอ่อนบนพื้นหลังสีเข้มและตัวอักษรสีเข้มบนพื้นหลังสีอ่อน: ซึ่งทำให้ผู้อ่านโฟกัสได้นานขึ้น?


11

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

ฉันกำลังมองหาเอกสารงานวิจัยการวัด Google Analytics อะไรก็ตามที่ทำเพื่อดูว่าข้อความเข้าใจง่ายกว่าติดอยู่กับเครื่องอ่านมากขึ้นหรือไม่ทำให้จำได้ง่ายขึ้นจากหน่วยความจำ .

มีใครทำวิจัยระบุวิธีหนึ่งหรืออื่น ๆ ?


1
นี่อาจเป็นความจริงที่ว่าแสงในที่มืดนั้นง่ายต่อการมองเห็นเนื่องจากมีเพียงตัวอักษรและเนื้อหาถูกปล่อยออกมาที่คุณผ่านแสง ข้อมูลที่น้อยลงช่วยให้การมองเห็นมีความสำคัญ
Zac Grierson

ทฤษฎีที่น่าสนใจ สีขาว (แสง) อาจต้องใช้สายตามากขึ้นทำให้ม่านตาของคุณแคบลงซึ่งจะทำให้โฟกัสในขณะที่ดำ (มืด) นั้นต้องใช้สายตาน้อยลงและม่านตาของคุณจะคลายลง (ลดความตึงเครียดของกล้ามเนื้อ)
kcdwayne

@ kcdwayne ใช่มันเป็นเรื่องจริง แต่ฉันยังคงสนใจในผลลัพธ์ระยะยาว (เช่น) เนื่องจากมีการเชื่อมต่อระหว่างชุดรูปแบบและความสามารถในการเรียกคืนข้อความที่อ่าน
petermolnar

@ZachariaSamuelGrierson ตัวอักษรสีดำบนพื้นหลังสีขาวดูเหมือนจะดีกว่าไม่ใช่ตัวอักษรสีอ่อนบนพื้นหลังสีเข้ม
petermolnar

@petermolnar คุณรังเกียจไหมถ้าฉันส่งเป็นคำตอบ?
Zac Grierson

คำตอบ:


11

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

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

อย่างไรก็ตามการยึดติดกับการพิมพ์แม้ว่าบรรทัดล่างคือสิ่งที่สะดวกสบายในการอ่านมีแนวโน้มที่จะถูกดูดซึมมากกว่าสิ่งที่ไม่

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

ไม่มากที่จะสรุปได้ว่าอะไรก็ตามที่เกี่ยวกับการพิมพ์ข้อความที่มีความยาวน้อยกว่าอุดมคติมีแนวโน้มที่จะส่งผลเสียต่อความสนใจและการเก็บรักษา

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

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

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

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

ข้อความตัวอักษรแบบดั้งเดิมเช่น Caslon, Jenson และ Garamond มีความคมชัดของภาพน้อยกว่าที่พิมพ์บนวัสดุพิมพ์ที่เบาดังนั้นจึงสะดวกสบายในการอ่าน serifs แผ่นพื้นเหมือนกระดานชนวนอียิปต์สามารถอ่านได้เฉพาะในน้ำหนักเบา A Didone หรือ Bodoni ซึ่งมีลายเส้นที่หนาและบางที่ตัดกันอย่างรุนแรงของมันมีแนวโน้มที่จะขัดแย้งกันเกินไปสำหรับการอ่านที่สะดวกสบาย

ปัญหาโฟกัสอาจบอบบาง มันไม่จำเป็นต้องเป็นคำถามของแสง - บน - มืด ดวงตาเน้นแสงสีแดงและสีเขียวแตกต่างกันและหากคุณต้องการปวดหัวจริงๆให้แปลงข้อความสองสามหน้าเป็นสีแดงบนสีเขียวและลองอ่าน มันเจ็บ!


นี่เป็นคำตอบที่ดีและยาวมากและคุณกำลังอ้างถึงงานวิจัยบางอย่าง ฉันยินดีที่จะยอมรับมันรวมถึงความกรุณาถ้าคุณสามารถลิงค์แหล่งที่มาของราคา
petermolnar

1
น่าเสียดายที่ฉันไม่มีเวลาว่างในการขุดอ้างอิง 40 ปี สิ่งที่ฉันได้รับจากที่นี่คือสิ่งที่ฉันพบว่าเป็นจริงในทางปฏิบัติและทดสอบด้วยตนเองได้อย่างง่ายดาย ส่วนหนึ่งที่คุณอาจพบว่ายากที่จะติดตามฉันสงสัยว่าเป็นข้อมูลการมองเห็น ฉันเชื่อมโยงไปยังหน้าเว็บที่มีบทความที่ยอดเยี่ยมจำนวนหนึ่ง
Alan Gilbertson

เห็นด้วยกับทุกสิ่งและคำอธิบายที่ดีเกี่ยวกับนักเรียน เร็ว ๆ นี้ผมได้พยายามที่จะตอบคำถามที่คล้ายกัน จากนั้น "นักวิทยาศาสตร์ที่แท้จริง" :) ฉันแค่สงสัยว่าทำไมผู้คนถึงยืนยันในสิ่งตีพิมพ์ทางวิทยาศาสตร์เกี่ยวกับสิ่งต่าง ๆ ที่ค่อนข้างง่ายต่อการทดสอบ
Mikhail V

3

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

2.2.2 ความสนใจของสีและภาพ

ในบรรดาองค์ประกอบกราฟิกที่หลากหลายบนหน้าจอสีเป็นหนึ่งในองค์ประกอบที่ทรงพลังของการออกแบบ ผู้ออกแบบส่วนต่อประสานต้องเข้าใจวิธีการใช้สีในการออกแบบ ดังที่ Tufte (1989) อ้างว่า '' การออกแบบภาพหน้าจอคอมพิวเตอร์ด้วยความชำนาญ - 'ด้วยความใส่ใจกับสี, การพิมพ์, เลย์เอาต์, ไอคอน, กราฟิกและการเชื่อมโยงกัน - มีส่วนสำคัญต่อคุณภาพและการใช้งาน " การประมวลผลข้อมูล ยกตัวอย่างเช่น Hoadley (1989) ระบุว่าสีซึ่งเป็นหนึ่งในคุณสมบัติของการกระตุ้นด้วยสายตาสามารถดึงดูดความสนใจของมนุษย์ได้ ยิ่งกว่านั้น Marcus (1992) แสดงว่าสีเป็นองค์ประกอบภาพที่ซับซ้อนที่สุด นอกจากนี้การศึกษาเกี่ยวกับสีในความสนใจของภาพโดยเฉพาะอย่างยิ่งในการค้นหาด้วยสายตา

ผลกระทบของสีที่มีต่อประสิทธิภาพของมนุษย์ได้รับการประเมินในการตั้งค่างานหลายอย่าง การตั้งค่างานเหล่านี้กำลังตรวจจับเป้าหมายที่เป็นสีในสิ่งที่ทำให้ไขว้เขวไม่ใช่สีตรวจจับเป้าหมายสีท่ามกลางการรบกวนสีโดยสีของเป้าหมายนั้นแตกต่างจากสีของสิ่งรบกวนและตรวจจับเป้าหมายที่มีส่วนร่วมของคุณลักษณะ ยกตัวอย่างเช่น Treisman and Gelade (1980) รายงานว่าความต้องการความสนใจในการรวมคุณสมบัติของวัตถุเข้าด้วยกันทำให้ผู้เข้าร่วมต้องใช้เวลาในการตรวจจับตัวอักษรสีเขียว T บนหน้าจอที่มีจำนวนน้ำตาล T และ X สีเขียวเท่ากัน การศึกษาอื่นแสดงให้เห็นว่าในการค้นหาคำเป้าหมายจากรายการคำสีเป้าหมายและคำที่ไม่ใช่เป้าหมายสีความแตกต่างระหว่างสีข้อความจะมีผลต่อเวลาค้นหา

เห็นได้ชัดว่าหลักฐานแสดงให้เห็นว่าสีมีผลกระทบต่อการมองเห็นในบริบทต่าง ๆ (เช่นการค้นหาด้วยภาพและการอ่าน) การศึกษาข้างต้นใช้สีของเป้าหมายและไม่ใช่เป้าหมายและไม่ใช่เป้าหมายหมายถึงการรบกวน การศึกษานี้ในทางกลับกันไม่ได้สำรวจสีของคำเป้าหมายและคำที่ไม่ใช่เป้าหมาย มีการตรวจสอบสีของกราฟิกแบนเนอร์แบบเคลื่อนไหว (สิ่งรบกวน)

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

ในแง่ของการใช้สีในกราฟิกแนวทางทั่วไปได้รับการกล่าวถึงเป็นอย่างดี Marcus (1992) แนะนำให้ใช้สีที่เหมาะสมสำหรับพื้นที่ส่วนกลางและส่วนปลาย สีน้ำเงินเหมาะสำหรับพื้นที่ขนาดใหญ่เช่นพื้นหลังหน้าจอ แนะนำให้ใช้สีแดงและสีเขียวสำหรับพื้นที่ที่อยู่กึ่งกลางของเขตข้อมูลภาพส่วนสีดำสีขาวสีเหลืองและสีน้ำเงินจะถูกใช้ในบริเวณรอบนอกของเขตข้อมูลภาพ

ยิ่งไปกว่านั้นการรวมกันของสีอาจสร้างผลกระทบที่แตกต่างกัน ตัวอย่างเช่นการศึกษาแสดงให้เห็นว่าการผสมสีที่ไม่มีประสิทธิภาพในการออกแบบกราฟิกสามารถลดประสิทธิภาพและความพึงพอใจของผู้ใช้ (เช่น Latomia และ Happ, 1987) การผสมสีข้อความและพื้นหลังของกราฟิกแบนเนอร์แบบเคลื่อนไหวอย่างมีประสิทธิภาพเป็นหนึ่งในปัจจัยที่มีอิทธิพลต่อการประมวลผลข้อมูลและเพิ่มอัตราการคลิกผ่านความสามารถในการอ่านข้อความแบนเนอร์การรับรู้ถึงแบรนด์

ที่มา: ความแตกต่างทางวัฒนธรรมเกี่ยวกับความสนใจและการใช้งานที่รับรู้: การตรวจสอบการผสมสีของกราฟิกภาพเคลื่อนไหว

มีสองแนวคิดในการสำรวจเพิ่มเติมเกี่ยวกับคำถามนี้ การวิจัยของจางเกี่ยวกับความสว่างเป็นสิ่งที่ทำให้ไขว้เขวและคำแนะนำของมาร์คัสสำหรับสีที่ต่างกันสำหรับพื้นที่โฟกัสที่แตกต่างกัน งานวิจัยต่อไปนี้ดูเหมือนจะกล่าวถึงทั้งสองในย่อหน้าเดียว!

ผลการวิจัยพบว่าบนพื้นหลังใด ๆ สีของความอิ่มตัวสูงสุดและความสว่างดึงดูดความสนใจมากที่สุด (67%) สีเหลืองสีเขียวสีเขียวสีฟ้า (45%) ดึงดูดความสนใจตามด้วยสีแดงสีม่วงแดง (30%) พบว่าสีที่มีความอิ่มตัวและความสว่างสูงสุดเป็นที่ต้องการมากที่สุด (25%) สีน้ำเงินเป็นสีที่ต้องการมากที่สุดโดยไม่คำนึงถึงพื้นหลัง (25%) ความสัมพันธ์ของสีพื้นหน้า - พื้นหลังในแง่ของความสนใจและความชอบยังรวมอยู่ในการค้นพบของการศึกษา

ที่มา: ผลของสีความอิ่มตัวและความสว่างที่มีต่อความสนใจและความพึงพอใจ


ข้อสรุปของฉันเอง:

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

นี่ยังเห็นด้วยกับคำตอบที่ยอดเยี่ยมของอลันเกี่ยวกับความคมชัดและด้านกลไกมากขึ้นของวิธีที่เราดูสีเหล่านี้:

โดยทั่วไปแหล่งที่มาของความรู้สึกไม่สบายที่ใหญ่ที่สุดเมื่ออ่านข้อความที่มีความยาวมากคือความเปรียบต่างที่มากเกินไป ข้อดีของ ni plus ultra คือการพิมพ์หนังสือที่พิมพ์บนกระดาษสีขาวสว่างและพยายามอ่านในแสงแดดโดยตรง

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

แน่นอนว่าฉันไม่ใช่นักวิทยาศาสตร์นักจิตวิทยาหรือผู้เชี่ยวชาญด้านทฤษฎีสีดังนั้นอ่านรายงานทั้งหมดของคุณเองและสรุปผลของคุณเอง


1

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

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

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


0

ตามการอภิปรายความคิดเห็น OP ของเรา

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

เราขยายเพิ่มเติมเกี่ยวกับเรื่องนี้ใน OP แต่นี่จะเป็นคำตอบที่ฉันส่ง


0

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

ฉันคิดว่าผู้คนมีห้องพักที่มีแสงสว่างมากขึ้นจากนั้นตรงข้ามอาจเป็นกรณี ... ทั้งสองวิธีมันเป็นเวลาที่ผู้คนเริ่มให้ตัวเลือกที่จะมีอย่างใดอย่างหนึ่งมากกว่าที่จะบังคับให้ตั้งค่าของพวกเขาเอง เฉลี่ย.

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