網(wǎng)頁(yè)的版式設(shè)計(jì)---版式的基本類(lèi)型
發(fā)布時(shí)間:2008-09-20 瀏覽: 次
網(wǎng)頁(yè)版式的基本類(lèi)型主要有骨骼型、滿版型、分割型、中軸型、曲線型、傾斜型、對(duì)稱(chēng)型、焦點(diǎn)型、三角型、自由型十種。
1.骨骼型
網(wǎng)頁(yè)版式的骨骼型是一種規(guī)范的、理性的分割方法,類(lèi)似于報(bào)刊的版式。常見(jiàn)的骨骼有豎向通欄、雙欄、三欄、四欄和橫向的通欄、雙欄、三欄和四欄等。一般以豎向分欄為多。這種版式給人以和諧、理性的美。幾種分欄方式結(jié)合使用,既理性、條理,又活潑而富有彈性。
2.滿版型
頁(yè)面以圖像充滿整版。主要以圖像為訴求點(diǎn),也可將部分文字壓置于圖像之上。視覺(jué)傳達(dá)效果直觀而強(qiáng)烈。滿版型給人以舒展、大方的感覺(jué)。隨著寬帶的普及,這種版式在網(wǎng)頁(yè)設(shè)計(jì)中的運(yùn)用越來(lái)越多。
3.分割型
把整個(gè)頁(yè)面分成上下或左右兩部分,分別安排圖片和文案。兩個(gè)部分形成對(duì)比:有圖片的部分感性而具活力,文案部分則理性而平靜??梢哉{(diào)整圖片和文案所占的面積,來(lái)調(diào)節(jié)對(duì)比的強(qiáng)弱。例如:如果圖片所占比例過(guò)大,文案使用的字體過(guò)于纖細(xì),字距、行距、段落的安排又很疏落,則造成視覺(jué)心理的不平衡,顯得生硬。倘若通過(guò)文字或圖片將分割線虛化處理,就會(huì)產(chǎn)生自然和諧的效果。
4.中軸型
沿瀏覽器窗口的中軸將圖片或文字作水平或垂直方向的排列。水平排列的頁(yè)面給人穩(wěn)定、平靜、含蓄的感覺(jué)。垂直排列的頁(yè)面給人以舒暢的感覺(jué)。
5.曲線型
圖片、文字在頁(yè)面上作曲線的分割或編排構(gòu)成,產(chǎn)生韻律與節(jié)奏。
6.傾斜型
頁(yè)面主題形象或多幅圖片、文字作傾斜編排,形成不穩(wěn)定感或強(qiáng)烈的動(dòng)感,引人注目。
7.對(duì)稱(chēng)型
對(duì)稱(chēng)的頁(yè)面給人穩(wěn)定、嚴(yán)謹(jǐn)、莊重、理性的感受。
對(duì)稱(chēng)分為絕對(duì)對(duì)稱(chēng)和相對(duì)對(duì)稱(chēng)。一般采用相對(duì)對(duì)稱(chēng)的手法,以避免呆板。左右對(duì)稱(chēng)的頁(yè)面版式比較常見(jiàn)。
四角型也是對(duì)稱(chēng)型的一種,是在頁(yè)面四角安排相應(yīng)的視覺(jué)元素。四個(gè)角是頁(yè)面的邊界點(diǎn),重要性不可低估。在四個(gè)角安排的任何內(nèi)容都能產(chǎn)生安定感??刂坪庙?yè)面的四個(gè)角,也就控制了頁(yè)面的空間。越是凌亂的頁(yè)面,越要注意對(duì)四個(gè)角的控制。
8.焦點(diǎn)型
焦點(diǎn)型的網(wǎng)頁(yè)版式通過(guò)對(duì)視線的誘導(dǎo),使頁(yè)面具有強(qiáng)烈的視覺(jué)效果。焦點(diǎn)型分三種情況。
(1)中心 以對(duì)比強(qiáng)烈的圖片或文字置于頁(yè)面的視覺(jué)中心。
?。?)向心 視覺(jué)元素引導(dǎo)瀏覽者視線向頁(yè)面中心聚攏,就形成了一個(gè)向心的版式。向心版式是集中的、穩(wěn)定的,是一種傳統(tǒng)的手法。
(3)離心 視覺(jué)元素引導(dǎo)瀏覽者視線向外輻射,則形成一個(gè)離心的網(wǎng)頁(yè)版式。離心版式是外向的、活潑的,更具現(xiàn)代感,運(yùn)用時(shí)應(yīng)注意避免凌亂。
9.三角型
網(wǎng)頁(yè)各視覺(jué)元素呈三角形排列。正三角形(金字塔型)最具穩(wěn)定性,倒三角形則產(chǎn)生動(dòng)感。側(cè)三角形構(gòu)成一種均衡版式,既安定又有動(dòng)感。
10.自由型
自由型的頁(yè)面具有活潑、輕快的風(fēng)格。
資訊推薦
- 關(guān)于2016年春節(jié)放假安排2016-01-26
- 為了方便同事們提前訂票回家過(guò)年,現(xiàn)在公司春節(jié)放假時(shí)間安排通知。
春節(jié)放假時(shí)間為:2016年2月3到 2月14日。共11天。
廣大客戶在我...
- 如何做好創(chuàng)業(yè)型網(wǎng)站運(yùn)營(yíng)2016-03-07
- 1、緊記網(wǎng)站定位,制訂網(wǎng)站長(zhǎng)期與短期經(jīng)營(yíng)目標(biāo)。
網(wǎng)站定位是網(wǎng)站發(fā)展之本,不管是營(yíng)銷(xiāo)型網(wǎng)站建設(shè)還是創(chuàng)業(yè)型網(wǎng)站運(yùn)營(yíng),網(wǎng)站經(jīng)營(yíng)偏離了定位或定位不...
- 奢侈品B2C的網(wǎng)站規(guī)劃該如何做2016-03-07
- 電子商務(wù)(EC,也就是E-Commerce的縮寫(xiě)),關(guān)于電子商務(wù)的定義世人眾說(shuō)紛紜,從不同的角度出發(fā)有不同的定義。可以理解為以 Internet為依托,借助一定...
- 微信:支付寶搶紅包要到春晚,我們今晚就開(kāi)始!2016-01-26
- 昨天上午 11 點(diǎn),支付寶通過(guò)一個(gè)長(zhǎng)微博,公布了大家期待已久的與央視春晚獨(dú)家合作的互動(dòng)玩法,核心點(diǎn)在于必須主動(dòng)通過(guò)社交拓展才能夠獲得最多的紅包。
支...