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

平面廣告的視覺設(shè)計流程及方法平面廣告的視覺設(shè)計流程及方法1視覺流程，是視線在觀賞物上的移動過程，是二維或三維空間中的運動。這種視覺的流動線極為重要，同時又是很容易被設(shè)計者忽視的因素。版面設(shè)計的視覺流程是一種“空間的運動”，是視線隨各元素在空間沿一定軌跡運動的過程。

這種視覺在空間的流動線為“虛線”，正因為它虛，所以設(shè)計時容易被忽略。從某個角度講，視覺流程的設(shè)計結(jié)果就是版式。經(jīng)驗豐富的設(shè)計者對此非常重視，善于運用這條貫穿頁面的主線，設(shè)計易于瀏覽的頁面。視覺流程，是視線在觀賞物上的移動過程，是二維或三維空間中的運2人們是怎樣看圖片的？研究者們發(fā)現(xiàn)，我們眼睛瀏覽圖片時不是處在一種連續(xù)不斷的掃視之中，而是有一系列短暫的停頓和跳躍。這種間斷不完全是任意的。觀看這張圖的時候，你先看到了什么，后看到了什么觀看這張圖的時候，你先看到了什么，后看到了什么3A、眼睛有一種停留在一幅畫面左上角的傾向。B、眼睛總是順時針看一張圖片。

C、眼睛總是首先看圖片上的人，然后是注意諸如云彩、汽車等移動的物體，最后才注意到固定的物體。

既然我們都有一種從左到右、從上到下觀察物體的習(xí)慣，毫無疑問，追尋這些視覺規(guī)律構(gòu)建你的畫面是最好的方式。A、眼睛有一種停留在一幅畫面左上角的傾向。4平面廣告的視覺流程視覺流程是指人們的視知覺在接受外界信息時感知和傳達的過程。一般情況下，包括三個連續(xù)階段：第一階段為視覺第一印象；第二階段為對視覺信息的全面理解和接受；最后階段為留下印象與記憶。如果平面廣告版面的要素與構(gòu)圖具有吸引視線的沖擊力，就是平面廣告設(shè)計取得成功的第一步。第二階段視覺的適應(yīng)與理解，是引導(dǎo)視覺進一步觀察的核心階段。只有廣告的形態(tài)適應(yīng)生理要求，才會使觀者的視覺樂于接受，并保持較長時間的注視；視覺流程有條理、編排有節(jié)奏，這對廣告視覺信息的閱讀和傳遞是十分重要的。平面廣告的視覺流程5視覺流程設(shè)計原則1．視覺元素的可視性。當(dāng)某一視覺信息具有較強的刺激度時，就容易為視覺所感知，人的視線就會移動到這里，成為有意識注意，這是視覺流程的第一階段。

人們的視線總是最先對準(zhǔn)刺激力強度最大之處，然后按照視覺物象各構(gòu)成要素刺激度由強到弱的流動，形成一定的順序。視覺元素的可視性示例視覺流程設(shè)計原則視覺元素的可視性示例62．視覺流程設(shè)計的邏輯性。

視覺流程順序會受到人的生理和心理因素的影響，人的眼睛在觀看事物時是隨意的，又是積極主動地，是按照自身感興趣去觀看事物的。從生理角度講，由于人的眼睛是水平橢圓，水平方向的閱讀比垂直方向上的閱讀方便快速，人們在觀察物象時，容易先注意水平方向上的物象，然后才注意垂直方向上的物象。人的眼睛對于左上方物象的觀察力優(yōu)于右上方，對于右下方的觀察力又優(yōu)于左下方。因此，一般廣告設(shè)計均把重要的構(gòu)成要素安排在左上方和右下方。視覺流程設(shè)計的邏輯性示例2．視覺流程設(shè)計的邏輯性。視覺流程設(shè)計的邏輯性示例73．視覺流程的誘導(dǎo)性。

