版式的視覺流程設(shè)計(jì)

第二章、版面設(shè)計(jì)的

視覺流程在視覺心理學(xué)家的研究中，視覺運(yùn)動(dòng)規(guī)律是其成果之一。一條垂直線在頁面上，會(huì)引導(dǎo)視線作上下的視覺流動(dòng)；水平線會(huì)引導(dǎo)視線向左右的視覺流動(dòng)；斜線比垂直線、水平線有更強(qiáng)的視覺訴求力；矩形的視線流動(dòng)是向四方發(fā)射的；圓形的視線流動(dòng)是輻射狀的；三角形則隨著頂角之方向使視線產(chǎn)生流動(dòng)；各種圖形從大到小漸層排列時(shí)，視線會(huì)強(qiáng)烈地按照排列方向流動(dòng)。視覺流程，是視線在觀賞物上的移動(dòng)過程，是二維或三維空間中的運(yùn)動(dòng)。這種視覺的流動(dòng)線極為重要，同時(shí)又是很容易被設(shè)計(jì)者忽視的因素。版面設(shè)計(jì)的視覺流程是一種“空間的運(yùn)動(dòng)”，是視線隨各元素在空間沿一定軌跡運(yùn)動(dòng)的過程。

這種視覺在空間的流動(dòng)線為“虛線”，正因?yàn)樗?，所以設(shè)計(jì)時(shí)容易被忽略。經(jīng)驗(yàn)豐富的設(shè)計(jì)者都對此非常重視，他們善于運(yùn)用這條貫穿頁面的主線，設(shè)計(jì)易于瀏覽的頁面。

從某個(gè)角度講，視覺流程的設(shè)計(jì)結(jié)果就是版式。人們是怎樣看圖片的？研究者們發(fā)現(xiàn)，我們眼睛瀏覽圖片時(shí)不是處在一種連續(xù)不斷的掃視之中，而是有一系列短暫的停頓和跳躍。這種間斷不完全是任意的。記住這一點(diǎn)，我們應(yīng)注意下列一些情況。觀看這張圖的時(shí)候，你先看到了什么，后看到了什么A、眼睛有一種停留在一幅畫面左上角的傾向。B、眼睛總是順時(shí)針看一張圖片。

C、眼睛總是首先看圖片上的人，然后是注意諸如云彩、汽車等移動(dòng)的物體，最后才注意到固定的物體。

既然我們都有一種從左到右、從上到下觀察物體的習(xí)慣，毫無疑問，追尋這些視覺規(guī)律構(gòu)建你的畫面是最好的方式。一、視線流動(dòng)規(guī)律1、當(dāng)某一視覺信息具有較強(qiáng)的刺激度時(shí)，就容易為視覺所感知，人的視線就會(huì)移動(dòng)到這里，成為有意識(shí)注意，這是視覺流程的第一階段。

2、當(dāng)人們的視覺對信息產(chǎn)生注意后，視覺信息在形態(tài)和構(gòu)成上具有強(qiáng)烈的個(gè)性，形成周圍環(huán)境的相異性，因而能進(jìn)一步引起人們的視覺興趣，在物象內(nèi)按一定順序進(jìn)行流動(dòng)，并接受其信息。

3、人們的視線總是最先對準(zhǔn)刺激力強(qiáng)度最大之處，然后按照視覺物象各構(gòu)成要素刺激度由強(qiáng)到弱的流動(dòng)，形成一定的順序。4、視線流動(dòng)的順序，還要受到人的生理及心理的影響。由于眼睛的水平運(yùn)動(dòng)比垂直運(yùn)動(dòng)快，因而在視察視覺物象時(shí)，容易先注意水平方向的物象，然后才注意垂直方向的物象。人的眼睛對于畫面左上方的觀察力優(yōu)于右上方，對右下方的觀察力又優(yōu)于左下方，因而，一般廣告設(shè)計(jì)均把重要的構(gòu)成要素安排在左上方或右下方。5、由于人們的視覺運(yùn)動(dòng)是積極主動(dòng)的，具有很強(qiáng)的自由選擇性，往往是選擇所感興趣的視覺物象，而忽略其他要素，從而造成視覺流程的不規(guī)劃性與不穩(wěn)定性。

6、組合在一起具有相似性的因素，具有引導(dǎo)視線流動(dòng)的作用，如形狀的相似，大小的相似，色彩的相似，位置的相似等。

