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