當(dāng)人的視覺的信息產(chǎn)生注意后，廣告要素和構(gòu)圖如具有強烈的沖擊力，形成和周圍環(huán)境的差異性，就能進一步引起人們的視覺興趣，進行有序移動并接受其信息。

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

線型視覺流程曲線視覺流程焦點視覺流程反復(fù)視覺流程導(dǎo)向視覺流程散點視覺流程視覺流程可以從理性與感性，方向關(guān)系的流程與散構(gòu)關(guān)系的流程來分9一、單向視覺流程三種方向豎向——堅定、直觀橫向——給人穩(wěn)定、安靜之感斜向——以不穩(wěn)定的動態(tài)引起注意一、單向視覺流程10視覺流程設(shè)計方法1．直立法：從畫面中心自上到下的視線流動。視覺流程設(shè)計直立法示例

—SpringValley斯普林瓦利果汁飲料的宣傳海報視覺流程設(shè)計方法視覺流程設(shè)計直立法示例—SpringV11平面廣告設(shè)計視覺設(shè)計流程及方法課件12平面廣告設(shè)計視覺設(shè)計流程及方法課件13平面廣告設(shè)計視覺設(shè)計流程及方法課件14平面廣告設(shè)計視覺設(shè)計流程及方法課件15平面廣告設(shè)計視覺設(shè)計流程及方法課件16平面廣告設(shè)計視覺設(shè)計流程及方法課件172．水平法：從水平方向自左向右的視線流動。視覺流程設(shè)計水平法示例——Covergirl超濃密狼牙棒睫毛膏廣告2．水平法：從水平方向自左向右的視線流動。視覺流程設(shè)計水平法18平面廣告設(shè)計視覺設(shè)計流程及方法課件19平面廣告設(shè)計視覺設(shè)計流程及方法課件20平面廣告設(shè)計視覺設(shè)計流程及方法課件21平面廣告設(shè)計視覺設(shè)計流程及方法課件22平面廣告設(shè)計視覺設(shè)計流程及方法課件23平面廣告設(shè)計視覺設(shè)計流程及方法課件24平面廣告設(shè)計視覺設(shè)計流程及方法課件25平面廣告設(shè)計視覺設(shè)計流程及方法課件26平面廣告設(shè)計視覺設(shè)計流程及方法課件27平面廣告設(shè)計視覺設(shè)計流程及方法課件28平面廣告設(shè)計視覺設(shè)計流程及方法課件29二、曲線視覺流程各視覺要素按弧線回旋線運動變化為曲線視覺流程，不如直線簡潔明了，但更有韻味、節(jié)奏和曲線美，可概括為弧線“C”和“S”。二、曲線視覺流程30平面廣告設(shè)計視覺設(shè)計流程及方法課件31平面廣告設(shè)計視覺設(shè)計流程及方法課件32平面廣告設(shè)計視覺設(shè)計流程及方法課件33平面廣告設(shè)計視覺設(shè)計流程及方法課件34平面廣告設(shè)計視覺設(shè)計流程及方法課件35平面廣告設(shè)計視覺設(shè)計流程及方法課件36三、重心視覺流程重心是視覺心理的重心，可理解為一、以強烈的形象或文字獨據(jù)版面某個部分或完全充斥整版二、向心、離心正圓以外的任何形態(tài)都有備傾向性動勢三、重心視覺流程正圓以外的任何形態(tài)都有備傾向性動勢37平面廣告設(shè)計視覺設(shè)計流程及方法課件38平面廣告設(shè)計視覺設(shè)計流程及方法課件39平面廣告設(shè)計視覺設(shè)計流程及方法課件40求心法：從畫面四周引導(dǎo)視線向中心移動。在中心產(chǎn)生注目點，視覺中心是安排主要信息的關(guān)鍵部位。視覺流程設(shè)計求心法示例——品客薯片（辣味）廣告求心法：從畫面四周引導(dǎo)視線向中心移動。在中心產(chǎn)生注目點，視覺41平面廣告設(shè)計視覺設(shè)計流程及方法課件42平面廣告設(shè)計視覺設(shè)計流程及方法課件43平面廣告設(shè)計視覺設(shè)計流程及方法課件445.重心／滿版以圖像訴求為主，將圖像充滿整版，視覺效果強烈、直接。文字配置可根據(jù)需要或壓于四周或沿圖像的動態(tài)、眼神、走勢、重點部位放置。重心的位置因其具體畫面而定。在視覺流程上，首先是從版面重心開始，然后順沿形象的方向與力度的傾向來發(fā)展視線的進程。5.重心／滿版45平面廣告設(shè)計視覺設(shè)計流程及方法課件46平面廣告設(shè)計視覺設(shè)計流程及方法課件47平面廣告設(shè)計視覺設(shè)計流程及方法課件48兩大排白色文字很容易就吸引你的目光，因為作者充分利用了圖中人物的姿態(tài)，好象一手托著字而另一只手往下按著字，自然而然地吸引你的視線，達成設(shè)計目的。兩大排白色文字很容易就吸引你的目光，因為作者充分利用了圖中人49雖然圖片上的字很多，卻還是給人一種很清爽的感覺，設(shè)計者利用衣服的色彩以及走勢打入文字來吸引目光，不失為聰明之舉。雖然圖片上的字很多，卻還是給人一種很清爽的感覺，設(shè)計者利用衣50戲劇性，作者利用了被攝者拉購物車的這一生動姿態(tài)來編排文字。

