平面廣告設(shè)計視覺設(shè)計流程及方法

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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