給「配色與易讀性」的迴響
[ 1 : 靜態鏈結 ]

我個人的經驗是,螢幕本身品質和設定也有很大影響。好比說我在實驗室可以連續看好幾個小時的螢幕而不感到眼睛不適,相反的,在老師的辦公室中因為不同的螢幕,就比較容易感到雙眼疲憊。

t7yang 發表於 February 25, 2012 09:21 PM
[ 2 : 靜態鏈結 ]

我的經驗是黑底白字的螢幕看一陣子後馬上轉移視線
則會有「鬼影」殘留在視覺上
令人感到很不舒服

由 光 發表於 February 25, 2012 11:08 PM
[ 3 : 靜態鏈結 ]

沒想到那麼久的老文章還要Jedi寫長文回應,我真是太感動了。不過你恐怕混淆了易讀性和易識性(legibility)。但這應該不是你的錯,因為你文中提到的(Readability Of Websites With Various Foreground / Background Color Combinations, Font Types And Word Styles及以下)那幾篇論文,自己就先混淆了。

那些論文討論的都是易識性,最容易辨認,最快反應時間等,而這些測試跟易讀性沒關係。易讀性的適用範圍是 長篇文字 ,而不是一行字、一句話、一個標題,或者幾張投影片。

不幸的是這些學者混淆了易讀性與易識性,連帶讓我們也跟著一起混淆(以至於你連Kindle的黑底介面也要拿來當證據。前端目錄介面,和書稿內文閱讀,這兩者的閱讀需求差別應該是非常遠的)。

我很尊敬你對網頁親和力的執著,也因為這個緣故,所以我很認真拜讀了你的文章,因此我很擔心你對易讀性的混淆,可能會影響你所推廣的網頁親和力,那就真的太可惜了。

其他容易流於意氣之爭的討論我就不提了,免得大家傷感情。我建議還是先理解一下易讀性和易識性的差別,再討論配色問題可能比較好些。

oc 發表於 February 26, 2012 09:04 AM
[ 4 : 靜態鏈結 ]

我一定要來澄清一下,我在文中強調過的幾點:

1. 由於我對親和力的追求,所以本文絕對沒辦法徹底撇開親和力,單看易讀性。我希望讀者都能明白這一點。(翻譯:我對易讀性的看法一定是有所偏頗的)

2. 對於易讀性,我在文中沒有提出任何有效且直接的學術研究。

2.1. 我認為 Paul Muter 的研究(即老貓提出的那篇)無法適用於現今的情境。

2.2. 我提到 Alyson L. Hill 的研究,並且說明這個研究中比較的數據是反應時間,該學者認為那就是易讀性的定量分析,但其實我覺得不對勁(所以很高興老貓回應那其實是易識性的定量分析,感謝!)然而這個研究本身有個有趣的地方,在於配色不會單純影響使用者,配色與字型與字體的組合也會造成很大的差異。我希望如果有人想做易讀性研究,也要注意這部份。

2.3 我後來又提到 Travis Proulx 和 Daniel M. Oppenheimer 的研究,那些研究更不是在處理易讀性。我提到這些研究,是希望能夠說明,跟閱讀有關的行為表現有很多陷阱,想要定量分析「易讀性」的朋友請務必小心,想清楚你要測量的是什麼。

3. 至於 Kindle Cloud Reader 的黑底介面,當然是拿來呼應老貓提出的「DOS 進到 Windows 的底色變化」囉。不過老貓的回應中,也有提到我在本文一直想強調的:不同的閱讀情境、不同的文體格式,就會帶出不同的閱讀需求,在易讀性設計的決策也可能有很大的不同。

說到底,我只是覺得不是對於所有的讀者、在所有的閱讀需求下,黑底白字都是個易讀性較差的選擇。因此若有人讀了老貓的文,吸收那些寶貴的易讀性經驗同時,卻因此直接捨棄黑底白字,那會是非常可惜的事。故寫此文,希望大家能在這個議題上多保持開放心胸,多考慮不同的相關環節,用心做出好設計。

Jedi 發表於 February 26, 2012 09:34 AM
[ 5 : 靜態鏈結 ]

>所以,無論如何,我絕對不會說黑底白字或白底黑字「一定不是好設計」。

其實我覺得黑底白字的網頁,在只看字的時候比較舒服。
但是常常要放上照片的話,因為照片通常是亮的,所以對比又太強,反而會覺得不舒服。(至於照片放到超過網頁寬那是另一回事了)

Applepig 發表於 February 29, 2012 12:48 PM
[ 6 : 靜態鏈結 ]

3Q very much ^^

由 nice 發表於 August 21, 2015 01:18 PM
[ 7 : 靜態鏈結 ]

搜尋是否有一勞永逸設定瀏覽網頁黑底白字時來到這裡...

因長時間上網,早已自覺黑底白字能讓眼睛較舒服,尤其在看全文字網站時,也較能長時間閱讀,有些網站為白底又無法設定背景,看到後來常覺得刺眼而疲勞,故此搜尋解決之法。

感謝Jedi大提供「Readability」套件資訊,急可不耐地去下載,現在「The Readability Chrome Extension has been replaced by Mercury READER」,雖然字體、文字大小及背景設定功能皆有縮減,可喜的是仍有黑、白背景可選擇(字體只剩SERIF、ANAS,對中文幾無差異,文字大小只有小、中、大)。

來回報一下使用體驗,以點擊率排行前五的文學網站來說明:

1.豆瓣:使用後,他人回覆也一並去除,且大多數文章圖文皆保留,但少量文章只剩標題,圖文皆被去除。
2.360doc.com:圖文皆保留。
3.起點中文網:文字保留,但上一章、下一章連結也去除了。
4.晉江原創網:同起點。
5.縱橫中文網:同起點。
註:以上網站,「換行」都保留,未影響閱讀,但晉江會保留每個段落後面的亂碼文字。

除了以上網站外,其餘部份小說網站會保留上一章、下一章的連結,但幾乎全部小說網站都會將「換行」也去除了,文章變成全部連在一起不利閱讀,且它在某些文字網站(例:天涯論壇)使用,會連文字也去除了,所以不是適用於全部網站的工具。

因為Mercury READER會將網頁變成只剩文字,故在閱讀完該網頁後,須回上頁或回復功能才能繼續閱讀,且每個網頁皆須再點Mercury READER圖示才能作用,但若文章所在網站每換頁都有須點按關閉的廣告,Mercury READER尚算不錯的工具。

由 olive 發表於 February 28, 2017 12:29 PM
[ 8 : 靜態鏈結 ]

我目前(2017/02/28)日常使用的瀏覽器是 Vivaldi,沿用 Google Chrome 的延伸套件「Dark Reader」,請參考。

這個套件的缺點可能是會強制把它認為是背景的圖片也反相。

Jedi 發表於 February 28, 2017 01:07 PM
[ 9 : 靜態鏈結 ]

再次感謝Jedi大,已下載「Dark Reader」使用,心得只有「感動得想哭」,安裝後連Google瀏覽皆可黑底閱讀實在太棒了。

因較少網站背景會大塊的用純黑底,試了一些個人常瀏覽的網站,皆無此問題,太感謝了^^

由 olive 發表於 February 28, 2017 11:06 PM
[ 10 : 靜態鏈結 ]

延伸閱讀:英國政府網站親和力部落格的這篇《How users change colours on websites

Jedi 發表於 March 27, 2017 11:08 PM
給我迴響吧!
個人資訊








是否記住個人資訊?



請依上圖輸入檢核碼:
迴響