戲劇性，作者利用了被攝者拉購物車的這一生動姿態(tài)來編排文字。51平面廣告設(shè)計視覺設(shè)計流程及方法課件52平面廣告設(shè)計視覺設(shè)計流程及方法課件53平面廣告設(shè)計視覺設(shè)計流程及方法課件54平面廣告設(shè)計視覺設(shè)計流程及方法課件55平面廣告設(shè)計視覺設(shè)計流程及方法課件56平面廣告設(shè)計視覺設(shè)計流程及方法課件57平面廣告設(shè)計視覺設(shè)計流程及方法課件58平面廣告設(shè)計視覺設(shè)計流程及方法課件59將引人注目的圖像或最重要的信息放置于版面的重心位置，使讀者的視線迅速被其吸引，隨后引向版面其他元素。將引人注目的圖像或最重要的信息放置于版面的重心位置，使讀者的60平面廣告設(shè)計視覺設(shè)計流程及方法課件61平面廣告設(shè)計視覺設(shè)計流程及方法課件62平面廣告設(shè)計視覺設(shè)計流程及方法課件63平面廣告設(shè)計視覺設(shè)計流程及方法課件64四、反復(fù)視覺流程四、反復(fù)視覺流程65平面廣告設(shè)計視覺設(shè)計流程及方法課件66平面廣告設(shè)計視覺設(shè)計流程及方法課件67平面廣告設(shè)計視覺設(shè)計流程及方法課件68平面廣告設(shè)計視覺設(shè)計流程及方法課件69平面廣告設(shè)計視覺設(shè)計流程及方法課件70平面廣告設(shè)計視覺設(shè)計流程及方法課件71平面廣告設(shè)計視覺設(shè)計流程及方法課件72平面廣告設(shè)計視覺設(shè)計流程及方法課件73五、導(dǎo)線視覺流程通過誘導(dǎo)元素，主動引導(dǎo)讀者視線向一定方向順序運動，由主及次，把畫面各構(gòu)成要素依序連串，形成一個整體，使重點突出，條例清晰，發(fā)揮最大的信息傳達功能。五、導(dǎo)線視覺流程74平面廣告設(shè)計視覺設(shè)計流程及方法課件75平面廣告設(shè)計視覺設(shè)計流程及方法課件76平面廣告設(shè)計視覺設(shè)計流程及方法課件77平面廣告設(shè)計視覺設(shè)計流程及方法課件78平面廣告設(shè)計視覺設(shè)計流程及方法課件79平面廣告設(shè)計視覺設(shè)計流程及方法課件804．轉(zhuǎn)移法：從畫面的某個部位，通過線作視覺導(dǎo)向，產(chǎn)生向另一方向的視覺轉(zhuǎn)移。視覺流程設(shè)計轉(zhuǎn)移法示例——SportWeek體育周刊的宣傳廣告4．轉(zhuǎn)移法：從畫面的某個部位，通過線作視覺導(dǎo)向，產(chǎn)生向另一方816．均衡法：在畫面上使用軸心線或水平線，以軸心線或水平線為中心。視覺流程設(shè)計均衡法示例——BritishAirways英國航空公司宣傳廣告6．均衡法：在畫面上使用軸心線或水平線，以軸心線或水平線為中827．連帶法：沿著圖的四周排列文字，使讀者在觀看圖形時連帶看到廣告的文案。視覺流程設(shè)計連帶法示例——PúblicoNewspaper報紙關(guān)于地球人口膨脹的宣傳海報7．連帶法：沿著圖的四周排列文字，使讀者在觀看圖形時連帶看到83平面廣告的版面編排

