網(wang)(wang)頁版式設計(ji)是網(wang)(wang)站建設過(guo)程(cheng)中的(de)(de)重要環節(jie)，它不僅(jin)是網(wang)(wang)站視覺傳達的(de)(de)手段，也是產品(pin)、業(ye)務等功能(neng)元素與頁面空間合理布局的(de)(de)規劃(hua)，直接影響網(wang)(wang)站所屬主體的(de)(de)品(pin)牌宣傳和(he)價值(zhi)輸出。因(yin)此(ci)，選擇(ze)合適的(de)(de)網(wang)(wang)頁版式就顯得(de)尤為重要。
常(chang)用(yong)的(de)網頁版式布局基本類(lei)型(xing)(xing)(xing)主要有(you)滿版型(xing)(xing)(xing)、分割型(xing)(xing)(xing)、中軸型(xing)(xing)(xing)、傾斜型(xing)(xing)(xing)、對(dui)稱型(xing)(xing)(xing)、焦點型(xing)(xing)(xing)、自由型(xing)(xing)(xing)等。
滿版型
滿版(ban)型以(yi)大(da)幅圖(tu)片(pian)充滿版(ban)面，給(gei)人(ren)以(yi)時(shi)尚、大(da)方的(de)感覺(jue)。頁面以(yi)圖(tu)像為主要訴(su)求點，或(huo)者將部分文(wen)字放置于圖(tu)像之上，視(shi)覺(jue)傳達效(xiao)果(guo)直觀強烈(lie)。
分割型
把整個頁面(mian)上下或左(zuo)右一分(fen)為二，分(fen)別安排圖(tu)片和文案(an)，整個頁面(mian)的兩(liang)部分(fen)可形成鮮明對(dui)(dui)比。同時也(ye)可以通過(guo)調整圖(tu)片與文案(an)所占面(mian)積，或者圖(tu)文融合混排，來調節(jie)對(dui)(dui)比的強弱。
中軸型
沿(yan)瀏覽器窗口的(de)(de)中軸線將圖片或(huo)文字(zi)作水(shui)平或(huo)垂直方向的(de)(de)排列。水(shui)平排列的(de)(de)頁面(mian)給人以穩定、平靜、含蓄的(de)(de)感覺(jue)，而元素的(de)(de)垂直排列，會(hui)使整(zheng)個(ge)頁面(mian)效果清爽、舒(shu)暢。
傾斜型
通過對頁面主(zhu)題形(xing)象或多幅圖片(pian)、文字作傾斜編(bian)排，形(xing)成(cheng)不穩定感(gan)以(yi)(yi)及(ji)強(qiang)烈的動(dong)感(gan)，突(tu)出(chu)視(shi)覺(jue)沖擊力(li)。所以(yi)(yi)，當網頁中要出(chu)現律動(dong)的、跳躍的呈現效(xiao)果，可以(yi)(yi)考慮使用傾斜型(xing)。傾斜排版可以(yi)(yi)讓(rang)呆(dai)板的頁面產(chan)生意想不到的活(huo)力(li)和生機。
對稱(cheng)型(xing)
對(dui)(dui)稱(cheng)的(de)頁(ye)(ye)面(mian)給(gei)人以穩定、嚴謹、理性的(de)感覺，且能夠呈現(xian)出(chu)一(yi)種均衡的(de)力量感和愉(yu)悅的(de)視覺平衡。在設(she)(she)計的(de)概(gai)念里，對(dui)(dui)稱(cheng)分(fen)為絕對(dui)(dui)對(dui)(dui)稱(cheng)和相對(dui)(dui)對(dui)(dui)稱(cheng)。一(yi)般在設(she)(she)計過程中(zhong)，設(she)(she)計師(shi)更(geng)多采用相對(dui)(dui)對(dui)(dui)稱(cheng)，從一(yi)些細節上(shang)的(de)區別設(she)(she)計，避(bi)免頁(ye)(ye)面(mian)出(chu)現(xian)呆板的(de)現(xian)象(xiang)。
焦點型(xing)
焦點型網(wang)頁(ye)(ye)版式(shi)設(she)(she)計(ji)大致可以分(fen)為(wei)三種類型，中(zhong)(zhong)(zhong)心(xin)(xin)(xin)、向(xiang)(xiang)心(xin)(xin)(xin)和離(li)(li)心(xin)(xin)(xin)。中(zhong)(zhong)(zhong)心(xin)(xin)(xin)，是(shi)(shi)(shi)以對比強烈的(de)圖(tu)片或文字置(zhi)于(yu)頁(ye)(ye)面(mian)視(shi)(shi)覺中(zhong)(zhong)(zhong)心(xin)(xin)(xin)；向(xiang)(xiang)心(xin)(xin)(xin)與離(li)(li)心(xin)(xin)(xin)分(fen)別(bie)是(shi)(shi)(shi)指(zhi)用適當的(de)視(shi)(shi)覺元素，引導瀏覽(lan)者的(de)視(shi)(shi)線向(xiang)(xiang)頁(ye)(ye)面(mian)中(zhong)(zhong)(zhong)間聚(ju)攏(long)或者向(xiang)(xiang)外(wai)輻射。向(xiang)(xiang)心(xin)(xin)(xin)是(shi)(shi)(shi)集中(zhong)(zhong)(zhong)的(de)、穩定的(de)版式(shi)，離(li)(li)心(xin)(xin)(xin)是(shi)(shi)(shi)一種舒(shu)展的(de)、活潑的(de)版式(shi)。較之于(yu)向(xiang)(xiang)心(xin)(xin)(xin)，離(li)(li)心(xin)(xin)(xin)版式(shi)的(de)網(wang)頁(ye)(ye)更具現代感，但(dan)也是(shi)(shi)(shi)因為(wei)離(li)(li)心(xin)(xin)(xin)型所具有的(de)活潑的(de)特點，在(zai)設(she)(she)計(ji)這種版式(shi)時，也應注意避免(mian)頁(ye)(ye)面(mian)產生凌(ling)亂。
自由(you)型
頁(ye)面(mian)有時候需(xu)要(yao)呈現一種跳(tiao)出規則、突破束縛的(de)(de)感覺(jue)，因此在(zai)文字與圖片等頁(ye)面(mian)元素的(de)(de)編(bian)排上，可(ke)以不(bu)(bu)拘泥(ni)于(yu)某一種格(ge)式自由(you)(you)排版(ban)(ban)。不(bu)(bu)過，自由(you)(you)型(xing)的(de)(de)網頁(ye)版(ban)(ban)式并不(bu)(bu)等同于(yu)胡亂堆砌，它依賴于(yu)設計師成(cheng)竹在(zai)胸的(de)(de)布局(ju)規劃。如(ru)果(guo)沒有合理(li)的(de)(de)元素及(ji)空間(jian)安排，自由(you)(you)型(xing)頁(ye)面(mian)不(bu)(bu)僅(jin)視覺(jue)呈現效果(guo)大打折扣，整個布局(ju)也會(hui)顯得毫無章(zhang)法。
網頁(ye)(ye)版(ban)式(shi)設(she)(she)計(ji)其實就是(shi)擇(ze)優選(xuan)取元素與空(kong)間的一種排列關系(xi)。設(she)(she)計(ji)一個(ge)網頁(ye)(ye)所能(neng)用(yong)(yong)(yong)使用(yong)(yong)(yong)的版(ban)式(shi)當然不僅僅只有這(zhe)幾種，至于選(xuan)擇(ze)什么(me)樣的版(ban)式(shi)布局，標(biao)準也很簡單：在用(yong)(yong)(yong)戶體(ti)驗到頁(ye)(ye)面視覺(jue)美(mei)感的同(tong)時，也能(neng)有效(xiao)的接收頁(ye)(ye)面輸出的信息。
