拒看黑底白字網頁

天下最糟的網頁或 blog 排版設計就是黑底白字。

這裡說的是專指全黑底 (RGB#000000) 配全白字 (RGB#FFFFFF),或黑白反差極高的大量文本編排設計,而不是指平面圖案設計,或只有少量文字的網頁,也不指是像本站這樣為讀者眼睛精心設計的墨灰底配中灰字 (#121211/#939392),或是其他任何考慮過閱讀舒適度的黑白文字搭配。

黑底白字的網頁是徹底違反人眼視覺舒適的設計,在人性化電腦介面考量上,是不及格的文字編排設計。它嚴重地傷眼,嚴重到你讀後再看這世界,視網膜上還殘留著一行行的黑白條。至於為何黑底白字是刺眼的爛設計,而白底黑字卻是柔和的好設計,其實是有視覺物理客觀根據的,並不是個人主觀意見(像這兩年許多網站上討論的),這點以後細談。

當下重要的是,要憤怒:天下黑底白字的網頁太多,逼人憤怒,而不知憤怒的讀者也都該憤怒起來,憤怒地拒絕它、抵制它。

像 blogspot.com 這等 blog 服務最常被人用的模版就是黑底白字,包括大量的黑膠音樂放生網誌,幾乎全是黑底白字,再配上格調和辨識性都不高的 Trebuchet 字體,眼痛,沒法讀,一分鐘也無法逗留。另外,像數碼相機重要評鑒大站 dpreview.com,居然也全是黑底白字的文本 (#000000/#dddddd) ,這幫徹底視覺無感的英國人,竟然是專業玩相機搞視覺的,豈不諷刺?相機白玩了。

至於如何對付 #000000/#FFFFFF 的黑底白字網頁,有兩個簡單方法(以下僅以蘋果牌電腦為例,PC 上當然也有砒西法):

一:在 System Preferences 系統設定裡的 Universal Access 中的 Seeing/Display 欄,設定強行反白(或按快捷鍵 Command-Option-Control-8),以毒攻毒,如此一來黑底白字頁就成了白底黑字頁。輕鬆讀下去。

二:更直接快捷的作法是,於可惡的黑底白字網頁,按下 Command-A (Select All 全選),如此一來整頁的文字全都設成了以 highlight 色為底的白字,而 highlight 色又是自己在 System Preferences 裡的 Appearance 欄中可以隨意設定的,你要炭灰底白字、萊姆底白字、淡紫底白色都隨便。快樂讀下去。

今天大家一切全靠 LCD 螢幕,眼睛豈能不保護好?首先,就得養成拒讀黑底白字的習慣。

14 個留言 »

    1 | 自我批判 | 07/25/2008 - 12:32 pm
  1. 碳灰色比较好,你的博客底色和我的桌面主题一个色调的啊。
    不过你的Logo 就不怎么样了.

  2. 2 | Dajuin | 07/25/2008 - 5:56 pm
  3. 碳灰色確實是最理想的,
    不過天熱得毛焦火辣,暗色壓力大
    必須換個套色
    logo 和套色都要不時地換

  4. 3 | no | 08/22/2008 - 6:05 pm
  5. ” 也不指是像本站這樣為讀者眼睛精心設計的墨灰底配中灰字
     
    當下重要的是,要憤怒:天下黑底白字的網頁太多,逼人憤怒,而不知憤怒的讀者也都該憤怒起來,憤怒地拒絕它、抵制它

    這幫徹底視覺無感的英國人,竟然是專業玩相機搞視覺的,豈不諷刺?相機白玩了 ”
     
     
    很討厭你這種自以為是的文革式言論
     
    愛用甚麼顏色,個人感觀與喜好而已,有必要這樣嗎?
     
    我倒覺得你的網誌配色很差勁,
    還有點市井味道
     
    橙黃色配啡色可以配得很好,可是你搞成這樣我真的想嘔吐
     
    僅個人意見而已

  6. 4 | Dajuin | 08/22/2008 - 6:49 pm
  7. 歡迎參加討論、支持不同的論點!

    但是,網頁顏色,可不只是個人感觀和喜好而已喲
    網站不是私家花園,是要給旁人閱讀的
    那麼,不顧讀者身體健康的自私自大,應該支持嗎?

    希望讀者有自主權,難道不對嗎?

    請不要把一切問題都歸於個人喜好與觀感
    那麼世上一切問題都用不著討論了

    實話說,我自己就是以黑底白字起家的
    曾經是頑強的黑底白字(及黑底灰字)份子
    甚至有段時間是黑底紅字
    但立刻遭到讀者抗議,這些記錄都還保存在留言板上

    但人是可以覺醒,可以改過的
    可以覺悟黑底白字是違反眼睛閱讀舒適

    黑底白字的問題,根本不是個人喜好,
    而是網頁作者對待讀者的一個態度問題
    是你是否尊重你的讀者的問題

    這樣說,希望比前面清楚一些,不文革一些

    看過 Sidney Lumet 的經典電影 Network 嗎
    片中 Peter Finch 對窗外大叫的經典名句: “I’m mad as hell and i won’t take it anymore!”
    那其實就是本文的後射參照,也可是副標題
    Sydney Lumet 很文革嗎?
    即使是, so what?

  8. 5 | 路人 | 08/23/2008 - 2:22 pm
  9. 抱歉…我覺得黑底白字的網頁讀起來比較舒服,
    白底黑字它一整頁白花花的亮光,讓我的眼睛壓力很大。
    深色底淺色字感覺比較輕鬆。

  10. 6 | Dajuin | 08/23/2008 - 4:24 pm
  11. 抱歉?為什麼?我和你感覺一模一樣,也就是我十多年來一天也沒用過白底黑字的原因。這篇文章裡談的專指高反差的設定 (RGB#000000/#FFFFFF),不是深底淺字。

  12. 7 | Dajuin | 09/14/2008 - 10:19 am
  13. 如果有朋友不知道我這裡所指的「黑底白字」是什麼樣的話,我舉兩個例子:(這種網頁中英文的都很多,而且在 Web 1.0 時代最多,包括我自己最早的網站也一樣爛)

    Jedi.org/blog/archives/005833.html#entry
    這黑底白字的網站相當諷刺,因為內容竟是談設計的親和力,除了黑底白字外,連行寬的基本原理也不守,各位可以用自己的眼睛作一下親和力實驗,但請小心眼睛受傷。

    http://www.downloadplatform.com/
    一個音樂下載網站。商業網站這樣設計,只能說會對生意影響極大。

    個人喜好而已嗎?

  14. 8 | Rio | 09/14/2008 - 11:04 am
  15. 別忘數落dpreview呀。在眼睛移開後,他文章的字還是死黏在你眼球上的。

  16. 9 | Dajuin | 09/14/2008 - 11:06 am
  17. http://www.dpreview.com 這麼重要的,當然原來就在本文正文裡啦。
    不是已經說了要按反白鍵讀它嘛。

  18. 10 | Rio | 09/14/2008 - 11:28 am
  19. 眼睛被字黏住啦!

  20. 11 | DY | 09/09/2009 - 1:37 am
  21. 如果瀏覽器是使用Firefox 3.5.x以上的人, 可以加裝一個套件【Blank Your Monitor + Easy Reading】, 一個按鈕就可將閱讀的網頁變為黑底白字, 或是黑底紅字, 隨玩家高興怎麼設計. 附上網址:https://addons.mozilla.org/zh-TW/firefox/addon/7166

  22. 12 | you've got wrong | 07/23/2010 - 10:20 pm
  23. 你的配色有够烂的,背景用黑灰导致对比不明显的,长期阅读一定伤眼。
    还发这种文章误导,先把你的颜色改掉再说吧。

  24. 13 | Dajuin | 07/23/2010 - 10:31 pm
  25. 歡迎拒讀!

    拒看你眼睛不愛的網頁,就是這文章的意思呀〜 :P

  26. 14 | jp | 08/12/2011 - 2:27 am
  27. 其實,白底黑字最讀得最舒服…

於此留言

XHTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

貼圖請用: <img width="500" src="http://....jpg" />

Text & Photography Copyright © 2006-2011   姚大鈞   Dajuin Yao.   All Rights Reserved.