平面廣告設計視覺設計流程及方法

1、 平面廣告的視覺設計平面廣告的視覺設計流程及方法流程及方法視覺流程，是視線在觀賞物上的移動過程，是二維或三維空間中的運動。這種視覺的流動線極為重要，同時又是很容易被設計者忽視的因素。版面設計的視覺流程是一種“空間的運動”，是視線隨各元素在空間沿一定軌跡運動的過程。這種視覺在空間的流動線為“虛線”，正因為它虛，所以設計時容易被忽略。從某個角度講，視覺流程的設計結果就是版式。經驗豐富的設計者對此非常重視，善于運用這條貫穿頁面的主線，設計易于瀏覽的頁面。人們是怎樣看圖片的？人們是怎樣看圖片的？研究者們發(fā)現，我們眼睛瀏覽圖片時不是處在一種連續(xù)不斷的掃視之中，而是有一系列短暫的停頓研究者們發(fā)現，我們眼睛

2、瀏覽圖片時不是處在一種連續(xù)不斷的掃視之中，而是有一系列短暫的停頓和跳躍。這種間斷不完全是任意的。和跳躍。這種間斷不完全是任意的。觀看這張圖的時候，你先看到了什么，后看到了什么 A、眼睛有一種停留在一幅畫面左上角的傾向。、眼睛有一種停留在一幅畫面左上角的傾向。B、眼睛總是順時針看一張圖片。、眼睛總是順時針看一張圖片。 C、眼睛總是首先看圖片上的人，然后是注意諸如云彩、汽車等移動的物體，最后才注意到固定的、眼睛總是首先看圖片上的人，然后是注意諸如云彩、汽車等移動的物體，最后才注意到固定的物體。物體。 既然我們都有一種從左到右、從上到下觀察物體的習慣，毫無疑問，既然我們都有一種從左到右、從上到下觀察

3、物體的習慣，毫無疑問，追尋這些視覺規(guī)律構建你的畫面是最好的方式。追尋這些視覺規(guī)律構建你的畫面是最好的方式。平面廣告的視覺流程平面廣告的視覺流程視覺流程是指人們的視知覺在接受外界信息時感知和傳達的過程。一般情況下，包括三個連續(xù)階段：第一階段為視覺第一印象；第二階段為對視覺信息的全面理解和接受；最后階段為留下印象與記憶。如果平面廣告版面的要素與構圖具有吸引視線的沖擊力，就是平面廣告設計取得成功的第一步。第二階段視覺的適應與理解，是引導視覺進一步觀察的核心階段。只有廣告的形態(tài)適應生理要求，才會使觀者的視覺樂于接受，并保持較長時間的注視；視覺流程有條理、編排有節(jié)奏，這對廣告視覺信息的閱讀和傳遞是十分重

4、要的。視覺流程設計原則視覺流程設計原則1 1視覺元素的可視性。視覺元素的可視性。當某一視覺信息具有較強的刺激度時，就容易為視覺所感知，人的視線就會移動到這里，成為當某一視覺信息具有較強的刺激度時，就容易為視覺所感知，人的視線就會移動到這里，成為有意識注意，這是視覺流程的第一階段。有意識注意，這是視覺流程的第一階段。 人們的視線總是最先對準刺激力強度最大之處，然后按照視覺物象各構成要素刺激度由強到弱的流動，形成一定的順序。視覺元素的可視性示例2 2視覺流程設計的邏輯性。視覺流程設計的邏輯性。 視覺流程順序會受到人的生理和心理因素的影響，人的眼睛在觀看事物時是隨意的，又是積極主動地，是按照自身感興

5、趣去觀看事物的。從生理角度講，由于人的眼睛是水平橢圓，水平方向的閱讀比垂直方向上的閱讀方便快速，人們在觀察物象時，容易先注意水平方向上的物象，然后才注意垂直方向上的物象。人的眼睛對于左上方物象的觀察力優(yōu)于右上方，對于右下方的觀察力又優(yōu)于左下方 。因此，一般廣告設計均把重要的構成要素安排在左上方和右下方。視覺流程設計的邏輯性示例3 3視覺流程的誘導性。視覺流程的誘導性。 當人的視覺的信息產生注意后，廣告要素和構圖如具有強烈的沖擊力，形成和周圍環(huán)境的差異性，就能進一步引起人們的視覺興趣，進行有序移動并接受其信息。 在廣告畫面中，組合在一起具有相似性的因素，具有誘導視覺流程的作用，如形狀的相似，大小

