很多人做網(wǎng)站，總覺(jué)得“把內(nèi)容堆上去就行”，結(jié)果排出來(lái)的頁(yè)面雜亂無(wú)章，用戶找信息又費(fèi)勁，看一眼就想關(guān)掉。其實(shí)網(wǎng)站制作和拍照、畫(huà)畫(huà)都一樣，都講究構(gòu)圖，好的構(gòu)圖能頁(yè)面更加整潔有序，下面就給大家介紹幾個(gè)最實(shí)用的構(gòu)圖法則，一起來(lái)看看吧。

　　1、對(duì)稱構(gòu)圖：最穩(wěn)妥，新手必學(xué)

　　對(duì)稱構(gòu)圖就是頁(yè)面左右或上下布局對(duì)稱，比如首頁(yè)banner左邊放圖片、右邊放文字，或者上下都是同等大小的模塊，看起來(lái)平衡又整潔，還自帶高級(jí)感。

　　這種構(gòu)圖不用費(fèi)腦子，適合所有的網(wǎng)站，尤其是企業(yè)官網(wǎng)、高端服務(wù)類的網(wǎng)站，比如左邊放公司介紹、右邊放聯(lián)系方式，對(duì)稱排列，用戶看起來(lái)舒服，找信息也會(huì)更加清晰，都完全不會(huì)出錯(cuò)！

　　2、三分法構(gòu)圖：突出重點(diǎn)，不雜亂

　　三分法就是把網(wǎng)站頁(yè)面分成“井”字形的9個(gè)格子，把核心內(nèi)容（比如banner主圖、核心按鈕、重點(diǎn)文字）放在格子的交叉點(diǎn)或線條上，而不是隨便堆在中間。比如首頁(yè)banner，把產(chǎn)品圖或核心標(biāo)語(yǔ)放在交叉點(diǎn)，既能突出重點(diǎn)，又能讓頁(yè)面更有層次感，避免內(nèi)容居中顯得呆板。

　　通常情況下，這種構(gòu)圖是最常用的，不管是首頁(yè)、產(chǎn)品也還是咨詢頁(yè)，用起來(lái)都很合適。

　　3、留白法則：別把頁(yè)面堆太滿，留足呼吸感

　　這是很多新手都容易踩的坑，總是想把所有內(nèi)容都塞在頁(yè)面上，生怕浪費(fèi)空間，結(jié)果頁(yè)面擠得滿滿當(dāng)當(dāng)，用戶看久了肯定會(huì)感到疲勞。所以大家要學(xué)會(huì)適當(dāng)?shù)牧舭祝岉?yè)面更有呼吸感，也能讓重點(diǎn)內(nèi)容更突出，頁(yè)面也更加整潔、更高級(jí)，用戶體驗(yàn)也自然會(huì)提升。

　　4、主次分明：讓用戶一眼找到重點(diǎn)

　　網(wǎng)站構(gòu)圖的核心，是“讓用戶快速找到核心信息”，所以必須分清主次。比如首頁(yè)，banner是主視覺(jué)，要占最大的空間，突出核心賣點(diǎn)；然后是產(chǎn)品、服務(wù)等次要內(nèi)容，占比稍??；最后是聯(lián)系方式、版權(quán)信息等輔助內(nèi)容，放在頁(yè)面底部即可。

　　5、統(tǒng)一法則：風(fēng)格、間距、字體全統(tǒng)一

　　不管用哪種構(gòu)圖，都要保持“統(tǒng)一”，這是構(gòu)圖好看的基礎(chǔ)。比如字體統(tǒng)一，整個(gè)網(wǎng)站只用1-2種字體，大小、顏色按層級(jí)區(qū)分；模塊間距統(tǒng)一，所有文字和圖片、模塊和模塊之間的間距保持一致；風(fēng)格統(tǒng)一，別左邊用簡(jiǎn)約風(fēng)、右邊用花哨風(fēng)，混搭會(huì)顯得雜亂無(wú)章。統(tǒng)一的構(gòu)圖，能讓整個(gè)網(wǎng)站頁(yè)面更協(xié)調(diào)，看起來(lái)更專業(yè)。

　　綜上所述，就是為大家總結(jié)的幾點(diǎn)網(wǎng)站制作的構(gòu)圖法則，其實(shí)大家不用過(guò)多追求復(fù)雜，能把以上幾點(diǎn)把握好就足夠了，然后排版的時(shí)候多留意，就能做出整潔、好看、用戶體驗(yàn)又好的網(wǎng)站頁(yè)面，希望以上能給大家?guī)?lái)幫助。