怎么設(shè)計(jì)簡(jiǎn)潔的網(wǎng)頁(yè)

怎么設(shè)計(jì)簡(jiǎn)潔的網(wǎng)頁(yè)

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

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

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

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

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

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

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

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

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