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

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

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

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

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

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

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

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

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

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

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