水平垂直分割

  • 2020-04-07 16:27:07
  • 閱讀次數(shù):
  • 作者:盈嵐科技小編
  • 來(lái)源:http://supportcoffeeroasters.com

水平垂直分割是在網(wǎng)頁(yè)設(shè)計(jì)中,將水平與垂直分割同時(shí)使用,它們之間容易形成對(duì)比關(guān)系,較之單向分割更為豐富、實(shí)用而靈活多變。下面舉例說(shuō)明。如圖所示,采用典型的“門”型構(gòu)圖,艷麗的嫩綠色和略帶變化的分割方式,打破了構(gòu)成方式的呆板,使頁(yè)面更具個(gè)性化和青春氣息。

1.jpg

2.jpg

如圖所示,采用“匡”型構(gòu)圖,頂部為主欄目導(dǎo)航,左側(cè)為次級(jí)欄目導(dǎo)航,由于兩個(gè)頁(yè)面色調(diào)的冷暖不同,給人以不同的視覺(jué)心理感受。

3.jpg

如圖所示的網(wǎng)站頁(yè)面,在左右分割的版面中,以貫穿的水平路面來(lái)連接左右,標(biāo)志和主欄目菜單得以強(qiáng)化而突出,同時(shí),人物形象打破了分割界線,人物目光對(duì)瀏覽者的視線進(jìn)行誘導(dǎo),這些都減弱了左右對(duì)比,加強(qiáng)了聯(lián)系,顯示出運(yùn)動(dòng)性網(wǎng)站的力量感。

4.jpg

如圖3所示,一改常規(guī)的版式構(gòu)圖,將主欄目菜單置于頁(yè)面右側(cè),左邊為主體產(chǎn)品形象,明暗色的對(duì)比加強(qiáng)了版式特征,此獨(dú)到之處十分吸引人。

至于其他幾種版式網(wǎng)頁(yè)設(shè)計(jì)中常見(jiàn)的構(gòu)成的類型,與前面介紹的視覺(jué)流程類型幾乎完全相同,這里不再贅述。網(wǎng)頁(yè)界面的版式設(shè)計(jì)實(shí)際上沒(méi)有固定的格式可循,在實(shí)際的設(shè)計(jì)實(shí)務(wù)中,我們還應(yīng)根據(jù)網(wǎng)頁(yè)界面的內(nèi)容和要求,勇于突破傳統(tǒng)和形式框架的束縛,突破創(chuàng)新。

網(wǎng)頁(yè)界面的版式設(shè)計(jì)屬于視覺(jué)設(shè)計(jì),其最終目的是要有效地傳遞視覺(jué)信息。這里涉及提高傳達(dá)效率的問(wèn)題,也就是說(shuō),版式設(shè)計(jì)應(yīng)該能增強(qiáng)人們對(duì)頁(yè)面的注意,增進(jìn)對(duì)內(nèi)容的理解和記憶,從而影響人們的思想和行為。因此,在網(wǎng)站建設(shè)時(shí),必須依據(jù)人的視覺(jué)生理、心理特征,采取相應(yīng)的手段,讓版式設(shè)計(jì)發(fā)揮出更大的功效,達(dá)成最佳的訴求效果。因此網(wǎng)頁(yè)的版式設(shè)計(jì)一定要符合人的視覺(jué)習(xí)慣,滿足人的視覺(jué)生理需求。同時(shí)要注意產(chǎn)生疲勞感。合理安排視覺(jué)的流程,符合人的閱讀習(xí)慣。

當(dāng)前文章標(biāo)題:水平垂直分割

當(dāng)前URL:http://supportcoffeeroasters.com/news/wzzz/3190.html

上一篇:網(wǎng)頁(yè)設(shè)計(jì)中的版式構(gòu)成類型

下一篇:網(wǎng)站定位

網(wǎng)站建設(shè)、網(wǎng)絡(luò)營(yíng)銷咨詢專線:181-8386-5875(點(diǎn)擊可一鍵撥號(hào))