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

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

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

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

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

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

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

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

　　這是很多新手都容易踩的坑，總是想把所有內(nèi)容都塞在頁面上，生怕浪費空間，結(jié)果頁面擠得滿滿當當，用戶看久了肯定會感到疲勞。所以大家要學(xué)會適當?shù)牧舭祝岉撁娓泻粑校材茏屩攸c內(nèi)容更突出，頁面也更加整潔、更高級，用戶體驗也自然會提升。

　　4、主次分明：讓用戶一眼找到重點

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

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

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

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