可以說視覺流程運(yùn)用的好壞，是設(shè)計(jì)師設(shè)計(jì)技巧是否成熟的表現(xiàn)。視覺流程可可以從理性性與感性，，方向關(guān)系系的流程與與散構(gòu)關(guān)系系的流程來來分析。方向關(guān)系的的流程強(qiáng)調(diào)調(diào)邏輯，注注重版面清清晰地脈絡(luò)絡(luò)，似乎有有一條主線線、一股氣氣韻貫穿版版面，使整整個(gè)版面的的運(yùn)動(dòng)趨勢勢有“主體體旋律”，，細(xì)節(jié)與主主體猶如樹樹干和樹枝枝一樣和諧諧。方向關(guān)關(guān)系流程較較散構(gòu)關(guān)系系流程更具具有理性色色彩。前五項(xiàng)流程程均為具有有方向和理理性的流程程。二、視覺流流程的形式式1.視覺流程的的籌劃視覺流程是是版式設(shè)計(jì)計(jì)的重要內(nèi)內(nèi)容，可以以說，視覺覺流程運(yùn)用用的好壞，，是設(shè)計(jì)者者技巧成熟熟與否的表表現(xiàn)。視覺流程的的籌劃包括括幾個(gè)重要要的因素，，下面就對對它們作具具體的歸納納與分析。。2視覺流程類類型視覺流程主主要包括以以下幾種類類型：線型視覺流流程曲線視覺流流程焦點(diǎn)視覺流流程反復(fù)視覺流流程導(dǎo)向視覺流流程散點(diǎn)視覺流流程2.1線型視覺流流程線型視覺流流程，分為為直線視覺覺流程和曲曲線視覺流流程兩類。。1、直線視覺覺流程使頁面的流流動(dòng)線更為為簡明，直直接地訴求求主題內(nèi)容容，有簡潔潔而強(qiáng)烈的的視覺效果果。直線視視覺流程表表現(xiàn)為三種種形式：豎向向視視覺覺流流程程：：給給人人堅(jiān)堅(jiān)定定、、直直觀觀的的感感覺覺。。明確確、、簡簡潔潔的的豎豎向向視視覺覺流流程程橫向向視視覺覺流流程程：：有有穩(wěn)穩(wěn)定定、、恬恬靜靜之之感感。。橫向向的的視視覺覺流流程程，，向向人人們們傳傳達(dá)達(dá)出出穩(wěn)穩(wěn)重重、、可可信信的的視視覺覺語語言言斜向向視視覺覺流流程程：：以以不不穩(wěn)穩(wěn)定定的的動(dòng)動(dòng)勢勢引引起起注注意意。。斜向向視視覺覺流流程程，，使使頁頁面面產(chǎn)產(chǎn)生生動(dòng)動(dòng)感感2.2曲線線視視覺覺流流程程曲線線視視覺覺流流程程，，是是由由視視覺覺要要素素隨隨弧弧線線或或回回旋旋線線運(yùn)運(yùn)動(dòng)動(dòng)而而形形成成的的。。它它不不如如直直線線視視覺覺流流程程直直接接簡簡明明，，但但更更具具流流暢暢的的美美感感。。曲曲線線視視覺覺流流程程的的形形式式微微妙妙而而復(fù)復(fù)雜雜，，可可概概括括為為兩兩種種形形式式：：弧線線形形（（C形））視視覺覺流流程程：：有有擴(kuò)擴(kuò)張張感感和和方方向向感感。?；【€線形形視視覺覺流流程程，，使使頁頁面面具具有有很很強(qiáng)強(qiáng)的的擴(kuò)擴(kuò)張張性性回旋旋形形（（S形））視視覺覺流流程程：：兩兩個(gè)個(gè)相相反反的的弧弧線線則則產(chǎn)產(chǎn)生生矛矛盾盾回回旋旋，，在在平平面面中中增增加加深深度度和和動(dòng)動(dòng)感感。。2.3重心心的的視視覺覺流流程程其重重心心的的位位置置因因其其具具體體畫畫面面而而定定。。在在視視覺覺流流程程上上，，首首先先是是從從版版面面重重心心開開始始，，然然后后順順沿沿形形象象的的方方向向與與力力度度的的傾傾向向來來發(fā)發(fā)展展視視線線的的進(jìn)進(jìn)程程。。2.4反復(fù)復(fù)視視覺覺流流程程反復(fù)復(fù)視視覺覺流流程程是是指指網(wǎng)網(wǎng)頁頁中中相相同同或或相相似似的的視視覺覺要要素素，，作作規(guī)規(guī)律律、、秩秩序序、、節(jié)節(jié)奏奏的的逐逐次次運(yùn)運(yùn)動(dòng)動(dòng)。。其其產(chǎn)產(chǎn)生生的的視視覺覺效效果果更更富富于于韻韻律律美美和和秩秩序序美美。。規(guī)則則排排列列的的小小圖圖片片具具有有秩秩序序美美書本本圖圖12、13、142.5導(dǎo)向向視視覺覺流流程程導(dǎo)向向視視覺覺流流程程，，是是通通過過誘誘導(dǎo)導(dǎo)性性視視覺覺元元素素，，主主動(dòng)動(dòng)引引導(dǎo)導(dǎo)讀讀者者視視線線向向一一定定方方向向作作順順序序運(yùn)運(yùn)動(dòng)動(dòng)，，按按照照由由主主及及次次的的順順序序，，把把頁頁面面各各構(gòu)構(gòu)成成要要素素依依次次串串聯(lián)聯(lián)起起來來，，形形成成一一個(gè)個(gè)有有機(jī)機(jī)整整體體。。導(dǎo)導(dǎo)向向視視覺覺流流程程的的應(yīng)應(yīng)用用也也很很多多見見，，可可以以使使網(wǎng)網(wǎng)頁頁重重點(diǎn)點(diǎn)突突出出、、條條理理清清晰晰，，發(fā)發(fā)揮揮最最大大的的信信息息傳傳達(dá)達(dá)功功能能。。視視覺覺導(dǎo)導(dǎo)向向元元素素有有多多種種，，有有虛虛有有實(shí)實(shí)，，表表現(xiàn)現(xiàn)多多樣樣。。1.文字字導(dǎo)導(dǎo)向向“請請按按這這里里””、、““點(diǎn)點(diǎn)擊擊進(jìn)進(jìn)入入””等等文文字字，，是是通通過過語語義義的的表表達(dá)達(dá)產(chǎn)產(chǎn)生生理理念念上上的的導(dǎo)導(dǎo)向向作作用用。。另另外外，，也也可可以以對對文文字字進(jìn)進(jìn)行行圖圖形形化化處處理理，，對對瀏瀏覽覽者者產(chǎn)產(chǎn)生生自自覺覺的的視視覺覺導(dǎo)導(dǎo)向向作作用用。。2.手勢勢導(dǎo)導(dǎo)向向手勢勢導(dǎo)導(dǎo)向向比比文文字字導(dǎo)導(dǎo)向向更更容容易易理理解解，，且且更更具具有有一一種種親親和和力力。。用卡卡通通人人物物作作手手勢勢導(dǎo)導(dǎo)向向3.形象象導(dǎo)導(dǎo)向向同手手勢勢導(dǎo)導(dǎo)向向一一樣樣容容易易理理解解，，較較常常采采用用的的形形象象為為箭箭頭頭。。形象象導(dǎo)導(dǎo)向向，，簡簡潔潔明明確確4.視線線導(dǎo)導(dǎo)向向一組組人人物物、、動(dòng)動(dòng)物物面面向向同同一一方方向向，，會(huì)會(huì)因因共共同同的的視視線線而而一一致致起起來來。。不不同同的的物物品品方方向向一一致致，，也也可可以以產(chǎn)產(chǎn)生生統(tǒng)統(tǒng)一一感感。。如如果果將將頁頁面面中中人人物物的的視視線線對對著著物物品品，，就就會(huì)會(huì)引引導(dǎo)導(dǎo)瀏瀏覽覽者者的的視視線線集集中中到到物物品品上上。。充充分分利利用用視視線線導(dǎo)導(dǎo)向向，，可可以以使使視視覺覺元元素素之之間間的的聯(lián)聯(lián)系系加加強(qiáng)強(qiáng)，，結(jié)結(jié)構(gòu)構(gòu)更更加加緊緊湊湊。。頁面面中中的的圖圖像像將將視視線線引引向向畫畫面面以以外外2.6散點(diǎn)點(diǎn)視視覺覺流流程程散點(diǎn)點(diǎn)視視覺覺流流程程，，是是指指在在分分散散處處理理視視覺覺元元素素的的編編排排方方式式。。它它強(qiáng)強(qiáng)調(diào)調(diào)感感性性、、自自由由性性、、隨隨機(jī)機(jī)性性、、偶偶合合性性。。其視視覺覺流流程程為為：：視視線線隨隨各各視視覺覺元元素素作作或或上上或或下下、、或或左左或或右右的的自自由由移移動(dòng)動(dòng)。。這這種種視視覺覺流流程程不不如如其其他他視視覺覺流流程程嚴(yán)謹(jǐn)謹(jǐn)、、快快捷捷、、明明朗朗，，但但生生動(dòng)動(dòng)有有趣趣，，給給人人一一種種輕輕松松隨隨意意和和慢慢節(jié)節(jié)奏奏的的感感受受。。自由由的的視視覺覺元元素素組組合合成成明明確確的的主主題題運(yùn)用用散散點(diǎn)點(diǎn)和和曲曲線線所所形形成成的的柔柔和和的的視視覺覺主主題題作為為個(gè)個(gè)性性化化的的視視覺覺元元素素，，拼拼貼貼剪剪紙紙式式的的文文字字分分別別占占據(jù)據(jù)了了三三個(gè)個(gè)點(diǎn)點(diǎn)，，吸吸引引視視線線在在它它們們之之間間流流動(dòng)動(dòng)人們們閱閱讀讀材材料料時(shí)時(shí)習(xí)習(xí)慣慣按按照照從從左左到到右右，，從從上上到到下下的的順順序序進(jìn)進(jìn)行行。。瀏瀏覽覽者者的的眼眼睛睛首首先先看看到到的的是是頁頁面面的的左左上上角角，，然然后后逐逐漸漸往往下下看看。。根根據(jù)據(jù)這這一一習(xí)習(xí)慣慣，，設(shè)設(shè)計(jì)計(jì)時(shí)時(shí)可可以以把把重重要要信信息息放放在在頁頁面面的的左左上上角角或或頁頁面面頂頂部部，，如如公公司司的的標(biāo)標(biāo)志志、、最最新新消消息息等等，，然然后后按按重重要要性性依依次次放放置置其其他他內(nèi)內(nèi)容容。。重要要的的信信息息應(yīng)應(yīng)該該讓讓瀏瀏覽覽者者最最容容易易發(fā)發(fā)現(xiàn)現(xiàn)，，而而不不是是深深藏藏在在多多層層鏈鏈接接之之后后。。瀏覽覽者者的的眼眼睛睛首首先先看看到到的的是是頁頁面面的的左左上上角角課本本圖圖33版面面中中各各區(qū)區(qū)域域的的視視覺覺注注目目度度三、、視視覺覺流流程程運(yùn)運(yùn)動(dòng)動(dòng)中中應(yīng)應(yīng)注注意意的的事事項(xiàng)項(xiàng)1、視視覺覺流流程程的的邏邏輯輯性性首先先要要符符合合人人們們認(rèn)認(rèn)識(shí)識(shí)的的心心理理順順序序和和思思維維活活動(dòng)動(dòng)的的邏邏輯輯順順序序，，故故而而，，廣廣告告構(gòu)構(gòu)成成要要素素的的主主次次順順序序應(yīng)應(yīng)該該與與其其吻吻合合一一致致。。例例如如圖圖片片所所提提供供的的可可視視性性比比文文字字更更具具直直觀觀性性，，把把它它作作為為廣廣告告版版面面的的視視覺覺中中心心，，比比較較符符合合人人們們在在認(rèn)認(rèn)識(shí)識(shí)過過程程中中先先感感性性后后理理性性的的順順序序。。2、視視覺覺流流程程的的節(jié)節(jié)奏奏性性節(jié)奏奏作作為為一一種種形形式式的的審審美美要要素素，，不不僅僅能能提提高高人人們們的的視視覺覺興興趣趣，，而而且且在在形形式式結(jié)結(jié)構(gòu)構(gòu)上上也也利利于于視視線線的的運(yùn)運(yùn)動(dòng)動(dòng)。。它它在在構(gòu)構(gòu)成成要要素素之之間間位位置置上上要要造造成成一一定定的的節(jié)節(jié)奏奏關(guān)關(guān)系系，，使使其其有有長長有有短短，，有有急急有有緩緩，，有有疏疏有有密密