Web設(shè)計(jì)中的簡(jiǎn)單性：優(yōu)點(diǎn)和方法
簡(jiǎn)單的網(wǎng)站設(shè)計(jì)并不等同于極簡(jiǎn)主義的設(shè)計(jì)美學(xué)。簡(jiǎn)單的站點(diǎn)只需從設(shè)計(jì)、內(nèi)容和代碼中刪除所有不必要的元素。雖然極簡(jiǎn)主義網(wǎng)站通常符合這個(gè)標(biāo)準(zhǔn)，但有很多網(wǎng)站，不管怎樣，都不會(huì)被認(rèn)為是“極簡(jiǎn)主義”，它仍然符合簡(jiǎn)單的定義。

下面是簡(jiǎn)化網(wǎng)站設(shè)計(jì)的一些好處，以及一些簡(jiǎn)化Web設(shè)計(jì)過(guò)程的簡(jiǎn)單技巧。

簡(jiǎn)單網(wǎng)站的優(yōu)勢(shì)

1。更容易瀏覽
簡(jiǎn)單的網(wǎng)站沒(méi)有冗余的信息。這有助于在兩wyas導(dǎo)航：一般來(lái)說(shuō)，網(wǎng)站有更少的頁(yè)面和欄目；或者網(wǎng)站的設(shè)計(jì)通常不雜亂，更容易找到導(dǎo)航元素。
簡(jiǎn)化網(wǎng)站設(shè)計(jì)可以很好地解決導(dǎo)航可用性問(wèn)題。這里有一些提示，簡(jiǎn)化你的導(dǎo)航：
只使用一個(gè)主導(dǎo)航菜單。
確保導(dǎo)航在網(wǎng)站是一致的。

使用導(dǎo)航的各個(gè)部分來(lái)簡(jiǎn)化你的主導(dǎo)航。
不要使用下拉菜單導(dǎo)航，可以很容易的隱藏雜亂的菜單。相反，強(qiáng)迫自己將導(dǎo)航元素合并到站點(diǎn)的設(shè)計(jì)中。一般情況下，這將導(dǎo)致清潔導(dǎo)航。

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

3.內(nèi)容更是“瀏覽”
當(dāng)你的網(wǎng)站設(shè)計(jì)中沒(méi)有大量復(fù)雜的裝飾元素時(shí)，你的內(nèi)容就占據(jù)了中心舞臺(tái)。放置在網(wǎng)站最前端的內(nèi)容更容易被訪問(wèn)者瀏覽。
一項(xiàng)研究顯示，79%的測(cè)試用戶掃描了他們?cè)L問(wèn)的任何新頁(yè)面，而只有16%的人逐字讀了頁(yè)面。與這些瀏覽者一起工作比嘗試與他們打要好。通過(guò)把內(nèi)容放在前面和中間，讓訪問(wèn)者更容易快速瀏覽內(nèi)容。這些訪問(wèn)者會(huì)覺(jué)得你的網(wǎng)站更方便用戶，將來(lái)更有可能返回。

4。簡(jiǎn)單的網(wǎng)站能更快的設(shè)計(jì)和建造
如果你的站點(diǎn)設(shè)計(jì)簡(jiǎn)單，代碼可能會(huì)緊隨其后。設(shè)計(jì)一個(gè)布局簡(jiǎn)單的網(wǎng)站，一個(gè)或兩個(gè)頁(yè)面模板，和簡(jiǎn)單的排版要比設(shè)計(jì)一個(gè)有八個(gè)部分的站點(diǎn)（每個(gè)頁(yè)面模板不同）、復(fù)雜的排版和需要復(fù)雜的切片和編碼的背景要快得多。

小心創(chuàng)建一個(gè)看起來(lái)簡(jiǎn)單但實(shí)際上非常復(fù)雜的站點(diǎn)。保持你的代碼盡可能簡(jiǎn)潔為。有時(shí)只是調(diào)整保證金或填充某一元素或移動(dòng)周?chē)臇|西一點(diǎn)點(diǎn)可以大大簡(jiǎn)化你的網(wǎng)站的代碼沒(méi)有任何明顯的影響在前端設(shè)計(jì)。

5。簡(jiǎn)單的代碼更容易調(diào)試

如果簡(jiǎn)化了代碼，就很容易找到bug。如果你有300個(gè)不同的屬性有一個(gè)樣式表，它會(huì)給你很多時(shí)間去找出原因是工作不比如果你有30。

