Văn bản sáng trên nền tối so với văn bản tối trên nền sáng: cho phép người đọc tiếp tục tập trung lâu hơn?


11

Tôi không muốn tham gia vào cuộc chiến bất tận giữa bóng tối với ánh sáng và bóng tối, nhưng gần đây tôi đã phát hiện ra một điều thú vị: trong khi văn bản sáng tối vẫn ít mệt mỏi hơn (và cá nhân tôi cũng thích nhiều hơn nữa), bóng tối dường như làm tốt hơn việc giữ sự chú ý của tôi vào nội dung của văn bản; nói cách khác, nó giúp tập trung nhiều hơn vào những gì bạn đọc. Điều này đáng chú ý hơn nhiều với văn bản dài hơn mất vài phút để đọc.

Tôi đang tìm kiếm bất kỳ bài báo, nghiên cứu, đo lường, Google Analytics, bất cứ điều gì, được thực hiện để xem liệu một văn bản có dễ hiểu hơn không, bị mắc kẹt nhiều hơn với người đọc, giúp dễ nhớ lại từ bộ nhớ và không phải cho những người tập trung vào khả năng đọc .

Có ai thực hiện nghiên cứu chỉ ra cách này hay cách khác?


1
Điều này có thể xuống thực tế là ánh sáng tối dễ nhìn hơn do chỉ có văn bản và nội dung được phát ra từ bạn thông qua ánh sáng. Vì vậy, ít thông tin giúp tầm nhìn tập trung.
Zac Grierson

Lý thuyết thú vị. Màu trắng (ánh sáng) có thể đòi hỏi nhiều hơn từ đôi mắt của bạn, do đó thu hẹp sự tập trung của mống mắt của bạn , trong khi màu đen (tối) đòi hỏi ít hơn từ mắt của bạn, và mống mắt của bạn giảm bớt (giảm căng cơ).
kcdwayne

@kcdwayne vâng, điều đó đúng, nhưng tôi vẫn quan tâm đến kết quả dài hạn vì có bất kỳ mối liên hệ nào giữa chủ đề và khả năng nhớ lại văn bản đã đọc.
petermolnar

@ZachariaSamuelGrierson văn bản màu đen trên nền trắng có vẻ tốt hơn, không phải văn bản sáng trên nền tối.
petermolnar

@petermolnar Bạn có phiền nếu tôi gửi câu trả lời này không?
Zac Grierson

Câu trả lời:


11

Cơ bản cơ bản nhất của kiểu chữ tốt cho văn bản dài là loại nên "vô hình" đối với người đọc, vì vậy không có gì để can thiệp vào việc truyền đạt thông tin. Từ đó, chúng ta có được các nguyên tắc rằng khuôn mặt serif và sans nhẹ là văn bản dài tốt hơn so với sans thông thường, và ánh sáng tối có xu hướng thích ánh sáng hơn trong bóng tối. Có một bản tóm tắt ngắn về trí tuệ typographic thường được chấp nhận ở đây . Bạn thực sự không thể ly dị dễ đọc từ hiểu, và do đó duy trì.

Điều đó nói rằng, tôi biết một số lý do cho việc thiếu lưu giữ không liên quan gì đến kiểu chữ, và tôi cũng đã thấy một số nghiên cứu ngu ngốc hết sức trong lĩnh vực này (như anh chàng đã cắt các cột văn bản ở giữa và cách nhau 1/4 inch bởi vì nó "buộc người đọc phải tập trung hơn để theo dõi văn bản"). Vì vậy, kinh nghiệm của bạn trong trường hợp này có thể liên quan đến loại, và nó có thể không.

Mặc dù vậy, gắn bó với kiểu chữ, điểm mấu chốt là những gì thoải mái khi đọc có nhiều khả năng được hấp thụ hơn những gì không.

