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

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

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

1. 缺乏空白區(qū)域

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

2. 非常糟糕的顏色組合

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

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

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

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

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

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

5. 忽略了字體排版

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

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

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

7. 沒有事先思考

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

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

---