怎么設計簡潔的網(wǎng)頁

怎么設計簡潔的網(wǎng)頁

　　有一個調(diào)查顯示，79%的受訪用戶只是在瀏覽一個新頁面，只有16%的用戶會逐字逐句去讀一個頁面。更好是服務好這些瀏覽的訪客，而不要得罪他們。通過把網(wǎng)站的內(nèi)容放在前面中間的位置，讓訪客能快速瀏覽那些是什么內(nèi)容。這些訪客會認為你的網(wǎng)站非常友好，有可能下次還會再來。那怎么設計簡潔的網(wǎng)頁？

　　只使用一個主導航菜單?確保導航在一個網(wǎng)站中保持連貫性;不要使用下拉菜單作為導航，下拉菜單容易隱藏一些零亂的菜單;相反，強迫自己將一些導航要素納入到網(wǎng)站建設中。通常，這將使得導航更加簡潔。

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

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

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

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

　　簡潔的網(wǎng)站建設和創(chuàng)建會更快速如果你的網(wǎng)站建設是簡單的，編碼也很有可能是簡單的。設計一個布局簡單，只有一個或者兩個頁面模版，以及簡單的排版的網(wǎng)站要比設計一個擁有八個版本，排版復雜，并且有復雜限制和編碼背景的網(wǎng)站要快速地多。

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

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