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

1、版面設(shè)計的視覺流程 . 視覺流程的概念 . 如何建立視覺流程 . 視覺流程中的注意事項事物因光的作用，使眼睛發(fā)現(xiàn)信息而產(chǎn)生感受。由于視覺范圍的局限和差異，人們的視覺有了一定的走向與習(xí)慣，這種習(xí)慣的程序就是視覺流程。一、視覺流程的概念 1、什么是視覺流程？ 人們在閱讀版面時， 很自然地一步步看下去而形 成的無形的順序“線”，就是版式設(shè)計的視覺流程一條垂直線在頁面上，會引導(dǎo)視線作上下的視覺流動；水平線會引導(dǎo)視線向左右的視覺流動；斜線比垂直線、水平線有更強的視覺訴求力；矩形的視線流動是向四方發(fā)射的；圓形的視線流動是輻射狀的；三角形則隨著頂角之方向使視線產(chǎn)生流動；各種圖形從大到小漸層排列時，視線會強烈

2、地按照排列方向流動。視覺流程，是視線在觀賞物上的移動過程，是二維或三維空間中的運動。這種視覺的流動線極為重要，同時又是很容易被設(shè)計者忽視的因素。版面設(shè)計的視覺流程是一種“空間的運動”，是視線隨各元素在空間沿一定軌跡運動的過程。這種視覺在空間的流動線為“虛線”，正因為它虛，所以設(shè)計時容易被忽略。 經(jīng)驗豐富的設(shè)計者都對此非常重視，他們善于運用這條貫穿頁面的主線，設(shè)計易于瀏覽的頁面。 從某個角度講，視覺流程的設(shè)計結(jié)果就是版式。 人們是怎樣看圖片的？ 研究者們發(fā)現(xiàn)，我們眼睛瀏覽圖片時不是處在一種連續(xù)不斷的掃視之中，而是有一系列短暫的停頓和跳躍。這種間斷不完全是任意的。 記住這一點，我們應(yīng)注意下列一些情

3、況。 觀看這張圖的時候，你先看到了什么，后看到了什么？ A、眼睛有一種停留在一幅畫面左上角的傾向。B、眼睛總是順時針看一張圖片。 C、眼睛總是首先看圖片上的人，然后是注意諸如云彩、汽車等移動的物體，最后才注意到固定的物體。 既然我們都有一種從左到右、從上到下觀察物體的習(xí)慣，毫無疑問，追尋這些視覺規(guī)律構(gòu)建你的畫面是最好的方式。 可以說視覺流程運用的好壞，是設(shè)計師設(shè)計技巧是否成熟的表現(xiàn)。 視覺流程可以從理性與感性，方向關(guān)系的流程與散構(gòu)關(guān)系的流程來分析。 方向關(guān)系的流程強調(diào)邏輯，注重版面清晰地脈絡(luò)，似乎有一條主線、一股氣韻貫穿版面，使整個版面的運動趨勢有“主體旋律”，細(xì)節(jié)與主體猶如樹干和樹枝一樣和諧

4、。方向關(guān)系流程較散構(gòu)關(guān)系流程更具有理性色彩。二. 如何建立視覺流程 視覺流程是版式設(shè)計的重要內(nèi)容，可以說，視覺流程運用的好壞，是設(shè)計者技巧成熟與否的表現(xiàn)。 視覺流程的建立包括幾個重要的因素，下面就對它們作具體的歸納與分析: 2 視覺流程類型和構(gòu)建方法 在進行版式設(shè)計的時候，首先應(yīng)該明確版式傳達(dá)信息的目的、內(nèi)容和要求，先對文字信息進行提取和歸納，使文章信息有明確的層次和群化結(jié)構(gòu)，然后對圖形進行適當(dāng)?shù)胤诸惡吞幚?，最后根?jù)一定的順序?qū)υ刈龀龊侠淼木幣?。利用以下方法來?gòu)建自己的視覺流程（視覺流程的類型）： 線型視覺流程 曲線視覺流程 中心視覺流程 反復(fù)視覺流程 導(dǎo)向視覺流程 散點視覺流程 線型視覺流

5、程，分為直線視覺流程和曲線視覺流程兩類。 1、直線視覺流程 使頁面的流動線更為簡明，直接地訴求主題內(nèi)容，有簡潔而強烈的視覺效果。直線視覺流程表現(xiàn)為三種形式： 豎向視覺流程：給人堅定、直觀的感覺。 橫向視覺流程：有穩(wěn)定、恬靜之感。作品：戲劇海報作者：岡特.蘭博（德國） 作品運用二維空間與三維空間過渡與巧妙結(jié)合，表現(xiàn)圖形創(chuàng)意思維和獨特的視覺效果。 斜向視覺流程：斜向線的版面設(shè)計流程以不穩(wěn)定的動態(tài)引起注意,不僅能有效地烘托主題訴求點,且視覺流向獨特,往往更能吸引人的視線。 2.2 曲線視覺流程曲線視覺流程，是由視覺要素隨弧線或回旋線運動而形成的。它不如直線視覺流程直接簡明，但更具流暢的美感。曲線視覺

