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

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

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

3、時候，你先看到了什么，后看到了什么？ A A、眼睛有一種、眼睛有一種停留停留在一幅畫面左上角的傾向。在一幅畫面左上角的傾向。 B B、眼睛、眼睛總是總是順時針看一張圖片。順時針看一張圖片。 C C、眼睛、眼睛總是總是首先看圖片上的人，首先看圖片上的人，然后是然后是注意諸如注意諸如云彩、汽車等移動的物體，最后才注意到固定的物云彩、汽車等移動的物體，最后才注意到固定的物體。體。 既然我們都有一種從左到右、從上到下觀察物體的既然我們都有一種從左到右、從上到下觀察物體的習(xí)慣，毫無疑問，習(xí)慣，毫無疑問， 追尋這些視覺規(guī)律構(gòu)建你的畫面是最好的方式。追尋這些視覺規(guī)律構(gòu)建你的畫面是最好的方式。一一. . 視線

4、流動規(guī)律視線流動規(guī)律 1 1、當某一視覺信息當某一視覺信息具有較強的刺激度具有較強的刺激度時，就容時，就容易為視覺所感知，人的視線就會移動到這里，成易為視覺所感知，人的視線就會移動到這里，成為有意識注意，這是視覺流程的第一階段。為有意識注意，這是視覺流程的第一階段。 2 2、當人們的視覺當人們的視覺對信息產(chǎn)生注意后，對信息產(chǎn)生注意后，視覺信息視覺信息在形態(tài)和構(gòu)成上具有強烈的個性，形成周圍環(huán)境在形態(tài)和構(gòu)成上具有強烈的個性，形成周圍環(huán)境的的相異性相異性，因而能進一步引起人們的視覺興趣，因而能進一步引起人們的視覺興趣，在物象內(nèi)在物象內(nèi)按一定順序進行流動按一定順序進行流動，并接受其信息。，并接受其信息

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

6、的作用，如形狀的相似，大小的相似，色彩的相似，位置的相似等。 可以說視覺流程運用的好壞，是設(shè)計師設(shè)計技巧是否成熟的表現(xiàn)。 視覺流程可以從理性與感性，方向關(guān)系的流程與散構(gòu)關(guān)系的流程來分析。 方向關(guān)系的流程強調(diào)邏輯，注重版面清晰地脈絡(luò)，似乎有一條主線、一股氣韻貫穿版面，使整個版面的運動趨勢有“主體旋律”，細節(jié)與主體猶如樹干和樹枝一樣和諧。方向關(guān)系流程較散構(gòu)關(guān)系流程更具有理性色彩。 前五項流程均為具有方向和理性的流程。二. 視覺流程的形式 1.視覺流程的籌劃 視覺流程是版式設(shè)計的重要內(nèi)容，可以說，視覺流程運用的好壞，是設(shè)計者技巧成熟與否的表現(xiàn)。 視覺流程的籌劃包括幾個重要的因素，下面就對它們作具體的

7、歸納與分析: 2 視覺流程類型 視覺流程主要包括以下幾種類型： 單向視覺流程（線型視覺流程） 曲線視覺流程 重心視覺流程（焦點視覺流程） 反復(fù)視覺流程 導(dǎo)向視覺流程 散點視覺流程 2.1單向視覺流程（線型視覺流程） 線型視覺流程，分為直線視覺流程和曲線視覺流程兩類。 1、直線視覺流程 使頁面的流動線更為簡明，直接地訴求主題內(nèi)容，有簡潔而強烈的視覺效果。直線視覺流程表現(xiàn)為三種形式： 豎向視覺流程：給人堅定、直觀的感覺。 明確、簡潔的豎向視覺流程明確、簡潔的豎向視覺流程 橫向視覺流程：有穩(wěn)定、恬靜之感。橫向的視覺流程，向人們傳達出穩(wěn)重、可信的視覺語言橫向的視覺流程，向人們傳達出穩(wěn)重、可信的視覺語言

8、作品：戲劇海報作者：岡特.蘭博（德國） 作品運用二維空間與三維空間過渡與巧妙結(jié)合，表現(xiàn)圖形創(chuàng)意思維和獨特的視覺效果。 斜向視覺流程：斜向線的版面設(shè)計流程以不穩(wěn)定的動態(tài)引起注意,不僅能有效地烘托主題訴求點,且視覺流向獨特,往往更能吸引人的視線。 2.2 2.2 曲線視覺流程曲線視覺流程 曲線視覺流程，是由視覺要素隨弧線或回旋線運動而形成的。它不如直線視覺流程直接簡明，但更具流暢的美感。曲線視覺流程的形式微妙而復(fù)雜，可概括為兩種形式： 弧線形弧線形(c(c形形) )視覺流程：視覺流程：有擴張感和方向感。有擴張感和方向感。 回旋形回旋形(s(s形形) )視覺流程：視覺流程：兩個相反的弧線產(chǎn)生矛盾回兩