尋找從一開(kāi)始就簡(jiǎn)化代碼的方法。像合并CSS屬性和定義可以使你的樣式表很短。合并樣式表或者JavaScript文件也可以大大簡(jiǎn)化你的代碼的整體。利用自動(dòng)程序，可以去掉不必要的標(biāo)記從你的樣式表，腳本，和其他文件，然后上傳（只要確保你仔細(xì)檢查一切還打算）。

6。較小的文件意味著較少的服務(wù)器空間

已經(jīng)提到過(guò)，簡(jiǎn)單的站點(diǎn)通常比復(fù)雜的文件小。這意味著你的站點(diǎn)占用的服務(wù)器空間和帶寬要比其他站點(diǎn)少。雖然這對(duì)于一個(gè)月只有幾千名訪問(wèn)者或內(nèi)容有限的網(wǎng)站來(lái)說(shuō)可能不是什么大不了的事，對(duì)于擁有更多頁(yè)面和更多訪問(wèn)者的站點(diǎn)來(lái)說(shuō)，這實(shí)際上可以增加一筆巨大的積蓄?？紤]到一些極簡(jiǎn)的網(wǎng)頁(yè)的一些圖片可能會(huì)低于100KB，而一些復(fù)雜的網(wǎng)站有時(shí)可以達(dá)到1MB。這意味著，你可以有十倍的流量與簡(jiǎn)單的網(wǎng)站相同的成本，更復(fù)雜的一個(gè)。如果你有很多內(nèi)容或者很多訪問(wèn)者，簡(jiǎn)化站點(diǎn)并減少文件大小是有意義的。

刪除不必要的裝飾元素

許多最初的網(wǎng)站設(shè)計(jì)都包含了許多裝飾性的元素，它們毫無(wú)意義。雖然沒(méi)有必要從你的設(shè)計(jì)中移除每一個(gè)裝飾元素，但至少去掉其中一些，往往會(huì)使你的網(wǎng)站看起來(lái)更干凈、更優(yōu)美。

可能被刪除或簡(jiǎn)化的元素包括圖像邊框、陰影、頁(yè)眉或頁(yè)腳中的額外圖像以及個(gè)別頁(yè)面上的額外說(shuō)明圖像（通常有一兩個(gè)圖像是充足的）。

問(wèn)你自己：“這是件真的很重要嗎？“

這是創(chuàng)建簡(jiǎn)單網(wǎng)站時(shí)的一個(gè)“黃金問(wèn)題”。在每一個(gè)元素，無(wú)論是設(shè)計(jì)、代碼或內(nèi)容，你都應(yīng)該問(wèn)問(wèn)自己是否真的需要。

看看網(wǎng)站上哪些元素可以結(jié)合，太。有網(wǎng)頁(yè)可以合并成一個(gè)？你能結(jié)合方式來(lái)簡(jiǎn)化你的樣式表？幾乎可以肯定的是，設(shè)計(jì)和代碼中的元素可以組合起來(lái)簡(jiǎn)化事情。

確保你的網(wǎng)站的后臺(tái)是簡(jiǎn)潔

很多設(shè)計(jì)師只注重設(shè)計(jì)的前端，很少注意到他們的代碼。一些看似簡(jiǎn)單的網(wǎng)站在后臺(tái)一團(tuán)糟。確保站點(diǎn)的標(biāo)記盡可能簡(jiǎn)單。這可能是限制你的樣式表的樣式數(shù)量或JavaScript的影響你的使用數(shù)量。這也意味著書(shū)寫(xiě)好的，符合標(biāo)準(zhǔn)的標(biāo)記。

這也意味著你應(yīng)該為你的站點(diǎn)的主干選擇一個(gè)合適的CMS。一些CMSS過(guò)于復(fù)雜，而一些網(wǎng)站從其復(fù)雜性的好處，他們可以很容易地為許多站點(diǎn)矯枉過(guò)正。選擇一個(gè)CMS，它只提供你需要的功能，或者允許你根據(jù)需要打開(kāi)和關(guān)閉功能。

簡(jiǎn)單的網(wǎng)站設(shè)計(jì)很好的例子

下面是偉大而簡(jiǎn)單的網(wǎng)站設(shè)計(jì)示例，讓你思考如何簡(jiǎn)化自己的設(shè)計(jì)。