Có một loạt các nghiên cứu trong lĩnh vực đo thị lực , đặc biệt là liệu pháp thị lực, chỉ ra mối liên hệ giữa sự phối hợp mắt kém ("thiếu hội tụ" trong thuật ngữ) và thiếu chú ý, thiếu duy trì, thậm chí không thích đọc nói chung. (Thường bị chẩn đoán nhầm là chứng khó đọc hoặc ADHD.) Ảnh hưởng của các dạng thiếu hội tụ khác nhau là một loại mỏi mắt khiến cho việc đọc không thoải mái. Điều tương tự cũng đúng với những người cần ống kính hiệu chỉnh để đọc nhưng không đeo chúng.

Không có gì nhiều để kết luận rằng bất cứ điều gì về kiểu chữ của một đoạn văn bản dài không lý tưởng đều có thể có tác động tiêu cực đến sự chú ý và duy trì.

Nói chung, nguồn khó chịu lớn nhất khi đọc đoạn văn bản dài là sự tương phản quá mức. Các ni cộng cực của việc này đang tiến hành một cuốn sách được in trên giấy trắng sáng và cố gắng đọc nó trong ánh sáng mặt trời trực tiếp.

Khi nhìn vào một trường nhìn chung tối (ví dụ văn bản sáng-tối), đồng tử của mắt mở rộng. Không đi sâu vào các chi tiết kỹ thuật, đồng tử rộng hơn == lấy nét kém sắc nét, hơi mờ ở các cạnh của loại. Đó chỉ là cách quang học hoạt động. Đây cũng là lý do tại sao thật khó để đọc trong ánh sáng mờ. Các đồng tử ở độ giãn tối đa, có nghĩa là trọng tâm là tồi tệ nhất.

Nhìn vào một trang sáng, con ngươi thu hẹp. Đồng tử hẹp == tiêu cự sắc nét hơn (điều này làm tăng độ tương phản cạnh của các đối tượng trong trường thị giác). Từ điều này, bạn có thể kết luận rằng loại sans, được xây dựng to hơn so với anh em họ có răng cưa, đọc tốt hơn từ nền tối hơn mặt serif, và bạn sẽ đúng.

Helvetica và các khuôn mặt sans tương tự tạo ra độ tương phản mạnh với nền của chúng, và không thoải mái khi đọc khi được hiển thị màu đen trên trắng hoặc trắng trên đen, trừ khi bạn sử dụng trọng lượng nhẹ nhất. Khi tôi cài đặt văn bản trong một sans, tôi sẽ sử dụng trọng lượng nhẹ nhất có sẵn và / hoặc một cái gì đó như màu xám

Các mặt văn bản serif truyền thống như Caslon, Jenson và Garhua có độ tương phản hình ảnh ít hơn được in trên chất nền nhẹ, vì vậy sẽ thoải mái hơn khi đọc. Slif serif như Ai Cập Slate chỉ có thể đọc được ở trọng lượng nhẹ hơn. Một Didone hoặc Bodoni, với các nét dày và mỏng tương phản mạnh mẽ của nó, có xu hướng quá khó chịu để đọc thoải mái.

Vấn đề tập trung có thể được tinh tế. Nó không phải là một câu hỏi về ánh sáng tối. Mắt tập trung ánh sáng đỏ và xanh lục khác nhau, và nếu bạn thực sự muốn tự làm mình đau đầu, hãy chuyển đổi một vài trang văn bản thành màu đỏ trên màu xanh lá cây và cố gắng đọc chúng. Đau quá!


Đây là một câu trả lời rất hay và dài, và bạn đang trích dẫn một vài nghiên cứu; Tôi rất vui lòng chấp nhận nó, bao gồm cả tiền thưởng nếu bạn có thể vui lòng liên kết các nguồn trích dẫn.
petermolnar