平面廣告的版面編排是在廣告版面空間里，按照審美的規(guī)律和視覺表達內(nèi)容的需要，將廣告版式設(shè)計要素加以組織編排、創(chuàng)意表現(xiàn)的過程。廣告版面的編排原則1．廣告畫面具有秩序美感

美的主要形式是秩序。所謂形式美，應(yīng)該是以秩序為前提而產(chǎn)生的，它由于賦予秩序而獲得創(chuàng)造；也由于置于無秩序狀態(tài)而遭破壞。因此，也可以說美就是秩序，丑就是無秩序。秩序美示例——北京2008”主題招貼設(shè)計大賽金銀獎作品平面廣告的版面編排秩序美示例842．廣告版面強化整體布局

版面編排的目的，就是要把各種設(shè)計要素組合在一個整體之中，使之在整體中發(fā)揮各自的作用。整體布局示例——OiseLanguageCoaching瓦茲語言培訓(xùn)學(xué)校的宣傳廣告3．廣告畫面的對稱與均衡

一般所講的對稱有左右對稱與輻射對稱兩種。均衡在廣告的版面上，是從視覺上對形象的輕重、大小、材質(zhì)所作的判斷，是主觀感覺上的“對等”。對稱與均衡示例——西爾康U盤的宣傳海報2．廣告版面強化整體布局整體布局示例——OiseLangu854．對比鮮明廣告中對比的目的，是為了吸引受眾的視線，引起受眾的注意。

