容易犯下的 10 種網頁設計錯誤
（兼談「響應式設計（Responsive Design）」）
本篇告訴大家您不該犯的 10 種網頁設計錯誤。包括：
1. 您選用的字型很難閱讀
2. 您的標題字型太過「搞怪」，以至於難以閱讀
3. 沒有適當留白
4. 您的文章又臭又長（沒有適當分段）
5. 全部使用黑底白字來呈現文字
6. 開啟就會自動播放的影片或音樂
7. 還在使用 Flash
8. 把重要連結藏在下拉式功能表內（使用者要去「拉」才能發現）
9. 沒把「可點選」的連結，用清晰易懂的方式表現出來
10. 沒使用「響應式設計」
原文：
http://www.geniusstartup.com/website-usability/
其中第十項要跟大家介紹一下，否則大家不知道我在說什麼。所謂「響應式設計」，原文叫「Responsive Design」。中國大陸那邊翻譯成「自適應設計」。以語意來說，中國那邊的翻譯比較貼近原意。但是唸起來有點容易「咬到舌頭」的感覺。所以我還是用台灣這邊的翻譯「響應式設計」，作為「Responsive Design」的中文名稱。
所謂「響應式設計」，是最近很流行的一種網頁設計方法。它強調的東西只有一個：「相同的網站，在不同的設備（手機、桌機）上，要能呈現最佳的版型，供讀者閱讀」。您可以點擊 Time 的首頁：
http://www.time.com
然後把瀏覽器的外框縮小。有沒有發現它隨著外框大小不同，一直套用不同的「最佳版型」，來適應你的外框啊？這就是 Responsive Design。現在手機瀏覽當道，您的網站沒有 Responsive Design 是會被唾棄的喔！
關於 Responsive Design，可以開一門 24 小時的課程來談。不過得學會 HTML5/CSS3/JavaScript 三大神功才成。所以等大家的程度都差不多了，我會開門課談這個東西的。
希望今天的文章對大家有用！
----
原文已經提早刊載于 Google+ 秘密社團「紀老師網頁程式設計」。歡迎申請加入：
https://plus.google.com/communities/100793154849235819235
（審核時間：24 小時以內）
