網(wǎng)頁的版式設(shè)計(jì)(五)

網(wǎng)頁的版式設(shè)計(jì)(五)網(wǎng)頁的版式設(shè)計(jì)(五)全文共8頁，當(dāng)前為第1頁。3.圖像的編排

（1）四角與中軸四點(diǎn)結(jié)構(gòu)

頁面的四個(gè)角與對角線、中軸四點(diǎn)及水平與垂直的中軸線，具有支配頁面結(jié)構(gòu)的作用。

四角是頁面邊界相交形成的四個(gè)點(diǎn)，把四角連接起來的斜線即對角線，交叉點(diǎn)為頁面中心。中軸四點(diǎn)指經(jīng)過頁面中心的垂直線和水平線的端點(diǎn)。這四個(gè)點(diǎn)可上、下、左、右移動(dòng)。

通過四角與中軸四點(diǎn)結(jié)構(gòu)的不同組合、變化，可以求得多樣的頁面結(jié)構(gòu)。在圖像排版時(shí)緊緊抓住這八個(gè)點(diǎn)，可以突出網(wǎng)頁的形式美感，網(wǎng)頁的版式設(shè)計(jì)、視覺流程的籌劃也得到相應(yīng)簡化。網(wǎng)頁的版式設(shè)計(jì)(五)全文共8頁，當(dāng)前為第1頁。網(wǎng)頁的版式設(shè)計(jì)(五)全文共8頁，當(dāng)前為第2頁。

圖13網(wǎng)頁的版式設(shè)計(jì)(五)全文共8頁，當(dāng)前為第2頁。

圖14網(wǎng)頁的版式設(shè)計(jì)(五)全文共8頁，當(dāng)前為第3頁。網(wǎng)頁的版式設(shè)計(jì)(五)全文共8頁，當(dāng)前為第3頁。

圖15網(wǎng)頁的版式設(shè)計(jì)(五)全文共8頁，當(dāng)前為第4頁。

（2）塊狀組合與散點(diǎn)組合結(jié)構(gòu)

塊狀組合，即通過水平、垂直線分割，將多幅圖像在頁面上整齊有序地排列成塊狀，這種結(jié)構(gòu)具有強(qiáng)烈的整體感和秩序美感。各幅圖像相互自由疊置或分類疊置而構(gòu)成的塊狀組合，具有輕快、活潑的特性，同時(shí)也不失整體感。

散點(diǎn)組合，即圖像分散排列在頁面各個(gè)部位，具有自由、輕快的感覺。采用這種結(jié)構(gòu)應(yīng)注意圖像的大小、主次，以及方形圖、退底圖和出血圖的配置，同時(shí)還應(yīng)考慮疏密、均衡、視覺流程等。網(wǎng)頁的版式設(shè)計(jì)(五)全文共8頁，當(dāng)前為第4頁。

圖16網(wǎng)頁的版式設(shè)計(jì)(五)全文共8頁，當(dāng)前為第5頁。網(wǎng)頁的版式設(shè)計(jì)(五)全文共8頁，當(dāng)前為第5頁。

圖17網(wǎng)頁的版式設(shè)計(jì)(五)全文共8頁，當(dāng)前為第6頁。網(wǎng)頁的版式設(shè)計(jì)(五)全文共8頁，當(dāng)前為第6頁。

圖18網(wǎng)頁的版式設(shè)計(jì)(五)全文共8頁，當(dāng)前為第7頁。

（以上內(nèi)容節(jié)選自顧群業(yè)等編著的《網(wǎng)頁藝術(shù)設(shè)計(jì)》一書，山東美術(shù)出版社出版。）

圖13：著重于對左上角和右下角的控制，右下角的樹葉起到呼應(yīng)與穩(wěn)定頁面的作用。

圖14：飽滿的頁面構(gòu)圖，巧妙地利用表盤穩(wěn)定住頁面四角。

圖15：以水平分割為主的頁面，右上角與左下角安排了文字，打破呆板的感覺。

圖16：多幅圖片使水平垂直線規(guī)律地等量分割，獲得了理性與秩序的美。

圖17：圖片與文字穿插編排，形成散點(diǎn)組合。運(yùn)用線條的分割、文字的群組化以及單一的背景色形成整體感。

圖18：在塊狀組合結(jié)構(gòu)中，如圖片太多，則無法突出重點(diǎn)。這個(gè)頁面通過改變圖片的面積，網(wǎng)頁的版式設(shè)計(jì)(五)全文共8頁，當(dāng)前為第8