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ì)過程的簡(jiǎn)單技巧。
簡(jiǎn)單網(wǎng)站的優(yōu)勢(shì)
1。更容易瀏覽
簡(jiǎn)單的網(wǎng)站沒有冗余的信息。這有助于在兩wyas導(dǎo)航:一般來說,網(wǎng)站有更少的頁(yè)面和欄目;或者網(wǎng)站的設(shè)計(jì)通常不雜亂,更容易找到導(dǎo)航元素。
簡(jiǎn)化網(wǎng)站設(shè)計(jì)可以很好地解決導(dǎo)航可用性問題。這里有一些提示,簡(jiǎn)化你的導(dǎo)航:
只使用一個(gè)主導(dǎo)航菜單。
確保導(dǎo)航在網(wǎng)站是一致的。
使用導(dǎo)航的各個(gè)部分來簡(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ì)中沒有大量復(fù)雜的裝飾元素時(shí),你的內(nèi)容就占據(jù)了中心舞臺(tái)。放置在網(wǎng)站最前端的內(nèi)容更容易被訪問者瀏覽。
一項(xiàng)研究顯示,79%的測(cè)試用戶掃描了他們?cè)L問的任何新頁(yè)面,而只有16%的人逐字讀了頁(yè)面。與這些瀏覽者一起工作比嘗試與他們打要好。通過把內(nèi)容放在前面和中間,讓訪問者更容易快速瀏覽內(nèi)容。這些訪問者會(huì)覺得你的網(wǎng)站更方便用戶,將來更有可能返回。
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è)看起來簡(jiǎn)單但實(shí)際上非常復(fù)雜的站點(diǎn)。保持你的代碼盡可能簡(jiǎn)潔為。有時(shí)只是調(diào)整保證金或填充某一元素或移動(dòng)周圍的東西一點(diǎn)點(diǎn)可以大大簡(jiǎn)化你的網(wǎng)站的代碼沒有任何明顯的影響在前端設(shè)計(jì)。
5。簡(jiǎn)單的代碼更容易調(diào)試
如果簡(jiǎn)化了代碼,就很容易找到bug。如果你有300個(gè)不同的屬性有一個(gè)樣式表,它會(huì)給你很多時(shí)間去找出原因是工作不比如果你有30。
尋找從一開始就簡(jiǎn)化代碼的方法。像合并CSS屬性和定義可以使你的樣式表很短。合并樣式表或者JavaScript文件也可以大大簡(jiǎn)化你的代碼的整體。利用自動(dòng)程序,可以去掉不必要的標(biāo)記從你的樣式表,腳本,和其他文件,然后上傳(只要確保你仔細(xì)檢查一切還打算)。
6。較小的文件意味著較少的服務(wù)器空間
已經(jīng)提到過,簡(jiǎn)單的站點(diǎn)通常比復(fù)雜的文件小。這意味著你的站點(diǎn)占用的服務(wù)器空間和帶寬要比其他站點(diǎn)少。雖然這對(duì)于一個(gè)月只有幾千名訪問者或內(nèi)容有限的網(wǎng)站來說可能不是什么大不了的事,對(duì)于擁有更多頁(yè)面和更多訪問者的站點(diǎn)來說,這實(shí)際上可以增加一筆巨大的積蓄。考慮到一些極簡(jiǎn)的網(wǎng)頁(yè)的一些圖片可能會(huì)低于100KB,而一些復(fù)雜的網(wǎng)站有時(shí)可以達(dá)到1MB。這意味著,你可以有十倍的流量與簡(jiǎn)單的網(wǎng)站相同的成本,更復(fù)雜的一個(gè)。如果你有很多內(nèi)容或者很多訪問者,簡(jiǎn)化站點(diǎn)并減少文件大小是有意義的。
刪除不必要的裝飾元素
許多最初的網(wǎng)站設(shè)計(jì)都包含了許多裝飾性的元素,它們毫無意義。雖然沒有必要從你的設(shè)計(jì)中移除每一個(gè)裝飾元素,但至少去掉其中一些,往往會(huì)使你的網(wǎng)站看起來更干凈、更優(yōu)美。
可能被刪除或簡(jiǎn)化的元素包括圖像邊框、陰影、頁(yè)眉或頁(yè)腳中的額外圖像以及個(gè)別頁(yè)面上的額外說明圖像(通常有一兩個(gè)圖像是充足的)。
問你自己:“這是件真的很重要嗎?“
這是創(chuàng)建簡(jiǎn)單網(wǎng)站時(shí)的一個(gè)“黃金問題”。在每一個(gè)元素,無論是設(shè)計(jì)、代碼或內(nèi)容,你都應(yīng)該問問自己是否真的需要。
看看網(wǎng)站上哪些元素可以結(jié)合,太。有網(wǎng)頁(yè)可以合并成一個(gè)?你能結(jié)合方式來簡(jiǎn)化你的樣式表?幾乎可以肯定的是,設(shè)計(jì)和代碼中的元素可以組合起來簡(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ù)量。這也意味著書寫好的,符合標(biāo)準(zhǔn)的標(biāo)記。
這也意味著你應(yīng)該為你的站點(diǎn)的主干選擇一個(gè)合適的CMS。一些CMSS過于復(fù)雜,而一些網(wǎng)站從其復(fù)雜性的好處,他們可以很容易地為許多站點(diǎn)矯枉過正。選擇一個(gè)CMS,它只提供你需要的功能,或者允許你根據(jù)需要打開和關(guān)閉功能。
簡(jiǎn)單的網(wǎng)站設(shè)計(jì)很好的例子
下面是偉大而簡(jiǎn)單的網(wǎng)站設(shè)計(jì)示例,讓你思考如何簡(jiǎn)化自己的設(shè)計(jì)。