6、的相似、色彩的相似、位置的相似等。在進行視覺流程設計時，應引導觀眾的視線按照設計的意圖，以合理的順序，有效的感知方式，發(fā)揮最大的信息傳達功能。視覺流程的誘導性示例視覺流程可以從理性與感性，方向關系的流程與散構關系的流程來分析。版式設計的視覺流程是一種“空間的運動”，是視線隨各元素在空間沿一定軌跡運動的過程。這種視覺流動線為“虛線”方向關系的流程強調邏輯，注重版面清晰地脈絡，似乎有一條主線、一股氣韻貫穿版面，使整個版面的運動趨勢有“主體旋律”，細節(jié)與主體猶如樹干和樹枝一樣和諧。方向關系流程較散構關系流程更具有理性色彩。視覺流程主要包括以下幾種類型： 線型視覺流程 曲線視覺流程 焦點視覺流程 反復

7、視覺流程 導向視覺流程 散點視覺流程一、單向視覺流程三種方向豎向堅定、直觀橫向給人穩(wěn)定、安靜之感斜向以不穩(wěn)定的動態(tài)引起注意視覺流程設計方法視覺流程設計方法1 1直立法：直立法：從畫面中心自上到下的視線流動。視覺流程設計直立法示例 Spring Valley斯普林瓦利果汁飲料的宣傳海報2 2水平法：水平法：從水平方向自左向右的視線流動。視覺流程設計水平法示例 Covergirl 超濃密狼牙棒睫毛膏廣告二、曲線視覺流程各視覺要素按弧線回旋線運動變化為曲線視覺流程，不如直線簡潔明了，但更有韻味、節(jié)奏和曲線美，可概括為弧線“C”和“S”。三、重心視覺流程重心是視覺心理的重心，可理解為一、以強烈的形象或

8、文字獨據版面某個部分或完全充斥整版二、向心、離心正圓以外的任何形態(tài)都有備傾向性動勢求心法：求心法：從畫面四周引導視線向中心移動。在中心產生注目點，視覺中心是安排主要信息的關鍵部位。視覺流程設計求心法示例 品客薯片（辣味）廣告5. 5.重心滿版重心滿版以圖像訴求為主，將圖像充滿整版，視覺效果強烈、直接。文字配置可根據需要或壓于四周或沿圖像的動態(tài)、眼神、走勢、重點部位放置。重心的位置因其具體畫面而定。在視覺流程上，首先是從版面重心開始，重心的位置因其具體畫面而定。在視覺流程上，首先是從版面重心開始，然后順沿形象的方向與力度的傾向來發(fā)展視線的進程。然后順沿形象的方向與力度的傾向來發(fā)展視線的進程。兩大

9、排白色文字很容易就吸引你的目光，因為作者充分利用了圖中人物的姿態(tài)，好象一手托著字而另一只手往下按著字，自然而然地吸引你的視線，達成設計目的。雖然圖片上的字很多，卻還是給人一種很清爽的感覺，設計者利用衣服的色彩以及走勢打入文字來吸引目光，不失為聰明之舉。戲劇性，作者利用了被攝者拉購物車的這一生動姿態(tài)來編排文字。 將引人注目的圖像或最重要的信息放置于版面的重心位置，使讀者的視線迅速被其吸引，隨后引向版面其他元素。四、反復視覺流程五、導線視覺流程通過誘導元素，主動引導讀者視線向一定方向順序運動，由主及次，把畫面各構成要素依序連串，形成一個整體，使重點突出，條例清晰，發(fā)揮最大的信息傳達功能。4 4轉移

10、法：轉移法：從畫面的某個部位，通過線作視覺導向，產生向另一方向的視覺轉移。視覺流程設計轉移法示例Sport Week體育周刊的宣傳廣告6 6均衡法：均衡法：在畫面上使用軸心線或水平線，以軸心線或水平線為中心。視覺流程設計均衡法示例British Airways英國航空公司宣傳廣告7 7連帶法：連帶法：沿著圖的四周排列文字，使讀者在觀看圖形時連帶看到廣告的文案。視覺流程設計連帶法示例Pblico Newspaper報紙關于地球人口膨脹的宣傳海報平面廣告的版面編排平面廣告的版面編排 平面廣告的版面編排是在廣告版面空間里，按照審美的規(guī)律和視覺表達內容的需要，將廣告版式設計要素加以組織編排、創(chuàng)意表現的

11、過程。 廣告版面的編排原則廣告版面的編排原則1 1 廣告畫面具有秩序美感廣告畫面具有秩序美感 美的主要形式是秩序。所謂形式美，應該是以秩序為前提而產生的，它由于賦予秩序而獲得創(chuàng)造；也由于置于無秩序狀態(tài)而遭破壞。因此，也可以說美就是秩序，丑就是無秩序。秩序美示例北京2008”主題招貼設計大賽金銀獎作品2 2廣告版面強化整體布局廣告版面強化整體布局 版面編排的目的，就是要把各種設計要素組合在一個整體之中，使之在整體中發(fā)揮各自的作用。整體布局示例Oise Language Coaching瓦茲語言培訓學校的宣傳廣告3 3廣告畫面的對稱與均衡廣告畫面的對稱與均衡 一般所講的對稱有左右對稱與輻射對稱兩種

