即使web設計已經(jīng)成為一個(gè)真正的產(chǎn)業(yè)，開(kāi)發(fā)一個(gè)網(wǎng)站仍舊是技術(shù)和藝術(shù)的結合。一個(gè)網(wǎng)站的設計即可以帶來(lái)大量流量，同時(shí)也可以嚇走大量用戶(hù)。當然這些都和設計師相關(guān)。經(jīng)驗，天份和能力三方面的努力是一個(gè)設計師最強大的工具，一個(gè)設計精良的布局是所有這些的基礎。而且，這也是一個(gè)非常耗時(shí)的工作。

設計一個(gè)非常好的布局是一件非常不容易的事情，而且判斷的方式也非常的主觀(guān)。任何一個(gè)設計可能會(huì )取悅你，也可能讓其它人厭惡。盡管這樣，這里仍舊有些大家都承認的設計誤區。

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

1. 缺乏空白區域

沒(méi)有比把頁(yè)面塞得像麻袋一樣滿(mǎn)更讓人煩人的設計了。你應該保留一定得空白頁(yè)面讓訪(fǎng)問(wèn)者放松他們的眼睛。很多設計者都想提供更多的內容在第一個(gè)頁(yè)面。感覺(jué)初學(xué)設計的人更容易犯這個(gè)錯誤，但其實(shí)各個(gè)設計水平的人都有這個(gè)傾向。因為設計界錯誤心態(tài)這個(gè)錯誤大家犯得比較多。設計者太依賴(lài)于布局而不敢嘗試其它的方式。正確的心態(tài)是忽略掉任何的規則，創(chuàng )建一個(gè)你認為對于用戶(hù)來(lái)說(shuō)是正確的布局。最簡(jiǎn)單的因素絕對一切。（《為什么空白區域在網(wǎng)頁(yè)設計中重要》）

2. 非常糟糕的顏色組合

這里有很多的糟糕的布局形式，但是糟糕的顏色搭配絕對是最嚇人的。一個(gè)很常見(jiàn)的錯誤就是使用高對比顏色創(chuàng )建一個(gè)富有視覺(jué)張力的設計。這里有不同的來(lái)自學(xué)校的觀(guān)點(diǎn)。我們應該學(xué)會(huì )如何區別對待。

很多的對比設計都希望通過(guò)一種顏色來(lái)通過(guò)色彩和飽和度重點(diǎn)突出最重要的部分。這里有一個(gè)小花招非常不錯：降低你的文件飽和度然后如果各個(gè)元素之間的區別非常清晰的話(huà)，那就足夠了。這個(gè)邏輯非常簡(jiǎn)單：視覺(jué)沒(méi)有問(wèn)題的人會(huì )看的非常清晰，然而有視覺(jué)問(wèn)題的人將看到布局黑色，白色或者灰色?，F在簡(jiǎn)單了，如果他們沒(méi)有困難查看布局顏色，那么布局就通過(guò)了色彩可用性測試。

3. 一個(gè)頁(yè)面里包含的內容太多

聽(tīng)起來(lái)非常的簡(jiǎn)單但是布局可以擁有很多的空白區域，但是同時(shí)也可以會(huì )包含太多信息。通常人們都是先掃上幾眼頁(yè)面布局，因此設計人員應該讓整個(gè)布局可被快速瀏覽。一個(gè)擁有信息太多的網(wǎng)站，例如，插入太多的圖標，按鈕和圖片將會(huì )非常難以瀏覽。因此會(huì )讓用戶(hù)的易用度大打折扣。

4. 圖片的使用沒(méi)有任何靈感

一個(gè)圖片可能抵得過(guò)成百的文字，但是如果這些文字都是批評你的話(huà)，你的布局設計就有問(wèn)題了。書(shū)寫(xiě)的內容，布局和圖片應該組合使用，并不是分離的實(shí)體。任何web設計人員都應該理解創(chuàng )意并且有效的實(shí)現。圖片應該能有效的說(shuō)明網(wǎng)站需要表達的信息及其選擇，這是一個(gè)設計時(shí)最初需要考慮的因素。

5. 忽略了字體排版

因為數量多，或者非常小就忽略了字體排版是一個(gè)非常大的錯誤。如果說(shuō)一個(gè)簡(jiǎn)單演講是網(wǎng)站的其中一個(gè)特殊目地的話(huà)，字體排版就是一個(gè)關(guān)鍵的因素。另外一個(gè)問(wèn)題是大家如何理解字體排版，它不是一個(gè)簡(jiǎn)單的如何選擇字體的過(guò)程，它絕對了句子，段落及其標題的組織方式。你可能想這里需要做的工作太多了，但是一個(gè)富有成效的設計將會(huì )對于頁(yè)面布局具有非常絕對性的沖擊。

6. 沒(méi)有照顧所有人的使用感受和可用性

可用性可能被很多人認為是一個(gè)多余的事情但是一個(gè)可用性差的網(wǎng)站是一個(gè)自私設計者的作品。在線(xiàn)的世界對于任何人都是平等的，無(wú)論你是正常還是殘疾，如果你的設計不能讓每個(gè)人都享受那么將會(huì )是一件很不尊重人的事情。美國有一項法規規定：任何的機構和部門(mén)的網(wǎng)站都必須通過(guò)可用性的測試。實(shí)際上可用性的使用并不是個(gè)高科技的東西。例如，你只需要簡(jiǎn)單的加上alt標簽屬性，這并不會(huì )帶來(lái)任何麻煩。個(gè)人來(lái)說(shuō)我認為這里用不著(zhù)什么法律。道德和道義上我們應該自覺(jué)地將這個(gè)考慮到設計中去。

7. 沒(méi)有事先思考

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

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

---