在建網(wǎng)站中的頁面布局有不同的設(shè)計方法，設(shè)計趨勢也在不斷變化。在設(shè)計頁面布局之前，要考慮合適的風(fēng)格，而不是一味的追求潮流，根據(jù)產(chǎn)品的實際需求選擇合適的設(shè)計方法。分割線的設(shè)計，要想做好，必須處理好間距、粗細、色彩等等。

一、無邊框設(shè)計

無邊框設(shè)計近年來很流行。設(shè)計頁面時，頁面中的樣式線和邊框會被刪除，并由間距代替。無邊框設(shè)計一般以大圖為主，本來就是一種分割元素。而且內(nèi)容基本上是有規(guī)律的，空格之間的內(nèi)容一定是相對一致的，重復(fù)的，緊密的，這樣用戶在瀏覽的時候就會認為這些內(nèi)容是一個。一般來說，小眾垂直產(chǎn)品更適合無邊框設(shè)計。

二、卡片設(shè)計

卡片設(shè)計打破了傳統(tǒng)的固定版面模式，提高了版面的利用率，可以為網(wǎng)站建設(shè)增添更多驚喜。并且卡片設(shè)計有很多優(yōu)點:1 .可以提高頁面利用率。卡片就像一個容器。不同類型的內(nèi)容設(shè)置在不同的卡片中，這樣可以很好的區(qū)分內(nèi)容，統(tǒng)一頁面的風(fēng)格。2.辨別卡片上的內(nèi)容。卡片的維度不同，可以更好的區(qū)分內(nèi)容的類型，相對獨立又相互聯(lián)系。所以通過卡片來總結(jié)網(wǎng)站的內(nèi)容，可以讓整個網(wǎng)站更加有序。3.卡片設(shè)計可以提高可控性和體驗。卡片設(shè)計應(yīng)用廣泛，覆蓋、滑動、堆疊，具有良好的擴展性和可操作性。

三、分割線的設(shè)計

這也是一種常用的頁面布局設(shè)計方式，可以更好的幫助用戶快速熟悉頁面布局，有良好的內(nèi)容組織。分割線可以貫穿整個頁面，將不同的內(nèi)容分割成獨立的信息。