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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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