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