網(wǎng)頁(yè)效果圖網(wǎng)頁(yè)布局分類(lèi)

時(shí)間：2023-02-19 01:44:01 | 來(lái)源：營(yíng)銷(xiāo)百科

時(shí)間：2023-02-19 01:44:01 來(lái)源：營(yíng)銷(xiāo)百科

網(wǎng)頁(yè)效果圖網(wǎng)頁(yè)布局分類(lèi)：網(wǎng)頁(yè)布局大致可分為：骨骼型、滿(mǎn)版型、分割型、對(duì)稱(chēng)型、傾斜型、焦點(diǎn)型、三角型、自由型。下面分別論述。詳例請(qǐng)參照?qǐng)D片冊(cè)。

n（1）骨骼型描述：網(wǎng)頁(yè)中骨骼型是一種規(guī)范、嚴(yán)謹(jǐn)?shù)姆指罘绞?，也是最為普通和最為常?jiàn)的一種形式，類(lèi)似報(bào)刊的版式。常見(jiàn)的網(wǎng)頁(yè)骨骼有豎向通欄、雙欄、三欄、四欄和橫向通欄、雙欄、三欄和四欄等。通常以豎向分欄居多。這種版式給人以和諧、理性的美。

n（2）滿(mǎn)版描述：滿(mǎn)版型頁(yè)面以圖像充滿(mǎn)整版。主要以圖像為訴求點(diǎn)，可將部分文字置于圖像之上。視覺(jué)傳達(dá)效果直觀而突出。給人以生動(dòng)大方人感覺(jué)。滿(mǎn)版型版式被各種網(wǎng)站所采用，以學(xué)校、娛樂(lè)、體育、藝術(shù)、兒童以及個(gè)性化網(wǎng)頁(yè)，其中以韓國(guó)網(wǎng)站居多。

n（3）分割型描述：分割型版式指把整個(gè)頁(yè)面分成上下或左右兩部分，分別安排圖片或文字內(nèi)容。兩部分形成對(duì)比，使圖片部分感性而具表現(xiàn)力，文字部分則理性而具說(shuō)服力?？梢哉{(diào)整圖片和文字所占的面積比例，來(lái)調(diào)節(jié)對(duì)比強(qiáng)弱。如果圖片比例過(guò)大，文字字體過(guò)于纖細(xì)，段落疏松，會(huì)造成視覺(jué)心理的不平衡，顯得生硬。

n（4）中軸或?qū)ΨQ(chēng)型描述：中軸型版式是將圖片和文字沿瀏覽器窗口的中間軸心位置作水平或垂直方向排列的一種設(shè)計(jì)方式。沿中軸水平方向排列的頁(yè)面可以給人穩(wěn)定、平靜、含蓄的感覺(jué)，沿中軸垂直方向排列的頁(yè)面可以給人以舒暢的感覺(jué)。采用這種版式設(shè)計(jì)的網(wǎng)頁(yè)比較適合做網(wǎng)站的首頁(yè)。

n（5）焦點(diǎn)型描述：焦點(diǎn)型的網(wǎng)頁(yè)版式通過(guò)對(duì)瀏覽者視線人誘導(dǎo)，可以使頁(yè)面產(chǎn)生強(qiáng)烈的視覺(jué)效果，如集聚感或膨脹感等。中心焦點(diǎn)型是將圖片或文字置于頁(yè)面的視覺(jué)中心。向心焦點(diǎn)型是視覺(jué)元素引導(dǎo)瀏覽者人視線向頁(yè)面中心聚攏。離心焦點(diǎn)型是視覺(jué)元素引導(dǎo)瀏覽者的視線向外輻射。焦點(diǎn)型版式為各類(lèi)網(wǎng)站使用，以體育、娛樂(lè)、動(dòng)畫(huà)網(wǎng)站為多。

n（6）傾斜或曲線型描述：傾斜型頁(yè)面主題形象或多幅圖片、文字作傾斜編排，形成不穩(wěn)定感或強(qiáng)烈的動(dòng)感，引人注目。此類(lèi)網(wǎng)站版式為各類(lèi)網(wǎng)站所采用。曲線型網(wǎng)站圖片、文字在頁(yè)面上作曲線的分割或編排構(gòu)成，產(chǎn)生韻律與節(jié)奏。此類(lèi)網(wǎng)站版式為各類(lèi)網(wǎng)站所采用。

n（7）三角型描述：三角型版式是指見(jiàn)面各視覺(jué)元素呈三角形或多角形排列。正三角形最具穩(wěn)定性，倒三角形則可產(chǎn)生動(dòng)感。側(cè)三角形構(gòu)成一種均衡版式，既安定又有動(dòng)感。三角形版式為各類(lèi)網(wǎng)站所采用。

n（8）自由型描述：自由型版式人頁(yè)面具有活潑、輕快人氣氛。自由型版式也可應(yīng)用于多種網(wǎng)站。如網(wǎng)絡(luò)、娛樂(lè)、體育、個(gè)人、商務(wù)等。

n以上介紹的版式基本類(lèi)型并不是固定不變的，在實(shí)際設(shè)計(jì)中，設(shè)計(jì)師可以根據(jù)網(wǎng)頁(yè)所要傳達(dá)的主題內(nèi)容來(lái)靈活地變化版式。在設(shè)計(jì)前要認(rèn)真分析網(wǎng)站的定位，在設(shè)計(jì)中要靈活把握版式結(jié)構(gòu)，才能更好地達(dá)到設(shè)計(jì)目的。

n[1]各種效果圖案例-源文件（大圖）有待更新(7張)