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

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

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

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

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

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

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

8、的視覺語言 斜向視覺流程：以不穩定的動勢引起注意。斜向視覺流程，使頁面產生動感斜向視覺流程，使頁面產生動感 2.2 曲線視覺流程 曲線視覺流程，是由視覺要素隨弧線或回旋線運動而形成的。它不如直線視覺流程直接簡明，但更具流暢的美感。曲線視覺流程的形式微妙而復雜，可概括為兩種形式： 弧線形（C形）視覺流程：有擴張感和方向感。 弧線形視覺流程，使頁面具有很強的擴張性 回旋形（S形）視覺流程：兩個相反的弧線則產生矛盾回旋，在平面中增加深度和動感。 2.3 重心的視覺流程其重心的位置因其具體畫面而定。在視覺流程上，首先是其重心的位置因其具體畫面而定。在視覺流程上，首先是從版面重心開始，然后順沿形象的方向

9、與力度的傾向來發從版面重心開始，然后順沿形象的方向與力度的傾向來發展視線的進程。展視線的進程。 2.4 反復視覺流程 反復視覺流程是指網頁中相同或相似的視覺要素，作規律、秩序、節奏的逐次運動。其產生的視覺效果更富于韻律美和秩序美。 規則排列的小圖片具有秩序美 書本圖 12、13、14 2.5 導向視覺流程 導向視覺流程，是通過誘導性視覺元素，主動引導讀者視線向一定方向作順序運動，按照由主及次的順序，把頁面各構成要素依次串聯起來，形成一個有機整體。導向視覺流程的應用也很多見，可以使網頁重點突出、條理清晰，發揮最大的信息傳達功能。視覺導向元素有多種，有虛有實，表現多樣。 1. 文字導向 “請按這里

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

11、間的聯系加強，結構更加緊湊。 頁面中的圖像將視線引向畫面以外 2.6 散點視覺流程 散點視覺流程，是指在分散處理視覺元素的編排方式。它強調感性、自由性、隨機性、偶合性。 其視覺流程為：視線隨各視覺元素作或上或下、或左或右的自由移動。這種視覺流程不如其他視覺流程 嚴謹、快捷、明朗，但生動有趣，給人一種輕松隨意和慢節奏的感受。 自由的視覺元素組合成明確的主題 運用散點和曲線所形成的柔和的視覺主題作為個性化的視覺元素，拼貼剪紙式的文字分別占作為個性化的視覺元素，拼貼剪紙式的文字分別占據了三個點，吸引視線在它們之間流動據了三個點，吸引視線在它們之間流動 人們閱讀材料時習慣按照從左到右，從上到下的順序進

12、人們閱讀材料時習慣按照從左到右，從上到下的順序進行。瀏覽者的眼睛首先看到的是頁面的左上角，然后逐漸行。瀏覽者的眼睛首先看到的是頁面的左上角，然后逐漸往下看。根據這一習慣，設計時可以把重要信息放在頁面往下看。根據這一習慣，設計時可以把重要信息放在頁面的左上角或頁面頂部，如公司的標志、最新消息等，然后的左上角或頁面頂部，如公司的標志、最新消息等，然后按重要性依次放置其他內容。按重要性依次放置其他內容。 重要的信息應該讓瀏覽者最容易發現，而不是深藏在多層鏈接之后。瀏覽者的眼睛首先看到的是頁面的左上角瀏覽者的眼睛首先看到的是頁面的左上角 課本圖 33 版面中各區域的視覺注目度 三、視覺流程運動中應注意

13、的事項三、視覺流程運動中應注意的事項 1、視覺流程的邏輯性、視覺流程的邏輯性 首先要符合人們認識的心理順序和思維活動的邏輯順序，首先要符合人們認識的心理順序和思維活動的邏輯順序，故而，廣告構成要素的主次順序應該與其吻合一致。例如故而，廣告構成要素的主次順序應該與其吻合一致。例如圖片所提供的可視性比文字更具直觀性，把它作為廣告版圖片所提供的可視性比文字更具直觀性，把它作為廣告版面的視覺中心，比較符合人們在認識過程中先感性后理性面的視覺中心，比較符合人們在認識過程中先感性后理性的順序。的順序。 2、視覺流程的節奏性、視覺流程的節奏性 節奏作為一種形式的審美要素，不僅能提高人們的視覺興節奏作為一種形

14、式的審美要素，不僅能提高人們的視覺興趣，而且在形式結構上也利于視線的運動。它在構成要素趣，而且在形式結構上也利于視線的運動。它在構成要素之間位置上要造成一定的節奏關系，使其有長有短，有急之間位置上要造成一定的節奏關系，使其有長有短，有急有緩，有疏有密，有曲有直形成心理的節奏，以提高觀眾有緩，有疏有密，有曲有直形成心理的節奏，以提高觀眾的閱讀興趣。的閱讀興趣。 3、視覺流程的誘導性 現代廣告的編排設計上，十分重視如何引導觀眾的視線流動。設計師可以通過適當的編排，左右人們的視線，使其按照設計意圖進行順序流動。用什么要素捕捉觀眾的視覺注意力呢? 如為了使廣告產生良好的視覺誘導效果，也為了烘托廣告主題和增加畫面興趣，現代廣告常用俊男美女作版面的廣告人物形象，采用美妙的動與靜的姿態吸引人們的視線。當人們的視線接觸到直立的人物形象時，就會從人的臉部開始，到胸、腰、腹到腳，作從上而下的視線流動，最后引導到產品上或商標上