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

一、無(wú)邊框設(shè)計(jì)

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

二、卡片設(shè)計(jì)

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

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

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