2007年3月25日

網頁改版:提高可讀性?

剛好看到篇文章 The 100% Easy-2-Read Standard,講的是如何讓網頁清晰易讀。為了練習 CSS、學學怎麼做好讀的頁面、還有沒事找事等幾個原因,便決定幫 blog 換個版面。先大概翻譯一下該文如後。

網頁讀者的心聲:
  1. 不要叫我們改字型大小:每次看你的網站都要我調設定嗎?
  2. 不要告訴我們頁面很滿比較好看:仔細揀選讀者該看到的東西。不要讓他們自己挑。
  3. 捲動沒關係:不然所有網頁都有問題了。就像讀書要翻頁,看網頁要捲動是很正常的。
  4. 別跟我們說文字不重要:排版關係甚大。
  5. 別讓我們去拿眼鏡:讓我們靠在椅背上舒服的閱讀吧。
五個簡單的規則:
  1. 長段文字採用標準大小
  2. 主動留白
  3. 友善的行高
  4. 清楚的顏色對比
  5. 不要以圖檔表達文字
參考前文所述,這次改版主要用到的技巧:
  1. 採用 normal 大小的字體而非 small or x-small
  2. 以接近黃金比例來分割左欄與右欄
  3. 行高改為 1.5 倍
  4. 增加左右留白
換完了在我的螢幕上確實比較好些,可能因為老人家不喜歡看太小的字吧。然而很不幸的,由於我的美工能力不足,目前還沒辦法自己製作符合寬度的背景圖。其實我理想中的版面是要有紙本的感覺。這個就以後再說吧。

沒有留言 :

張貼留言