6、流程的形式微妙而復(fù)雜，可概括為兩種形式： 弧線形(c形)視覺流程：有擴張感和方向感。 回旋形(s形)視覺流程：兩個相反的弧線產(chǎn)生矛盾回旋，在平面中增加深度和動感。 弧線形視覺流程，使頁面具有很強的擴張性曲線視覺流程能使構(gòu)圖變得更豐富，形式感更強，例如圓形或弧線形，給人以節(jié)奏韻律、幽雅柔美的感受，營造輕松隨意的閱讀氣氛2.3 重心的視覺流程重心是指視覺心理的重心，重心有三種概念：1.以強烈的形象或文字獨居版面某個部位或完全充斥整版。 2.向心：視覺元素向版面中心聚攏的流程。3.離心：猶如將石子投入水中，產(chǎn)生一圈一圈向外擴散的弧線運動。重心的視覺流程使版面產(chǎn)生強烈的視覺焦點，使主題更為鮮明而強烈。

7、 重心視覺流程重心視覺流程 違背視覺流程的規(guī)律，文字與圖形違背視覺流程的規(guī)律，文字與圖形把版面的把版面的重心引向上方或下方、異重心引向上方或下方、異常出位。常出位。但從整體布局來看，具有但從整體布局來看，具有一種與眾不同、標(biāo)新立異的獨特魅一種與眾不同、標(biāo)新立異的獨特魅力。力。 2.4 反復(fù)視覺流程2.4 反復(fù)視覺流程：，給人以安定感、整齊感、秩序化和規(guī)律的統(tǒng)一感。 特異視覺流程：是構(gòu)成要素在秩序的關(guān)系里，有意違反秩序。使少數(shù)、個別的要素顯得突出，以打破規(guī)律性。由于這種局部的，2.5 導(dǎo)向視覺流程 導(dǎo)向視覺流程，是通過誘導(dǎo)性視覺元素，主動引導(dǎo)讀者視線向一定方向作順序運動，按照由主及次的順序，把頁

8、面各構(gòu)成要素依次串聯(lián)起來，形成一個有機整體。導(dǎo)向視覺流程的應(yīng)用也很多見，可以使網(wǎng)頁重點突出、條理清晰，發(fā)揮最大的信息傳達(dá)功能。視覺導(dǎo)向元素有多種，有虛有實，表現(xiàn)多樣。1. 文字導(dǎo)向“請按這里”、“點擊進入”等文字，是通過語義的表達(dá)產(chǎn)生理念上的導(dǎo)向作用。另外，也可以對文字進行圖形化處理，對瀏覽者產(chǎn)生自覺的視覺導(dǎo)向作用。2、手勢導(dǎo)向 2. 手勢導(dǎo)向比文字導(dǎo)向更容易理解，且更具有一種親和力。 用卡通人物作手勢導(dǎo)向 3. 形象導(dǎo)向同手勢導(dǎo)向一樣容易理解，較常采用的形象為箭頭。同手勢導(dǎo)向一樣容易理解，較常采用的形象為箭頭。 4. 視線導(dǎo)向 一組人物、動物面向同一方向，會因共同的視線而一致起來。不同的物品

9、方向一致，也可以產(chǎn)生統(tǒng)一感。如果將頁面中人物的視線對著物品，就會引導(dǎo)瀏覽者的視線集中到物品上。充分利用視線導(dǎo)向，可以使視覺元素之間的聯(lián)系加強，結(jié)構(gòu)更加緊湊。 頁面中的圖像將視線引向畫面以外十字形視覺流程：是垂直線和水平線對稱的交叉構(gòu)圖。也有斜形交叉的形式。其視線的主眼點集中于十字的交叉點，使得重點突出。發(fā)揮最大的信息傳達(dá)功能。發(fā)射式視覺流程：是以文字或點、線等形象作為視線誘導(dǎo)，將多種條件集中于一個主眼點上，具有多樣統(tǒng)一的綜合視覺效果。編排中的導(dǎo)線表現(xiàn)多樣，虛實相生，富于運動變化。2.6 散點視覺流程 散點視覺流程，是指在分散處理視覺元素的編排方式。 其視覺流程為： 嚴(yán)謹(jǐn)、快捷、明朗，但生動有趣