1
Thật không may, tôi không có thời gian rảnh để đào 40 năm tài liệu tham khảo. Những gì tôi đã đưa ra ở đây là những gì tôi cũng thấy là đúng trong thực tế và dễ dàng thử nghiệm cho chính mình. Một phần mà bạn có thể thấy khó theo dõi, tôi nghi ngờ, là thông tin về tầm nhìn. Tôi đã liên kết đến một trang với một số bài viết xuất sắc.
Alan Gilbertson

Đồng ý với mọi thứ, và giải thích tốt về Học sinh. Gần đây tôi đã cố gắng trả lời câu hỏi tương tự . Rồi đến "nhà khoa học thực sự" :) Tôi chỉ thắc mắc tại sao mọi người cứ khăng khăng đòi các ấn phẩm khoa học về những thứ khá dễ kiểm tra và thậm chí hiểu một cách logic.
Mikhail V

3

Rất nhiều người đã nghiên cứu điều này theo nhiều cách và năng lực khác nhau. Một số có thể được tìm thấy bằng Google Scholar. Dưới đây là một vài trích đoạn tôi thấy có liên quan đến câu hỏi và nguồn của chúng:

2.2.2. Màu sắc và sự chú ý trực quan

Trong số nhiều thành phần đồ họa trên màn hình, màu sắc là một trong những thành phần mạnh mẽ của thiết kế. Các nhà thiết kế giao diện phải có khả năng hiểu cách áp dụng màu sắc trong thiết kế. Như Tufte (1989) khẳng định, '' thiết kế hình ảnh khéo léo của màn hình máy tính, với sự quan tâm đến màu sắc, kiểu chữ, bố cục, biểu tượng, đồ họa và sự kết hợp, đóng góp đáng kể vào chất lượng và khả năng sử dụng. ' xử lý thông tin. Hoadley (1989), ví dụ, nói rằng màu sắc, một trong những thuộc tính của một kích thích thị giác, có thể thu hút sự chú ý của con người. Hơn nữa, Marcus (1992) bày tỏ rằng màu sắc là thành phần thị giác phức tạp nhất. Hơn nữa, các nghiên cứu sâu rộng về màu sắc trong sự chú ý trực quan, đặc biệt là trong tìm kiếm trực quan,

Ảnh hưởng của màu sắc đến hiệu suất của con người đã được đánh giá trong một số cài đặt tác vụ. Các cài đặt tác vụ này đang phát hiện các mục tiêu được tô màu trong số các phiền nhiễu không màu, phát hiện các mục tiêu được tô màu trong số các phiền nhiễu màu, theo đó màu của các mục tiêu khác với màu của các phiền nhiễu và phát hiện các mục tiêu có chứa các liên kết của các tính năng (ví dụ: màu sắc và hướng). Treisman và Gelade (1980), ví dụ, báo cáo rằng sự cần thiết phải chú ý để kết hợp các tính năng đối tượng với nhau khiến người tham gia mất nhiều thời gian hơn trong việc phát hiện chữ cái màu xanh lá cây T trên màn hình có chứa số chữ T màu nâu và chữ X màu xanh lá cây. Một nghiên cứu khác cho thấy rằng khi tìm kiếm các từ mục tiêu từ danh sách các từ mục tiêu được tô màu và các từ không phải mục tiêu được tô màu, sự khác biệt về màu sắc văn bản ảnh hưởng đáng kể đến thời gian tìm kiếm,

Rõ ràng, bằng chứng cho thấy màu sắc có tác động đến sự chú ý trực quan trong các bối cảnh khác nhau (ví dụ, tìm kiếm và đọc trực quan). Các nghiên cứu trên thao túng màu sắc của mục tiêu và phi mục tiêu, và phi mục tiêu được định nghĩa là phiền nhiễu. Nghiên cứu hiện tại này, mặt khác, không khám phá màu sắc của từ mục tiêu và từ không mục tiêu. Thay vào đó, màu sắc của đồ họa biểu ngữ hoạt hình (phiền nhiễu) được điều tra.