9、個相反的弧線產(chǎn)生矛盾回旋，在平面中增加深度和動感旋，在平面中增加深度和動感。 弧線形視覺流程，使頁面具有很強的擴張性曲線視覺流程能使構(gòu)圖變得更豐富，形式感更強，例如圓形或弧線形，給人以節(jié)奏韻律、幽雅柔美的感受，營造輕松隨意的閱讀氣氛2.3 重心的視覺流程重心是指視覺心理重心是指視覺心理的重心，重心由三的重心，重心由三種概念：種概念：1.1.以強烈的形象或文以強烈的形象或文字獨居版面某個部位字獨居版面某個部位或完全充斥整版?；蛲耆涑庹?。 其重心的位置因其重心的位置因其具體畫面而定。在其具體畫面而定。在視覺流程上，首先是視覺流程上，首先是從版面重心開始，然從版面重心開始，然后順沿形象的方向與后

10、順沿形象的方向與力度的傾向來發(fā)展力度的傾向來發(fā)展視視線的進程。線的進程。2.向心：視覺元素向版面中心聚攏的流程。3.3.離心：離心：猶如將石子投入水中，產(chǎn)生一圈一圈向外擴散的弧線運動。重心的視覺流程使版面產(chǎn)生強烈的視覺焦點，使主題更為鮮明而強烈。 重心視覺流程重心視覺流程 違背視覺流程的規(guī)律，文字與圖形把版面違背視覺流程的規(guī)律，文字與圖形把版面的重心的重心引向上方或下方、異常出位引向上方或下方、異常出位。但從。但從整體布局來看，具有一種與眾不同、標新整體布局來看，具有一種與眾不同、標新立異的獨特魅力。立異的獨特魅力。 2.4 反復(fù)視覺流程2.4 2.4 反復(fù)視覺流程：反復(fù)視覺流程：以相同或相似

11、的序列反復(fù)排列，形成畫面形象的連續(xù)性，給人以安定感、整齊感、秩序化和規(guī)律的統(tǒng)一感。 2.5 2.5 特異視覺流程：特異視覺流程：是構(gòu)成要素在秩序的關(guān)系里，有意違反秩序。使少數(shù)、個別的要素顯得突出，以打破規(guī)律性。由于這種局部的，少量的突變，突破了常規(guī)的單調(diào)性與雷同性，成為版面的趣味中心，產(chǎn)生醒目、生動感人的視覺效果。2.5 導(dǎo)向視覺流程導(dǎo)向視覺流程 導(dǎo)向視覺流程，是通過誘導(dǎo)性視覺元素，主動引導(dǎo)讀者視線向一定方向作順序運動，按照由主及次的順序，把頁面各構(gòu)成要素依次串聯(lián)起來，形成一個有機整體。導(dǎo)向視覺流程的應(yīng)用也很多見，可以使網(wǎng)頁重點突出、條理清晰，發(fā)揮最大的信息傳達功能。視覺導(dǎo)向元素有多種，有虛有

12、實，表現(xiàn)多樣。1. 文字導(dǎo)向 “請按這里”、“點擊進入”等文字，是通過語義的表達產(chǎn)生理念上的導(dǎo)向作用。另外，也可以對文字進行圖形化處理，對瀏覽者產(chǎn)生自覺的視覺導(dǎo)向作用。2、手勢導(dǎo)向 2. 手勢導(dǎo)向比文字導(dǎo)向更容易理解，且更具有一種親和力。 用卡通人物作手勢導(dǎo)向用卡通人物作手勢導(dǎo)向 3. 形象導(dǎo)向形象導(dǎo)向同手勢導(dǎo)向一樣容易理解，較常采用的形象為箭頭。同手勢導(dǎo)向一樣容易理解，較常采用的形象為箭頭。形象導(dǎo)向，簡潔明確形象導(dǎo)向，簡潔明確 4. 視線導(dǎo)向 一組人物、動物面向同一方向，會因共同的視線而一致起來。不同的物品方向一致，也可以產(chǎn)生統(tǒng)一感。如果將頁面中人物的視線對著物品，就會引導(dǎo)瀏覽者的視線集中到