（1）主次對比主次對比示例——歸真堂廣告（2）大小對比——Samsung光學(xué)變焦相機廣告4．對比鮮明86平面廣告設(shè)計視覺設(shè)計流程及方法課件87平面廣告設(shè)計視覺設(shè)計流程及方法課件88平面廣告設(shè)計視覺設(shè)計流程及方法課件89平面廣告設(shè)計視覺設(shè)計流程及方法課件90平面廣告設(shè)計視覺設(shè)計流程及方法課件91平面廣告設(shè)計視覺設(shè)計流程及方法課件92（3）明暗對比——energizer手電宣傳廣告（3）明暗對比93平面廣告設(shè)計視覺設(shè)計流程及方法課件94平面廣告設(shè)計視覺設(shè)計流程及方法課件95平面廣告設(shè)計視覺設(shè)計流程及方法課件96平面廣告設(shè)計視覺設(shè)計流程及方法課件97平面廣告設(shè)計視覺設(shè)計流程及方法課件98平面廣告設(shè)計視覺設(shè)計流程及方法課件99平面廣告設(shè)計視覺設(shè)計流程及方法課件100平面廣告設(shè)計視覺設(shè)計流程及方法課件101（4）疏密對比——俄羅斯WWF世界自然基金會的環(huán)保公益廣告（4）疏密對比102平面廣告設(shè)計視覺設(shè)計流程及方法課件103平面廣告設(shè)計視覺設(shè)計流程及方法課件104廣告版面的編排類型中軸型：將圖形作水平方向或垂直方向排列，文字配置在上下或左右，給人穩(wěn)定、安靜、平和與含蓄之感，是安定而平靜的編排方式?！S護你的水費節(jié)奏廣告版面的編排類型105平面廣告設(shè)計視覺設(shè)計流程及方法課件106傾斜型：版面插圖與文字呈傾斜狀態(tài)編排，造成版面強烈的動感和不穩(wěn)定因素，引人注目。是一種富于動感的編排方式。驅(qū)蚊劑廣告傾斜型：版面插圖與文字呈傾斜狀態(tài)編排，造成版面強烈的動感和不107平面廣告設(shè)計視覺設(shè)計流程及方法課件108平面廣告設(shè)計視覺設(shè)計流程及方法課件109平行型：有垂直平行、水平平行、傾斜平行三種。構(gòu)成的版面有比較、解說的意味，給予原本復(fù)雜喧鬧的版面以秩序、安靜、調(diào)和與節(jié)奏感。電影《酒業(yè)風(fēng)云》海報對角線型：可以在版面的對角線上安排廣告應(yīng)突出的重點。放射型示例——X牛仔服飾海報平行型：有垂直平行、水平平行、傾斜平行三種。構(gòu)成的版面有比較110平面廣告設(shè)計視覺設(shè)計流程及方法課件1116．放射型：利用放射線可以使受眾的視覺產(chǎn)生向心感和擴張感，使多種要素統(tǒng)一集中于一個視覺中心，具有多樣統(tǒng)一的綜合視覺效果。——Claudia雜志海報7．圓周型：以圓周占據(jù)主要版面，其它要素分布在圓周內(nèi)外。電影《別有洞天》海報6．放射型：利用放射線可以使受眾的視覺產(chǎn)生向心感和擴張感，使1128．三角型：在圖文形象中，正三角形（金字塔形）最具有安全穩(wěn)定因素；倒三角型、傾斜三角形則會相應(yīng)地產(chǎn)生活潑、多變的感覺。9．S曲線型：圖片和文字，排列成S形曲線或反S形曲線，產(chǎn)生韻律與節(jié)奏的感覺，可增加視覺上的流動感。8．三角型：在圖文形象中，正三角形（金字塔形）最具有安全穩(wěn)定11310．分散型：將各要素分散在版面各個部位，以各施所長。DeBijenkorf服飾的宣傳廣告11．空白型：圖形圖置于版面某一點，標(biāo)題、文字編排緊湊，留出大

片

空白，給人一種輕松的感覺，同時又促使注意力向主題集中。

——德國ProWildlife野生植物保護組織的公益廣告

10．分散型：將各要素分散在版面各個部位，以各施所長。D114導(dǎo)向視覺流程通過誘導(dǎo)性視覺元素，主動引導(dǎo)讀者視線向一定方向作順序運動，按照由主及次的順序，把頁面各構(gòu)成要素依次串聯(lián)起來，形成一個有機整體。導(dǎo)向視覺流程的應(yīng)用也很多見，可以使網(wǎng)頁重點突出、條理清晰，發(fā)揮最大的信息傳達功能。視覺導(dǎo)向元素有多種，有虛有實，表現(xiàn)多樣。導(dǎo)向視覺流程1151.文字導(dǎo)向“請按這里”、“點擊進入”等文字，是通過語義的表達產(chǎn)生理念上的導(dǎo)向作用。另外，也可以對文字進行圖形化處理，對瀏覽者產(chǎn)生自覺的視覺導(dǎo)向作用。1.文字導(dǎo)向1162.手勢導(dǎo)向手勢導(dǎo)向比文字導(dǎo)向更容易理解，且更具有一種親和力。2.手勢導(dǎo)向117平面廣告設(shè)計視覺設(shè)計流程及方法課件118平面廣告設(shè)計視覺設(shè)計流程及方法課件119平面廣告設(shè)計視覺設(shè)計流程及方法課件120平面廣告設(shè)計視覺設(shè)計流程及方法課件121