Zhang (1999) đã điều tra một vấn đề tương tự. Trong nghiên cứu đó, màu sáng là thuộc tính quan trọng của các biểu ngữ hoạt hình, có thể đánh lạc hướng sự chú ý của người dùng. Thuộc tính độ sáng được khám phá ở hai cấp độ, màu sáng và màu xỉn. Không có màu sắc được báo cáo, điều này gây khó khăn cho các cuộc điều tra tiếp theo. Tuy nhiên, kết quả cho thấy một đồ họa hoạt hình với màu sắc tươi sáng làm mất tập trung sự chú ý của người dùng hơn là một đồ họa hoạt hình có màu xỉn.

Về mặt sử dụng màu sắc trong đồ họa, hướng dẫn chung được thảo luận tốt. Marcus (1992) khuyên bạn nên sử dụng màu sắc phù hợp cho khu vực trung tâm và ngoại vi. Màu xanh thích hợp cho các khu vực rộng lớn như nền màn hình. Màu đỏ và màu xanh lá cây được khuyến nghị cho một khu vực ở trung tâm của trường thị giác, trong khi màu đen, trắng, vàng và xanh được sử dụng tốt hơn ở ngoại vi của trường thị giác.

Hơn nữa, mọi sự kết hợp màu sắc có thể tạo ra các hiệu ứng khác nhau. Chẳng hạn, các nghiên cứu cho thấy sự kết hợp màu sắc không hiệu quả trên các thiết kế đồ họa có thể làm giảm hiệu suất và sự hài lòng của người dùng (ví dụ, Latomia và Happ, 1987). Sự kết hợp hiệu quả giữa màu văn bản và màu nền của đồ họa biểu ngữ hoạt hình là một trong những yếu tố ảnh hưởng có thể hỗ trợ xử lý thông tin và tăng tỷ lệ nhấp, khả năng đọc thông điệp biểu ngữ, nhận thức về thương hiệu, đánh giá cao sự xuất hiện của Web và khả năng sử dụng của trang Web.

Nguồn: Sự khác biệt về văn hóa về sự chú ý và khả năng sử dụng: Điều tra sự kết hợp màu sắc của đồ họa hoạt hình

Có hai khái niệm để khám phá thêm liên quan đến câu hỏi này. Nghiên cứu của Zhang về độ sáng như một vật gây xao lãng và khuyến nghị của Marcus về các màu sắc khác nhau cho các khu vực trọng tâm khác nhau. Các nghiên cứu sau đây dường như đề cập đến cả hai, trong một đoạn văn!

Các phát hiện về sự chú ý cho thấy rằng trên bất kỳ nền nào, màu sắc của độ bão hòa và độ sáng tối đa thu hút sự chú ý nhiều nhất (67%). Màu vàng lục, xanh lục, lục lam (45%) thu hút sự chú ý, tiếp theo là màu đỏ, đỏ tươi (30%). Các phát hiện về sở thích cho thấy màu sắc có độ bão hòa và độ sáng tối đa được ưu tiên nhất (25%). Màu xanh là màu sắc được ưa thích nhất bất kể nền tảng (25%). Mối quan hệ màu nền trước về sự chú ý và ưu tiên cũng được bao gồm trong các phát hiện của nghiên cứu.

Nguồn: Ảnh hưởng của Huế, Độ bão hòa và Độ sáng đối với sự chú ý và ưu tiên


Kết luận của riêng tôi:

Dựa trên bài đọc mới tôi đã làm không chỉ là những trích đoạn đó, cũng như các bài báo khác mà tôi đã đọc, đối với tôi, độ tương phản của độ sáng rất quan trọng. Có lẽ đây là lý do tại sao các nhà thiết kế vĩ đại thường tránh màu trắng tinh khiết và màu đen thuần khiết. Trang web này chỉ có màu trắng và đen tối. Vì vậy, điều tôi tìm thấy câu trả lời muốn là Light On Dark vs Dark On Light để gây chú ý ít quan trọng hơn Phạm vi độ sáng. Tuy nhiên, như bạn đã đề cập và tôi có thể liên kết nhiều nghiên cứu chỉ ra rằng, ánh sáng trên bóng tối dễ đọc hơn. Người ta có thể như những người khác trong câu hỏi này đưa ra mâu thuẫn rằng bằng cách sử dụng ánh sáng trên nền tối, nó cho phép mắt dễ dàng tập trung vào những thứ đó hơn. Mà dường như với tôi một tuyên bố chính xác, nhưng một lần nữa trong một phạm vi hợp lý. Một nền đen tinh khiết là không tốt.

Điều này cũng đồng ý với câu trả lời tuyệt vời của Alan về độ tương phản và khía cạnh cơ học hơn về cách chúng ta xem các màu này:

Nói chung, nguồn khó chịu lớn nhất khi đọc đoạn văn bản dài là sự tương phản quá mức. Điều tuyệt vời nhất là việc lấy một cuốn sách được in trên giấy trắng sáng và cố gắng đọc nó dưới ánh sáng mặt trời trực tiếp.

Khi nhìn vào một trường nhìn chung tối (ví dụ văn bản sáng-tối), đồng tử của mắt mở rộng. Không đi sâu vào các chi tiết kỹ thuật, đồng tử rộng hơn == lấy nét kém sắc nét, hơi mờ ở các cạnh của loại. Đó chỉ là cách quang học hoạt động. Đây cũng là lý do tại sao thật khó để đọc trong ánh sáng mờ. Các đồng tử ở độ giãn tối đa, có nghĩa là trọng tâm là tồi tệ nhất.

Tất nhiên tôi không phải là nhà khoa học, nhà tâm lý học hay chuyên gia về lý thuyết màu sắc nên hãy tự mình đọc toàn bộ báo cáo và tự rút ra kết luận.


1

Mặc dù đây là một câu trả lời chủ quan, tôi cảm thấy rằng câu trả lời là: nó chủ quan và hoàn toàn dựa trên kinh nghiệm trong quá khứ và kỳ vọng tiềm thức của chính bạn.

Tôi đã nhận thấy mạnh mẽ khi thay đổi từ cái này sang cái khác, bất kể tôi đã chuyển sang dùng đèn tối hay ngược lại, rằng nếu nó không giống với những gì tôi được quy định cho bối cảnh cụ thể, thì nó sẽ rất khó tập trung.

Ngay cả với hai môi trường liên quan rất chặt chẽ, cửa sổ mã và cửa sổ lệnh, tôi thấy tôi cần chúng khác nhau. Tôi không thể thoải mái sử dụng cửa sổ mã sáng màu đen hoặc cửa sổ lệnh đen trắng.


0

Theo thảo luận bình luận OP của chúng tôi.

Điều này có thể xuống thực tế là ánh sáng tối dễ nhìn hơn do chỉ có văn bản và nội dung được phát ra từ bạn qua ánh sáng. Vì vậy, ít thông tin giúp tầm nhìn tập trung.

Chúng tôi đã mở rộng thêm về điều này trong OP nhưng đây sẽ là câu trả lời được gửi của tôi.


0

Tôi thường giữ phòng của tôi khá tối cho thoải mái. Như vậy, một màn hình trắng (như màn hình này) có chữ màu đen trên đó rất khó đọc. Nó chỉ giống như một đốm trắng chói mắt với một số vết bẩn trên đó khiến nó đau khi đọc.
Tất cả các yếu tố khác là hơi thứ yếu khi đọc một trang.

Tôi nghĩ rằng nếu mọi người có phòng của họ sáng hơn thì ngược lại có thể là trường hợp ... Dù sao đi nữa, đã đến lúc mọi người bắt đầu đưa ra lựa chọn để có nó, thay vì ép buộc sở thích của riêng họ hoặc phục vụ riêng cho Trung bình cộng.

Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.