13、物品上。充分利用視線導(dǎo)向，可以使視覺元素之間的聯(lián)系加強，結(jié)構(gòu)更加緊湊。 頁面中的圖像將視線引向畫面以外十字形視覺流程：十字形視覺流程：是垂直線和水平線對稱的交叉構(gòu)圖。也有斜形交叉的形式。其視線的主眼點集中于十字的交叉點，使得重點突出。發(fā)揮最大的信息傳達功能。u發(fā)射式視覺流程發(fā)射式視覺流程：是以文字或點、線等形象作為視線誘導(dǎo)，將多種條件集中于一個主眼點上，具有多樣統(tǒng)一的綜合視覺效果。編排中的導(dǎo)線表現(xiàn)多樣，虛實相生，富于運動變化。2.6 散點視覺流程 散點視覺流程，是指在分散處理視覺元素的編排方式。它強調(diào)感性、自由性、隨機性、偶合性。 其視覺流程為：視線隨各視覺元素作或上或下、或左或右的自由移動。

14、這種視覺流程不如其他視覺流程 嚴謹、快捷、明朗，但生動有趣，給人一種輕松隨意和慢節(jié)奏的感受。 自由的視覺元素組合成明確的主題 運用散點和曲線所形成的柔和的視覺主題文字散構(gòu)組合打破次序文字散構(gòu)組合打破次序感，是整體畫面活躍靈感，是整體畫面活躍靈動。動。作為個性化的視覺元素，拼貼剪紙式的文字分別占據(jù)了三個作為個性化的視覺元素，拼貼剪紙式的文字分別占據(jù)了三個點，吸引視線在它們之間流動。點，吸引視線在它們之間流動。最佳視域順序最佳焦點最佳視域區(qū)視覺流程 人們閱讀材料時習(xí)慣按照從左到右，從人們閱讀材料時習(xí)慣按照從左到右，從上到下的順序進行。瀏覽者的眼睛首先看到上到下的順序進行。瀏覽者的眼睛首先看到的是頁

15、面的左上角，然后逐漸往下看。根據(jù)的是頁面的左上角，然后逐漸往下看。根據(jù)這一習(xí)慣，設(shè)計時可以把重要信息放在頁面這一習(xí)慣，設(shè)計時可以把重要信息放在頁面的左上角或頁面頂部，如公司的標志、最新的左上角或頁面頂部，如公司的標志、最新消息等，然后按重要性依次放置其他內(nèi)容。消息等，然后按重要性依次放置其他內(nèi)容。 重要的信息應(yīng)該讓瀏覽者最容易發(fā)現(xiàn)，而不是深藏在多層鏈接之后。瀏覽者的眼睛首先看到的是頁面的左上角瀏覽者的眼睛首先看到的是頁面的左上角三、視覺流程運動中應(yīng)注意的事項 1 1、視覺流程的邏輯性、視覺流程的邏輯性 首先要符合人們認識的心理順序和思維活動的首先要符合人們認識的心理順序和思維活動的邏輯順序，故

16、而，廣告構(gòu)成要素的主次順序應(yīng)邏輯順序，故而，廣告構(gòu)成要素的主次順序應(yīng)該與其吻合一致。該與其吻合一致。 例如圖片所提供的可視性比文字更具直觀性，例如圖片所提供的可視性比文字更具直觀性，把它作為廣告版面的視覺中心，比較符合人們把它作為廣告版面的視覺中心，比較符合人們在認識過程中先感性后理性的順序。在認識過程中先感性后理性的順序。 2 2、視覺流程的節(jié)奏性、視覺流程的節(jié)奏性 節(jié)奏作為一種形式的審美要素，不僅能提節(jié)奏作為一種形式的審美要素，不僅能提高人們的視覺興趣，而且在形式結(jié)構(gòu)上也高人們的視覺興趣，而且在形式結(jié)構(gòu)上也利于視線的運動。利于視線的運動。 它在構(gòu)成要素之間位置上要造成一定的節(jié)它在構(gòu)成要素之

17、間位置上要造成一定的節(jié)奏關(guān)系，使其有長有短，有急有緩，有疏奏關(guān)系，使其有長有短，有急有緩，有疏有密，有曲有直形成心理的節(jié)奏，以提高有密，有曲有直形成心理的節(jié)奏，以提高觀眾的閱讀興趣。觀眾的閱讀興趣。 3、視覺流程的誘導(dǎo)性視覺流程的誘導(dǎo)性 現(xiàn)代廣告的編排設(shè)計上，十分重視如現(xiàn)代廣告的編排設(shè)計上，十分重視如何引導(dǎo)觀眾的視線流動。設(shè)計師可以何引導(dǎo)觀眾的視線流動。設(shè)計師可以通過適當?shù)木幣?，左右人們的視線，通過適當?shù)木幣?，左右人們的視線，使其按照設(shè)計意圖進行順序流動。用使其按照設(shè)計意圖進行順序流動。用什么要素捕捉觀眾的視覺注意力呢什么要素捕捉觀眾的視覺注意力呢?1 1、當某一視覺信息具有較強的刺激度時，就