12、。均衡在廣告的版面上，是從視覺上對形象的輕重、大小、材質所作的判斷，是主觀感覺上的“對等”。對稱與均衡示例西爾康U盤的宣傳海報4 4 對比鮮明對比鮮明 廣告中對比的目的，是為了吸引受眾的視線，引起受眾的注意。 （1 1）主次對比）主次對比主次對比示例歸真堂廣告（2 2）大小對比）大小對比Samsung光學變焦相機廣告（3 3）明暗對比）明暗對比energizer手電宣傳廣告（4 4）疏密對比）疏密對比俄羅斯WWF世界自然基金會的環(huán)保公益廣告廣告版面的編排類型廣告版面的編排類型中軸型：中軸型：將圖形作水平方向或垂直方向排列，文字配置在上下或左右，給人穩(wěn)定、安靜、平和與含蓄之感，是安定而平靜的編排

13、方式。維護你的水費節(jié)奏傾斜型：傾斜型：版面插圖與文字呈傾斜狀態(tài)編排，造成版面強烈的動感和不穩(wěn)定因素，引人注目。是一種富于動感的編排方式。驅蚊劑廣告平行型：平行型：有垂直平行、水平平行、傾斜平行三種。構成的版面有比較、解說的意味，給予原本復雜喧鬧的版面以秩序、安靜、調和與節(jié)奏感。電影酒業(yè)風云海報對角線型：對角線型：可以在版面的對角線上安排廣告應突出的重點。放射型示例X牛仔服飾海報6 6放射型：放射型：利用放射線可以使受眾的視覺產生向心感和擴張感，使多種要素統(tǒng)一集中于一個視覺中心，具有多樣統(tǒng)一的綜合視覺效果。Claudia雜志海報7 7圓周型：圓周型：以圓周占據主要版面，其它要素分布在圓周內外。電

14、影別有洞天海報8 8三角型：三角型：在圖文形象中，正三角形（金字塔形）最具有安全穩(wěn)定因素；倒三角型、傾斜三角形則會相應地產生活潑、多變的感覺。9 9S S曲線型：曲線型：圖片和文字，排列成S形曲線或反S形曲線，產生韻律與節(jié)奏的感覺，可增加視覺上的流動感。1010分散型：分散型：將各要素分散在版面各個部位，以各施所長。 De Bijenkorf 服飾的宣傳廣告1111空白型：空白型：圖形圖置于版面某一點，標題、文字編排緊湊，留出大 片 空白，給人一種輕松的感覺，同時又促使注意力向主題集中。 德國Pro Wildlife野生植物保護組織的公益廣告 導向視覺流程通過誘導性視覺元素，主動引導讀者視線向

15、一定方向作順序運動，按照由主及次的順序，把頁面各構成要素依次串聯起來，形成一個有機整體。導向視覺流程的應用也很多見，可以使網頁重點突出、條理清晰，發(fā)揮最大的信息傳達功能。視覺導向元素有多種，有虛有實，表現多樣。 1. 文字導向 “請按這里”、“點擊進入”等文字，是通過語義的表達產生理念上的導向作用。另外，也可以對文字進行圖形化處理，對瀏覽者產生自覺的視覺導向作用。2. 手勢導向手勢導向比文字導向更容易理解，且更具有一種親和力。 3. 形象導向形象導向 同手勢導向一樣容易理解，較常采用的形象為箭頭。同手勢導向一樣容易理解，較常采用的形象為箭頭。形象導向，簡潔明確形象導向，簡潔明確 4. 視線導向

16、 一組人物、動物面向同一方向，會因共同的視線而一致起來。不同的物品方向一致，也可以產生統(tǒng)一感。如果將頁面中人物的視線對著物品，就會引導瀏覽者的視線集中到物品上。充分利用視線導向，可以使視覺元素之間的聯系加強，結構更加緊湊。頁面中的圖像將視線引向畫面以外2.6 散點視覺流程 散點視覺流程，是指在分散處理視覺元素的編排方式。它強調感性、自由性、隨機性、偶合性。其視覺流程為：視線隨各視覺元素作或上或下、或左或右的自由移動。這種視覺流程不如其他視覺流程嚴謹、快捷、明朗，但生動有趣，給人一種輕松隨意和慢節(jié)奏的感受。 運用散點和曲線所形成的柔和的視覺主題七、最佳視域版式設計時，設計師應考慮到將重要信息或視覺流程的停留點安排在注目價值高的位置，這便是優(yōu)選最佳視域。在版面中，不同的視域，注目程度不同，心理上的感覺也不同。上部給人輕快、漂浮、積極高昂之感下部給人壓抑、沉重、消沉、限制、低矮和穩(wěn)定之印象；左側：感覺輕便、自由、舒展、富于活力右側：感覺局促、局限卻又莊重