在網(wǎng)頁設(shè)計(jì)中，簡潔并不一定等同于極簡主義者的設(shè)計(jì)美學(xué)。簡潔的網(wǎng)站只是從設(shè)計(jì)、內(nèi)容、以及代碼中移除了所有不必要的元素。而極簡主義的網(wǎng)站普遍符合這一標(biāo)準(zhǔn)，有許多網(wǎng)站，不管你如何想象，都不會(huì)被認(rèn)為是仍適合簡單的定義的“極簡主義”。

下面是簡潔網(wǎng)站設(shè)計(jì)的一些優(yōu)勢，以及一些簡潔設(shè)計(jì)過程中的簡單的技術(shù)。

簡潔網(wǎng)站的優(yōu)勢
_____________________________________________________________________________________

1. 簡潔的設(shè)計(jì)讓網(wǎng)站更容易導(dǎo)航
簡潔的網(wǎng)站沒有冗余的信息。這在兩個(gè)方面有助于導(dǎo)航：通常，網(wǎng)站擁有更少的頁面和欄目；或者網(wǎng)站的設(shè)計(jì)通常是干凈整潔的，更容易找到導(dǎo)航元素。網(wǎng)站的簡潔設(shè)計(jì)是一個(gè)很好的解決導(dǎo)航可用性問題的方案。

下面是關(guān)于導(dǎo)航簡潔設(shè)計(jì)的一些小建議：
? 只使用一個(gè)主導(dǎo)航菜單
? 確保導(dǎo)航在一個(gè)網(wǎng)站中保持連貫性；
? 不要使用下拉菜單作為導(dǎo)航，下拉菜單容易隱藏一些零亂的菜單；
相反，強(qiáng)迫自己將一些導(dǎo)航要素納入到網(wǎng)站設(shè)計(jì)中。通常，這將使得導(dǎo)航更加簡潔。

2. 簡潔的設(shè)計(jì)讓頁面加載更快
簡潔的設(shè)計(jì)一般產(chǎn)生較小的文件，而較小的文件加載速度會(huì)更快。此外，如果你保持代碼的簡單和精簡，你就不太可能去調(diào)用多個(gè)樣式表，或者是大量的JavaScript文件，或其他增加網(wǎng)站HTTP請求數(shù)的內(nèi)容。更快的加載和響應(yīng)速度提高了網(wǎng)站的用戶體驗(yàn)。

3. 簡潔的設(shè)計(jì)讓內(nèi)容更容易被“瀏覽”（Scannable）
當(dāng)你的網(wǎng)站上沒有大量裝飾性元素的時(shí)候，內(nèi)容就成了主角，這便于訪客瀏覽。

有一個(gè)調(diào)查顯示，79%的受訪用戶只是在瀏覽一個(gè)新頁面，只有16%的用戶會(huì)逐字逐句去讀一個(gè)頁面。最好是服務(wù)好這些瀏覽的訪客，而不要得罪他們。通過把網(wǎng)站的內(nèi)容放在前面中間的位置，讓訪客能快速瀏覽那些是什么內(nèi)容。這些訪客會(huì)認(rèn)為你的網(wǎng)站非常友好，有可能下次還會(huì)再來。
 
4. 簡潔的網(wǎng)站設(shè)計(jì)和創(chuàng)建會(huì)更快速
如果你的網(wǎng)站設(shè)計(jì)是簡單的，編碼也很有可能是簡單的。設(shè)計(jì)一個(gè)布局簡單，只有一個(gè)或者兩個(gè)頁面模版，以及簡單的排版的網(wǎng)站要比設(shè)計(jì)一個(gè)擁有八個(gè)版本，排版復(fù)雜，并且有復(fù)雜限制和編碼背景的網(wǎng)站要快速地多。

不過需要注意的是，創(chuàng)建一個(gè)網(wǎng)站看起來簡單，但實(shí)際上是相當(dāng)復(fù)雜的事情。以保持代碼盡可能簡潔為目標(biāo)。有時(shí)候，只需要調(diào)整某些元素的margin或者padding，或稍微移動(dòng)下，都有可能使得代碼大大簡化，而不會(huì)對網(wǎng)站的前端設(shè)計(jì)產(chǎn)生明顯的影響。