18、容易為視覺所感知，人的視線就會移動到這里，成為有意識注意，這是視覺流程的第一階段。2、當人們的視覺對信息產(chǎn)生注意后，視覺信息在形態(tài)和構(gòu)成上具有強烈的個性，形成周圍環(huán)境的相異性，因而能進一步引起人們的視覺興趣，在物象內(nèi)按一定順序進行流動，并接受其信息。3、人們的視線總是最先對準刺激力強度最大之處，然后按照視覺物象各構(gòu)成要素刺激度由強到弱的流動，形成一定的順序。4、視線流動的順序，還要受到人的生理及心理的影響。由于眼睛的水平運動比垂直運動快，因而在視察視覺物象時，容易先注意水平方向的物象，然后才注意垂直 方向的物象。四 .視線流動規(guī)律 報紙廣告是大家非常熟悉的廣告形式。它種類繁雜、發(fā)行面廣、時效性

19、強、傳播力高、閱讀者眾。尤其是報紙的連續(xù)性，更能吸引讀者逐步加深印象。所以說，報紙是“解釋力最強”的廣告媒體。報紙廣告的版面大體分為雙頁跨版、雙半頁跨版、整版、半版、四分之一版、三分之一版和其它不同尺寸的廣告版面。 這要根據(jù)客戶要求的具體內(nèi)容進行適當?shù)倪x擇。一幅報紙廣告主要由商標、品名、標題、廣告語、文案、廠名、圖片和圖形等要素構(gòu)成，設(shè)計師的任務(wù)就是發(fā)揮上述各種要素的機能，抓住讀者的視線，創(chuàng)造出富于個性的版面形式，達到銷售商品和建立品牌形象的目的。 1 .1 .報紙廣告的版式視覺流程報紙廣告的版式視覺流程理解和運用版式設(shè)計的視覺流程 在視覺心理學(xué)家的研究中，視覺運動規(guī)律是其成果之一。一條垂直線

20、在頁面上，會引導(dǎo)視線作上下的視覺流動；水平線會引導(dǎo)視線向左右的視覺流動；斜線比垂直線、水平線有更強的視覺訴求力；矩形的視線流動是向四方發(fā)射的；圓形的視線流動是輻射狀的；三角形則隨著頂角之方向使視線產(chǎn)生流動；各種圖形從大到小漸層排列時，視線會強烈地按照排列方向流動。 視覺流程，是視線在觀賞物上的移動過程，是二維或三維空間中的運動。這種視覺的流動線極為重要，同時又是很容易被網(wǎng)頁設(shè)計者忽視的因素。經(jīng)驗豐富的設(shè)計者都對此非常重視，他們善于運用這條貫穿頁面的主線，設(shè)計易于瀏覽的頁面。從某個角度講，視覺流程的設(shè)計結(jié)果就是版式。2 .網(wǎng)頁版式設(shè)計與視覺流程廣告設(shè)計與視覺流程 如為了使廣告產(chǎn)生良好的視覺誘導(dǎo)效

21、果，也為了烘托廣告主題和增加畫面興趣，現(xiàn)代廣告常用俊男美女作版面的廣告人物形象，采用美妙的動與靜的姿態(tài)吸引人們的視線。當人們的視線接觸到直立的人物形象時，就會從人的臉部開始，到胸、腰、腹到腳，作從上而下的視線流動，最后引導(dǎo)到產(chǎn)品上或商標上。如果人們的視線接觸的是橫臥的橫長形的人物形象時，就會從左到右(或從右到左)進行視線流動，最后到達廣告訴求重心。 安排廣告人物形象的動勢時，一般均讓人物形象的視線朝向于版面之內(nèi)部，其他手、腳的動態(tài)設(shè)計，也要配合視線的方向，做出有運動感的姿勢，以強調(diào)視線的方向，引導(dǎo)觀眾的視線從人物形象的臉部開始，順著手、身的動勢一步一步地引導(dǎo)至廣告的訴求重心。如果廣告人物形象之視線朝向于廣告版面之外部，則觀眾的視線流動就會中斷，視覺流程的設(shè)計就不能發(fā)揮它預(yù)期的功能。 習(xí)題：2、視覺流程有哪些流程形式？