10、，給人一種輕松隨意和慢節(jié)奏的感受。 自由的視覺元素組合成明確的主題運用散點和曲線所形成的柔和的視覺主題文字散構(gòu)組合打破次序感，是整體畫面活躍靈動。作為個性化的視覺元素，拼貼剪紙式的文字分別占據(jù)了三個點，吸引視線在它們之間流動。最佳視域順序最佳焦點最佳視域區(qū)視覺流程 人們閱讀材料時習(xí)慣按照從左到右，從上到下的順序進行。瀏覽者的眼睛首先看到的是頁面的左上角，然后逐漸往下看。根據(jù)這一習(xí)慣，設(shè)計時可以把重要信息放在頁面的左上角或頁面頂部，如公司的標(biāo)志、最新消息等，然后按重要性依次放置其他內(nèi)容。 重要的信息應(yīng)該讓瀏覽者最容易發(fā)現(xiàn)，而不是深藏在多層鏈接之后。瀏覽者的眼睛首先看到的是頁面的左上角瀏覽者的眼睛

11、首先看到的是頁面的左上角三、視覺流程運動中應(yīng)注意的事項 1、視覺流程的邏輯性 首先要符合人們認(rèn)識的心理順序和思維活動的邏輯順序，故而， 例如圖片所提供的可視性比文字更具直觀性，把它作為廣告版面的視覺中心，比較符合人們在認(rèn)識過程中先感性后理性的順序。 2、視覺流程的節(jié)奏性 節(jié)奏作為一種形式的審美要素，不僅能提高人們的視覺興趣，而且在形式結(jié)構(gòu)上也利于視線的運動。 它在構(gòu)成要素之間位置上要造成一定的節(jié)奏關(guān)系，使其有長有短，有急有緩，有疏有密，有曲有直形成心理的節(jié)奏，以提高觀眾的閱讀興趣。 3、視覺流程的誘導(dǎo)性 現(xiàn)代廣告的編排設(shè)計上，十分重視如何引導(dǎo)觀眾的視線流動。設(shè)計師可以通過適當(dāng)?shù)木幣?，左右人們?/p>

12、視線，使其按照設(shè)計意圖進行順序流動。用什么要素捕捉觀眾的視覺注意力呢?1、當(dāng)某一視覺信息具有較強的刺激度時，就容易為視覺所感知，人的視線就會移動到這里，成為有意識注意，這是視覺流程的第一階段。2、當(dāng)人們的視覺對信息產(chǎn)生注意后，視覺信息在形態(tài)和構(gòu)成上具有強烈的個性，形成周圍環(huán)境的相異性，因而能進一步引起人們的視覺興趣，在物象內(nèi)按一定順序進行流動，并接受其信息。3、人們的視線總是最先對準(zhǔn)刺激力強度最大之處，然后按照視覺物象各構(gòu)成要素刺激度由強到弱的流動，形成一定的順序。4、視線流動的順序，還要受到人的生理及心理的影響。由于眼睛的水平運動比垂直運動快，因而在視察視覺物象時，容易先注意水平方向的物象，

13、然后才注意垂直 方向的物象。2、視覺流程有哪些流程形式？設(shè)計視覺流程的導(dǎo)讀應(yīng)注意哪些問題？視覺流程有7種形式：設(shè)計視覺流程的導(dǎo)讀應(yīng)注意；理性與感性、方向關(guān)系的流程與散構(gòu)關(guān)系的流程。方向關(guān)系的流程強調(diào)邏輯，注重版面清晰的脈絡(luò)，似乎有一條貫穿版面，使整個版面的運動趨勢有“主題旋律”，細(xì)節(jié)與主題猶如樹干樹枝一樣和諧，方向關(guān)系流程較散構(gòu)關(guān)系的流程更具理想色彩。1、什么是視覺流程？、什么是視覺流程？版面設(shè)計的視覺流程是一種版面設(shè)計的視覺流程是一種“視覺空間的運動視覺空間的運動”，是版面空間的各元素引導(dǎo)，是版面空間的各元素引導(dǎo)視線閱讀的運動進程。視線閱讀的運動進程。3、請解讀視覺流程在板式設(shè)計中的運動軌跡，以及設(shè)計師的編排構(gòu)思？ 每個版面都有各自不同的視覺導(dǎo)讀流程，無論導(dǎo)讀流程清晰單純，還是散亂含糊，都是設(shè)計師的風(fēng)格體現(xiàn)，是設(shè)計師編排技巧的能力標(biāo)志。4、視覺流程在版面中可理解為視覺導(dǎo)讀與版面結(jié)構(gòu)，你如何理解