5. 簡潔的代碼更容易Debug
如果你的代碼是簡潔的，這就更容易發(fā)現(xiàn)bugs。和只有30個(gè)屬性的樣式表相比，如果有300個(gè)不同的屬性，這將使得你要花更長的時(shí)間去找出是哪些屬性出了問題。

從一開始就要尋求使得代碼簡潔的方法。像合并一些css屬性和定義能使得樣式表成為一個(gè)整體并且更加簡短。合并樣式表或者js文件也能使得網(wǎng)站的整體代碼變得更簡潔。

6. 較小的文件意味著較少的服務(wù)器空間
在上面我們已經(jīng)提到了，簡潔網(wǎng)站的文件通常比復(fù)雜網(wǎng)站的文件要小。這意味著你的網(wǎng)站和其他網(wǎng)站相比，將占用較少的服務(wù)器空間和帶寬。也許，對于一個(gè)月只有幾千名訪客的網(wǎng)站來說，這可能不是什么大不了的事，而對于哪些有更多的網(wǎng)頁和網(wǎng)站的訪問者的站點(diǎn)來說，這些加起來其實(shí)是一個(gè)龐大的儲(chǔ)蓄。想想看，一些極簡的網(wǎng)頁上的圖片大小可能會(huì)低于100KB，而一些復(fù)雜的網(wǎng)站有時(shí)候可能達(dá)到1MB。這意味你站點(diǎn)的成本和一個(gè)10倍流量于你的簡單站點(diǎn)是差不多的。如果你的站點(diǎn)有很多的內(nèi)容或大量訪客，簡化你的站點(diǎn)，減少你站點(diǎn)文件的大小是一件有意義的事情。

怎樣使你的網(wǎng)站變得簡潔？
_____________________________________________________________________________________
 
移除不必要的裝飾元素
很多網(wǎng)站的初始設(shè)計(jì)中包含了許多沒有什么用的裝飾元素。不需要將全部裝飾元素從網(wǎng)站上移除，哪怕移除一部分通常都可以使得網(wǎng)站變得更加干凈和精致。

像圖片邊框，下拉陰影特效、頭部和尾部中額外圖片、以及個(gè)別頁面上用作額外說明的圖片（通常情況一張或兩張圖片就足夠了）都可以移除或者簡化。

問自己：“這些元素真的很重要嗎？”
這是創(chuàng)建簡潔網(wǎng)站的一個(gè)極好的問題。在每種元素上，不管是設(shè)計(jì)、編碼，或者是內(nèi)容，都應(yīng)該問問自己這些是否是真正必需的。

也應(yīng)該看看網(wǎng)站上哪些元素是可以被合并的。一些頁面是否可以合并成一個(gè)頁面？你能否合并一些樣式來簡化樣式表？你的設(shè)計(jì)和代碼中至少有一些可以合并從而使得網(wǎng)站簡潔的東西。

確保網(wǎng)站后端和前端一樣的簡潔
很多設(shè)計(jì)者只關(guān)注前端的設(shè)計(jì)而很少注意到他們的代碼。一些看起來簡潔的網(wǎng)站在后端卻是亂糟糟的。確保您的網(wǎng)站標(biāo)記盡可能的簡單。這可能是限制你的樣式表的樣式數(shù)量或使用JavaScript效果的數(shù)量來實(shí)現(xiàn)的。這也意味著書寫好的，符合標(biāo)準(zhǔn)的標(biāo)記。

這也意味這你應(yīng)選擇一個(gè)合適的內(nèi)容管理系統(tǒng)（CMS）來作為網(wǎng)站的架構(gòu)。有些CMS是相當(dāng)復(fù)雜的，而一些網(wǎng)站從它們的復(fù)雜性中獲益，有些的CMSS過于復(fù)雜化，也有來自其復(fù)雜性站點(diǎn)的好處，他們可以很容易地為許多站點(diǎn)矯枉過正。選一個(gè)能提供只需或允許你打開和關(guān)閉功能的內(nèi)容管理系統(tǒng)。

Excellent Examples of Simple Website Designs

一些優(yōu)秀的簡潔網(wǎng)站

原文作者：Cameron Chapman
原文鏈接：Simplicity in Good Web Design : Advantages & How -to
譯者：puting
本文鏈接：http://www.socialbeta.cn/articles/simplicity-in-good-web-design.html

轉(zhuǎn)載請保留以上信息。