พื้นที่ที่มีเนื้อหาสูงของเว็บไซต์ต้องเป็นสีขาว / สีอ่อนหรือไม่?


9

เว็บไซต์หลายแห่งที่ออกแบบมาให้อ่านง่าย (เช่น. nytimes.comหรือilovetypography.com ) ใช้พื้นหลังสีขาวพร้อมตัวอักษรสีดำเพื่อให้เนื้อหาอ่านง่าย จำเป็นหรือไม่ที่ต้องใช้สีอ่อนสำหรับพื้นที่ที่มีเนื้อหาสูงหรือพื้นหลังสีเข้มสามารถอ่านได้อย่างเท่าเทียมกัน?

คำตอบ:


14

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

โดยทั่วไปฉันจะแนะนำพื้นหลังสีเข้มสำหรับการออกแบบที่มีเนื้อหาสื่อจำนวนมาก แต่มีข้อความน้อยมาก พื้นหลังที่มืดกว่าสามารถทำให้ภาพถ่ายโดดเด่นและคุณจะพบว่าไซต์ถ่ายภาพจำนวนมากจะมีพื้นหลังสีดำ

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

สำหรับการอ่านเพิ่มเติม: ข้อความแสงบนพื้นหลังสีเข้มเทียบกับความสามารถในการอ่าน


5

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

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

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


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

นั่นอาจเป็นไปได้ ฉันไม่ได้ตั้งใจจะแนะนำว่ามันไม่ได้ขึ้นอยู่กับปัจจัยอื่น ๆ
Matthew อ่าน

1
ในทางกลับกันเมื่อฉันอ่านข้อความแสงบนพื้นหลังสีดำฉันมีปัญหาการเบิร์นอิน (after-image) และพบว่าไม่สามารถอ่านได้
horatio

@ e100: ฉันเดาว่าหน้าจอของคุณมีสีจางลงเป็นพิเศษ (ฉันจะพูดประมาณ 60-70 cd / m ²) หรือแสงบนโต๊ะของคุณค่อนข้างสว่างหรือทั้งสองอย่าง :) อย่างไรก็ตามฉันเห็นด้วยอย่างแน่นอนว่านักเรียนจะมีส่วนน้อยที่ต้องทำในกรณีนี้หากเลื่อนไปมาระหว่างข้อความที่พิมพ์และแสดง
thebodzio

@ Matthewthead: ฉันอยากจะพูดว่า "luminance"
thebodzio

0

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

คำตอบอื่น ๆ พูดถึงความแตกต่างเป็นปัจจัยหลักของการอ่าน ฉันคิดว่ามันไม่ยุติธรรมที่จะแยกความแตกต่างจากความสว่างรวมขณะพิจารณาปัญหานี้ บทความที่เชื่อมโยงกับคำพูดของ bereastreet ว่า "... ข้อความสีขาวบนพื้นหลังสีดำมีความคมชัดสูงกว่าตรงกันข้าม ... " ฉันสามารถเห็นด้วยกับส่วนที่เหลือของใบเสนอราคามากขึ้นหรือน้อยลง แต่นี่เป็นเพียงขยะธรรมดา :) ความแตกต่างที่เข้าใจกันว่าเป็นความแตกต่างระหว่างตัวระบายความร้อนนั้นเหมือนกันทุกประการ มันคือความส่องสว่างโดยรวมที่แตกต่างกัน คำแถลงดังกล่าวสามารถยอมรับได้ก็ต่อเมื่อเรานิยามบางสิ่งเป็น "ความเปรียบต่างที่รับรู้" ฉันคิดว่าเงื่อนไขการดูเป็นสิ่งสำคัญสำหรับความสะดวกในการอ่าน สิ่งที่ทำงานได้ดีในแสงจ้าสามารถเจ็บปวดเมื่อ sorrounding มืด

สิ่งหนึ่งที่ฉันคิดว่าไม่สามารถถูกเน้นหนักเกินไปและชัดเจนเกี่ยวกับความคมชัดของตัวเองคือมันควรจะ "ถูกต้อง" จำนวนของมัน ไม่เพียง "เพียงพอ" แต่ยัง "ไม่มาก" ฉันทำงานที่สำนักพิมพ์เล็ก ๆ และบ่อยครั้งที่ฉันเห็นว่าบทกวีเลือกสดใสเหมือนนรก (POW ย้ายไปที่กระดาษสีน้ำเงิน) สำหรับหนังสือของพวกเขาที่มีจำนวนมากกว่า 150 หน้า เป็นสิทธิ์ของพวกเขาในฐานะลูกค้าโดยอ้างว่า "มันง่ายต่อการอ่านโดยเฉพาะอย่างยิ่งสำหรับคนที่มีอายุมากกว่า (sic!) ตัวอักษรสีดำดีบนกระดาษขาวสว่าง ในขณะเดียวกันฉันก็ทำแบบสำรวจอย่างไม่เป็นทางการของตัวเองในหมู่คนที่อ่านหนังสือเยอะมาก ทุกคนถามว่ากระดาษสว่างมากเกินไปกำลังฆ่าสายตาของพวกเขา บ่อยครั้งที่พวกเขาไปสำหรับปัญหาเก่า - คนที่มีโอกาสเปลี่ยนเป็น "สีเหลือง";) เพียงเพื่อให้สามารถอ่านได้อย่างสะดวกสบาย ฉันคิดว่าเหมือนกันกับจอแสดงผล มีความคมชัดเพียงพอ - ใช่…ไม่มากเกินไป

และอีกหนึ่งหมายเหตุ: เมื่อฉันพูดถึงการอ่านข้อความบนกระดาษ (และกระดาษที่สว่างราวกับนรก;)) เป็นเงื่อนไขการดูฉันถือว่าไฟเรืองแสงประมาณ 2800-3200 เค


0

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

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