引發網頁佈局災難的7個大錯誤

　　即使 WEB 設計已經成為一個真正的產業，開發一個網站仍舊是技術和藝術的結合。一個網站的設計即可以帶來大量流量，同時也可以嚇走大量使用者。當然這些都和設計師相關。經驗，天份和能力三方面的努力是一個設計師最強大的工具，一個設計精良的佈局是所有這些的基礎。而且，這也是一個非常耗時的工作。

　　設計一個非常好的佈局是一件非常不容易的事情，而且判斷的方式也非常的主觀。任何一個設計可能會取悅你，也可能讓其它人厭惡。儘管這樣，這裡仍舊有些大家都承認的設計誤區。

　　為了幫助大家來避免這些錯誤和誤區，我們列出了一些設計的小技巧。我們同時也希望大家能夠幫助我們完善這些小技巧。不管怎麼說，希望大家能幫助我在下面留言 ，帶給大家更多的想法和建議。謝謝！

　　1. 缺乏空白區域 

　　沒有比把頁面塞得像麻袋一樣滿更讓人煩人的設計了。你應該保留一定得空白頁面讓訪問者放鬆他們的眼睛。很多設計者都想提供更多的內容在第一個頁面。感覺初學設計的人更容易犯這個錯誤，但其實各個設計水平的人都有這個傾向。因為設計界錯誤心態這個錯誤大家犯得比較多。設計者太依賴於佈局而不敢嘗試其它的方式。正確的心態是忽略掉任何的規則，建立一個你認為對於使用者來說是正確的佈局。最簡單的因素絕對一切。

　　2. 非常糟糕的顏色組合

　　這裡有很多的糟糕的佈局形式，但是糟糕的顏色搭配絕對是最嚇人的。一個很常見的錯誤就是使用高對比顏色建立一個富有視覺張力的設計。這裡有不同的來自學校的觀點。我們應該學會如何區別對待。

　　很多的對比設計都希望通過一種顏色來通過色彩和飽和度重點突出最重要的部分。這裡有一個小花招非常不錯：降低你的檔案飽和度然後如果各個元素之間的區別非常清晰的話，那就足夠了。這個邏輯非常簡單：視覺沒有問題的人會看的非常清晰，然而有視覺問題的人將看到佈局黑色，白色或者灰色。現在簡單了，如果他們沒有困難檢視佈局顏色，那麼佈局就通過了色彩可用性測試。

　　3. 一個頁面裡包含的內容太多

　　聽起來非常的簡單但是佈局可以擁有很多的空白區域，但是同時也可以會包含太多資訊。通常人們都是先掃上幾眼頁面佈局，因此設計人員應該讓整個佈局可被快速瀏覽。一個擁有資訊太多的網站，例如，插入太多的圖示，按鈕和圖片將會非常難以瀏覽。因此會讓使用者的易用度大打折扣。

　　4. 圖片的使用沒有任何靈感

　　一個圖片可能抵得過成百的文字，但是如果這些文字都是批評你的話，你的佈局設計就有問題了。書寫的內容，佈局和圖片應該組合使用，並不是分離的實體。任何web設計人員都應該理解創意並且有效的實現。圖片應該能有效的說明網站需要表達的資訊及其選擇，這是一個設計時最初需要考慮的因素。

　　5. 忽略了字型排版

　　因為數量多，或者非常小就忽略了字型排版是一個非常大的錯誤。如果說一個簡單演講是網站的其中一個特殊目地的話，字型排版就是一個關鍵的因素。另外一個問題是大家如何理解字型排版，它不是一個簡單的如何選擇字型的過程，它絕對了句子，段落及其標題的組織方式。你可能想這裡需要做的工作太多了，但是一個富有成效的設計將會對於頁面佈局具有非常絕對性的衝擊。

　　6. 沒有照顧所有人的使用感受和可用性

　　可用性可能被很多人認為是一個多餘的事情但是一個可用性差的網站是一個自私設計者的作品。線上的世界對於任何人都是平等的，無論你是正常還是殘疾，如果你的設計不能讓每個人都享受那麼將會是一件很不尊重人的事情。美國有一項法規規定：任何的機構和部門的網站都必須通過可用性的測試。實際上可用性的使用並不是個高科技的東西。例如，你只需要簡單的加上alt標籤屬性，這並不會帶來任何麻煩。個人來說我認為這裡用不著什麼法律。道德和道義上我們應該自覺地將這個考慮到設計中去。

　　7. 沒有事先思考

　　缺乏經驗使得我們不停的修改自己的東西。 滑稽的是，我們可能晚上設計的東西白天可能會被刪除。一個聰明的設計者會在最開始的時候思考整個佈局的大概設計。這種方式可以省去很多時間和資源。很明顯，在實際做之前思考是一件很不容易的事情，不可能不去修改任何設計，但是至少能夠幫助我們儘量少的去修改我們的設計。不用擔心，經驗可以幫助我們做到這一點。

　　閱讀這個文章可能像理解一個佈局一樣困難，但是這樣更加容易讓大家避免錯誤，請讓我們知道是否這篇文章幫助了你，謝謝！

相關文件：為什麼空白區域在網頁設計中重要

原文：7 big mistakes that make your layout a disaster