3.形象導(dǎo)向

同手勢導(dǎo)向一樣容易理解，較常采用的形象為箭頭。形象導(dǎo)向，簡潔明確3.形象導(dǎo)向形象導(dǎo)向，簡潔明確122平面廣告設(shè)計視覺設(shè)計流程及方法課件123平面廣告設(shè)計視覺設(shè)計流程及方法課件124平面廣告設(shè)計視覺設(shè)計流程及方法課件125平面廣告設(shè)計視覺設(shè)計流程及方法課件126

4.視線導(dǎo)向

一組人物、動物面向同一方向，會因共同的視線而一致起來。不同的物品方向一致，也可以產(chǎn)生統(tǒng)一感。如果將頁面中人物的視線對著物品，就會引導(dǎo)瀏覽者的視線集中到物品上。充分利用視線導(dǎo)向，可以使視覺元素之間的聯(lián)系加強，結(jié)構(gòu)更加緊湊。4.視線導(dǎo)向127頁面中的圖像將視線引向畫面以外頁面中的圖像將視線引向畫面以外128平面廣告設(shè)計視覺設(shè)計流程及方法課件129平面廣告設(shè)計視覺設(shè)計流程及方法課件130平面廣告設(shè)計視覺設(shè)計流程及方法課件131平面廣告設(shè)計視覺設(shè)計流程及方法課件1322.6散點視覺流程

散點視覺流程，是指在分散處理視覺元素的編排方式。它強調(diào)感性、自由性、隨機性、偶合性。其視覺流程為：視線隨各視覺元素作或上或下、或左或右的自由移動。這種視覺流程不如其他視覺流程嚴謹、快捷、明朗，但生動有趣，給人一種輕松隨意和慢節(jié)奏的感受。

2.6散點視覺流程133運用散點和曲線所形成的柔和的視覺主題運用散點和曲線所形成的柔和的視覺主題134平面廣告設(shè)計視覺設(shè)計流程及方法課件135平面廣告設(shè)計視覺設(shè)計流程及方法課件136平面廣告設(shè)計視覺設(shè)計流程及方法課件137七、最佳視域版式設(shè)計時，設(shè)計師應(yīng)考慮到將重要信息或視覺流程的停留點安排在注目價值高的位置，這便是優(yōu)選最佳視域。在版面中，不同的視域，注目程度不同，心理上的感覺也不同。上部給人輕快、漂浮、積極高昂之感下部給人壓抑、沉重、消沉、限制、低矮和穩(wěn)定之印象；左側(cè)：感覺輕便、自由、舒展、富于活力右側(cè)：感覺局促、局限卻又莊重七、最佳視域13849％51％49％51％13944％56％44％56％140平面廣告設(shè)計視覺設(shè)計流程及方法課件141版式的視覺流程在平面空間內(nèi)，視線隨著各元素的排列位置在空間中沿一定軌跡移動的過程。這一空間運動存在于任何一幅版式設(shè)計之中。-----------視覺流程版式的視覺流程在平面空間內(nèi)，視線隨著各元素的排列位置在空間中142平面廣告設(shè)計視覺設(shè)計流程及方法課件14312456781245678144平面廣告設(shè)計視覺設(shè)計流程及方法課件145123456123456146平面廣告設(shè)計視覺設(shè)計流程及方法課件14712341234148平面廣告設(shè)計視覺設(shè)計流程及方法課件149123456123456150平面廣告設(shè)計視覺設(shè)計