精選海報(bào)式設(shè)計(jì)技巧講義

（優(yōu)選）海報(bào)版式設(shè)計(jì)技巧課件當(dāng)前第1頁\共有93頁\編于星期一\11點(diǎn)當(dāng)前第2頁\共有93頁\編于星期一\11點(diǎn)海報(bào)：文字、圖形圖像、色彩通過版設(shè)設(shè)計(jì)，對這三方面的要素進(jìn)行創(chuàng)造性的組織安排具有獨(dú)立的創(chuàng)意和審美價(jià)值當(dāng)前第3頁\共有93頁\編于星期一\11點(diǎn)培訓(xùn)內(nèi)容：中文文字排版版面視覺中心和視覺流程網(wǎng)格系統(tǒng)當(dāng)前第4頁\共有93頁\編于星期一\11點(diǎn)文字：一個(gè)字→點(diǎn)一行字→線

間距比較大→虛線

間距比較小→實(shí)線一段字→面點(diǎn)線面相互轉(zhuǎn)換當(dāng)前第5頁\共有93頁\編于星期一\11點(diǎn)→當(dāng)前第6頁\共有93頁\編于星期一\11點(diǎn)當(dāng)前第7頁\共有93頁\編于星期一\11點(diǎn)當(dāng)前第8頁\共有93頁\編于星期一\11點(diǎn)文字：左對齊：適宜閱讀，整齊劃一，清晰有序右對齊：每行的起始部分不規(guī)則，適合少量文字，產(chǎn)生特定的視覺效果。中心對齊：莊嚴(yán)、傳統(tǒng)、肅穆、經(jīng)典。自由排版：感性自由、輕松活潑、合適少量文字或標(biāo)題。文字繞圖當(dāng)前第9頁\共有93頁\編于星期一\11點(diǎn)當(dāng)前第10頁\共有93頁\編于星期一\11點(diǎn)視覺中心：版面的視覺中心是指受眾注意的焦點(diǎn)。合理利用人眼視覺重點(diǎn)及順序進(jìn)行整體排版。當(dāng)前第11頁\共有93頁\編于星期一\11點(diǎn)Discovery健康頻道的頁面，主要線條在九宮格內(nèi)。當(dāng)前第12頁\共有93頁\編于星期一\11點(diǎn)MSOfficeXP宣傳片頭一，強(qiáng)調(diào)XP(經(jīng)驗(yàn))，所以用了個(gè)滄桑的底圖。布局很規(guī)矩當(dāng)前第13頁\共有93頁\編于星期一\11點(diǎn)一個(gè)MTV的畫面，分割很精確哦！視覺中心在九宮格左上點(diǎn)。柱子將畫面1/2分當(dāng)前第14頁\共有93頁\編于星期一\11點(diǎn)一個(gè)牛奶廣告，講給人帶來的營養(yǎng)等，注意眼鏡的位置當(dāng)前第15頁\共有93頁\編于星期一\11點(diǎn)化妝品廣告，干凈穩(wěn)重，字的位置請注意。當(dāng)前第16頁\共有93頁\編于星期一\11點(diǎn)還是windowsXP宣傳片頭，另一個(gè)風(fēng)格，比較爽快，同樣嚴(yán)謹(jǐn)當(dāng)前第17頁\共有93頁\編于星期一\11點(diǎn)mazida車的節(jié)目演示板，看看各元素的關(guān)系當(dāng)前第18頁\共有93頁\編于星期一\11點(diǎn)這個(gè)圖的結(jié)構(gòu)比較隱蔽，但也很規(guī)矩當(dāng)前第19頁\共有93頁\編于星期一\11點(diǎn)這個(gè)廣告說的是一個(gè)瓢蟲爬上去吹蠟燭……真還吹熄了！蠟燭側(cè)線吻合當(dāng)前第20頁\共有93頁\編于星期一\11點(diǎn)美寶蓮的廣告，分割精確得沒話說，呵呵“美，來自美寶蓮”嘛！當(dāng)前第21頁\共有93頁\編于星期一\11點(diǎn)當(dāng)前第22頁\共有93頁\編于星期一\11點(diǎn)當(dāng)前第23頁\共有93頁\編于星期一\11點(diǎn)當(dāng)前第24頁\共有93頁\編于星期一\11點(diǎn)建立視覺流程：視覺習(xí)慣、視覺中心、

對比關(guān)系、呼應(yīng)關(guān)系群組關(guān)系……視覺流程種種：單向式（橫向、豎向）、縱橫結(jié)合式、斜向式、曲線式、中軸線式、指示導(dǎo)向式、散點(diǎn)式、自由導(dǎo)向式……當(dāng)前第25頁\共有93頁\編于星期一\11點(diǎn)一、單向視覺流程使頁面的流動線更為簡明，直接地訴求主題內(nèi)容，有簡潔而強(qiáng)烈的視覺效果。直線視覺流程表現(xiàn)為三種形式：豎向視覺流程：給人堅(jiān)定、直觀的感覺；橫向視覺流程：有穩(wěn)定、恬靜之感；斜向視覺流程：以不穩(wěn)定的動勢引起注意。

當(dāng)前第26頁\共有93頁\編于星期一\11點(diǎn)當(dāng)前第27頁\共有93頁\編于星期一\11點(diǎn)當(dāng)前第28頁\共有93頁\編于星期一\11點(diǎn)二、曲線視覺流程

曲線視覺流程，是由視覺要素隨弧線或回旋線運(yùn)動而形成的。它不如直線視覺流程直接簡明，但更具流暢的美感。曲線視覺流程的形式微妙而復(fù)雜，可概括為兩種形式：弧線形（C形）視覺流程和回旋形（S形）視覺流程當(dāng)前第29頁\共有93頁\編于星期一\11點(diǎn)當(dāng)前第30頁\共有93頁\編于星期一\11點(diǎn)當(dāng)前第31頁\共有93頁\編于星期一\11點(diǎn)三、重心視覺流程：以強(qiáng)烈的形象或文字獨(dú)據(jù)版面某個(gè)位置或完全充斥整版，使主題更為鮮明突出。當(dāng)前第32頁\共有93頁\編于星期一\11點(diǎn)當(dāng)前第33頁\共有93頁\編于星期一\11點(diǎn)當(dāng)前第34頁\共有93頁\編于星期一\11點(diǎn)四、反復(fù)視覺流程：指相同或相似的視覺要素作規(guī)律、秩序、節(jié)奏的編排。當(dāng)前第35頁\共有93頁\編于星期一\11點(diǎn)當(dāng)前第36頁\共有93頁\編于星期一\11點(diǎn)當(dāng)前第37頁\共有93頁\編于星期一\11點(diǎn)當(dāng)前第38頁\共有93頁\編于星期一\11點(diǎn)五、導(dǎo)向視覺流程

導(dǎo)向視覺流程，是通過誘導(dǎo)性視覺元素，主動引導(dǎo)讀者視線向一定方向作順序運(yùn)動，按照由主及次的順序，把頁面各構(gòu)成要素依次串聯(lián)起來，形成一個(gè)有機(jī)整體。導(dǎo)向視覺流程的應(yīng)用也很多見，可以使版面重點(diǎn)突出、條理清晰，發(fā)揮最大的信息傳達(dá)功能。當(dāng)前第39頁\共有93頁\編于星期一\11點(diǎn)

1.文字導(dǎo)向當(dāng)前第40頁\共有93頁\編于星期一\11點(diǎn)2.手勢導(dǎo)向當(dāng)前第41頁\共有93頁\編于星期一\11點(diǎn)4.

視線導(dǎo)向當(dāng)前第42頁\共有93頁\編于星期一\11點(diǎn)六、散點(diǎn)視覺流程

散點(diǎn)視覺流程，是指在分散處理視覺元素的編排方式。它強(qiáng)調(diào)感性、自由性、隨機(jī)性、偶合性。其視覺流程為：視線隨各視覺元素作或上或下、或左或右的自由移動。這種視覺流程不如其他視覺流程嚴(yán)謹(jǐn)、快捷、明朗，但生動有趣，給人一種輕松隨意和慢節(jié)奏的感受。當(dāng)前第43頁\共有93頁\編于星期一\11點(diǎn)當(dāng)前第44頁\共有93頁\編于星期一\11點(diǎn)當(dāng)前第45頁\共有93頁\編于星期一\11點(diǎn)當(dāng)前第46頁\共有93頁\編于星期一\11點(diǎn)此海報(bào)反映的是全球變暖效應(yīng)。畫面上一對在海邊親熱的情侶，由比基尼泳衣和短褲讓人感到這里有沙灘般的熱度。而背后的企鵝卻顯示這里是本該冰天雪地的南極。①②③構(gòu)成了三角形流程④⑤①則又構(gòu)成了一個(gè)大三角形。這張海報(bào)極端的反差夸張的表現(xiàn)了全球變暖的嚴(yán)重性，明確的傳達(dá)了主題。③③④①②③⑤當(dāng)前第47頁\共有93頁\編于星期一\11點(diǎn)這張海報(bào)上層是鐵絲網(wǎng)彎成的一眼看上去就扎人的鐵絲圈，顯得拒人于千里之外，下方映出的影子卻是中國傳統(tǒng)中代表吉祥的“如意”。①②③④構(gòu)成了三角形流程。巧妙留白的運(yùn)用，在畫面中顯得舉足輕重，有虛有實(shí)，主次分明。這種強(qiáng)烈的對比把小面積的圖形和文字成為視覺焦點(diǎn)，視覺流程流暢。于是如意不“如意”，這般形成反差的形與影凸顯了作者對理想與現(xiàn)實(shí)差別的反思，畫面簡潔明快，寓意深遠(yuǎn)。①④②③→當(dāng)前第48頁\共有93頁\編于星期一\11點(diǎn)恐怖電影宣傳海報(bào)。在怪獸的紅色眼睛中同構(gòu)出兩個(gè)男主角的臉，使海報(bào)乍一看是兇狠的眼睛，再看是兩人的容貌，又表現(xiàn)出兩人被怪獸盯在眼中的危急場景,令人心生寒意。①②③④⑤⑥構(gòu)成了回字形。致使整張海報(bào)達(dá)到了統(tǒng)一、均衡的效果從而對于恐怖電影的驚悚感傳達(dá)的很到位。④③②①⑤⑥當(dāng)前第49頁\共有93頁\編于星期一\11點(diǎn)恐怖電影宣傳海報(bào)。從構(gòu)圖上有模仿《大白鯊》電影海報(bào)的痕跡，較之運(yùn)用了更強(qiáng)的光影效果凸顯出湖底鱷魚的神秘恐怖和人的危險(xiǎn)境地。①②③④形成了之字形流程。④⑤⑥①②形成了回字形。把構(gòu)成要素融為一體，加強(qiáng)畫面的統(tǒng)一感。陰暗的色調(diào)加重觀者的心理壓力，具有相對較強(qiáng)的震撼力，對電影的主題傳達(dá)的也很到位。④③②①⑥⑤當(dāng)前第50頁\共有93頁\編于星期一\11點(diǎn)恐怖電影《死神蘑菇》宣傳海報(bào)。由三個(gè)蘑菇和洞口的慘白色圓形洞口同構(gòu)成骷髏頭的形態(tài)，充滿設(shè)計(jì)感的同時(shí)也明確表達(dá)了其恐怖的特質(zhì)和主題。①②③④構(gòu)成了三角形流程。④⑤⑥則構(gòu)成了回字形流程。對主題的統(tǒng)一強(qiáng)調(diào)，從而畫面達(dá)到均衡。最后，陰森沉悶的色調(diào)更突出中央的白色骷髏，令觀者在自己的聯(lián)想中不寒而栗。⑥③②①④⑤當(dāng)前第51頁\共有93頁\編于星期一\11點(diǎn)方形字體輪廓以不改變傳統(tǒng)文字架勢①②③④直接形成了回字形。文字與圖案的混排就更能生動的傳達(dá)和表現(xiàn)出一部作品的風(fēng)格！而這張海報(bào)中，”芳香之城“四字通過藍(lán)色石頭肌理，也體現(xiàn)出魔幻的神秘感。從而也就間接地了解電影的風(fēng)格。①①①①①②③④①當(dāng)前第52頁\共有93頁\編于星期一\11點(diǎn)恐怖片《美版見鬼》。影片為我們留下的是幾個(gè)疑問和反思：對于什么才是真實(shí)的？是眼見為實(shí)嗎？那么眼睛能夠看到的東西，真的永遠(yuǎn)都不會誤導(dǎo)我們嗎？我們要如何知道看到的影像，哪一部分才是真正存在的，哪一部分又是幻覺呢？①②③④⑤①清晰的構(gòu)成了一個(gè)回字形流程。視覺感達(dá)到統(tǒng)一、均衡。運(yùn)用夸張表現(xiàn)是畫面更新穎，奇特，吸引注意力。③①⑤④②當(dāng)前第53頁\共有93頁\編于星期一\11點(diǎn)科幻電影《阿凡達(dá)》。主人公杰克·薩利，也就是后來克隆的Na‘vi。①②③④①形成了回字形流程。⑤⑥⑦⑧⑨⑤也形成了回字形流程。從整張海報(bào)中就可以看出這部電影講述的是杰克和Na‘vi族人的聯(lián)系。在人類為牟求經(jīng)濟(jì)利益，不顧原住民意愿而進(jìn)行的拆遷行動中，即少部分的人類拆遷者在深入了解原住民的文化之后產(chǎn)生了身份認(rèn)同，轉(zhuǎn)過來幫助他們對抗拆遷；而他們對拆遷者的了解也為拆遷行動帶來極大的阻力，有時(shí)會使整個(gè)拆遷行動以失敗告終。在潘多拉星球上發(fā)生的“阿凡達(dá)事件”就是一個(gè)典型的例子①④③⑤⑧⑨②⑥⑦當(dāng)前第54頁\共有93頁\編于星期一\11點(diǎn)喜劇電影《人在囧途》。這部《人在冏途》也稱之為“公路電影”。兩個(gè)“非同志”的男人，還是讓人覺得夠笑料。①②③④形成了回字形。④⑤⑥⑦⑧形成了之字形。這張海報(bào)中可以直接從他們兩個(gè)主角的臉上就可以看出這一途中究竟有多囧。⑦⑧②①③④⑥⑤當(dāng)前第55頁\共有93頁\編于星期一\11點(diǎn)戰(zhàn)爭與劇情篇電影《一九四二》。①②③④⑤形成了回字形流程。⑤⑥⑦⑧形成了之字形流程。個(gè)體感性生命生存權(quán)的尊重和悲憫，個(gè)體感性生命生存權(quán)的尊重和悲憫，是簡單的戰(zhàn)爭片，抗日題材等能概括的，格局更加宏大。整張《一九四二》海報(bào)沒有悲觀，而是相信人性的溫暖，給人往前行進(jìn)的力量，哀而不傷。

⑥⑧⑦⑨①②⑤④③當(dāng)前第56頁\共有93頁\編于星期一\11點(diǎn)當(dāng)前第57頁\共有93頁\編于星期一\11點(diǎn)當(dāng)前第58頁\共有93頁\編于星期一\11點(diǎn)當(dāng)前第59頁\共有93頁\編于星期一\11點(diǎn)當(dāng)前第60頁\共有93頁\編于星期一\11點(diǎn)當(dāng)前第61頁\共有93頁\編于星期一\11點(diǎn)當(dāng)前第62頁\共有93頁\編于星期一\11點(diǎn)當(dāng)前第63頁\共有93頁\編于星期一\11點(diǎn)網(wǎng)格系統(tǒng)：將版面所涉及的一切視覺元素，如正文的布置、插圖的位置、標(biāo)題效果、頁碼和邊注等按照一定的版面分隔風(fēng)格進(jìn)行布局，并將這一格式重讀應(yīng)用的系列設(shè)計(jì)或多頁排版中去，這一同意的版面分割格式稱為網(wǎng)格系統(tǒng)。理性、規(guī)范性、便于形統(tǒng)一的視覺形象。當(dāng)前第64頁\共有93頁\編于星期一\11點(diǎn)當(dāng)前第65頁\共有93頁\編于星期一\11點(diǎn)當(dāng)前第66頁\共有93頁\編于星期一\11點(diǎn)當(dāng)前第67頁\共有93頁\編于星期一\11點(diǎn)當(dāng)前第68頁\共有93頁\編于星期一\11點(diǎn)當(dāng)前第69頁\共有93頁\編于星期一\11點(diǎn)當(dāng)前第70頁\共有93頁\編于星期一\11點(diǎn)當(dāng)前第71頁\共有93頁\編于星期一\11點(diǎn)當(dāng)前第72頁\共有93頁\編于星期一\11點(diǎn)版式網(wǎng)格設(shè)計(jì)網(wǎng)格是版面設(shè)計(jì)中的骨架，是設(shè)計(jì)的輔助工具。網(wǎng)格線在版式中是隱藏的參考線，并非實(shí)體元素。1、軸線是圍繞線進(jìn)行的排版，用線對版面進(jìn)行骨架的設(shè)置是最簡單的一種網(wǎng)格設(shè)計(jì)形式。軸線網(wǎng)格設(shè)計(jì)可分為：垂直軸線、傾斜軸線、折線、弧線軸線等當(dāng)前第73頁\共有93頁\編于星期一\11點(diǎn)當(dāng)前第74頁\共有93頁\編于星期一\11點(diǎn)2.放射線由一個(gè)焦點(diǎn)中心擴(kuò)展、延伸的線的結(jié)構(gòu)我們理解成放射線網(wǎng)格。要將重要的信息內(nèi)容盡量排在易讀的位置放射線網(wǎng)格設(shè)計(jì)可以分為：直線放射、弧線放射、角度放射等當(dāng)前第75頁\共有93頁\編于星期一\11點(diǎn)當(dāng)前第76頁\共有93頁\編于星期一\11點(diǎn)3.膨脹

由一組同心圓的部分弧構(gòu)成的結(jié)構(gòu)線是膨脹網(wǎng)格的特點(diǎn)。在這樣的弧線上安排文字或圖形，視覺上有膨脹氣球的感覺當(dāng)前第77頁\共有93頁\編于星期一\11點(diǎn)當(dāng)前第78頁\共有93頁\編于星期一\11點(diǎn)4.矩形分割矩形分割是最經(jīng)典的網(wǎng)格設(shè)計(jì)。在版面中，設(shè)計(jì)水平線和垂直線使他們交織形成分割，以此來組織、約束文字、圖形、形成恰當(dāng)比例的空白，使頁面主次分明、經(jīng)緯清晰、層次多樣。當(dāng)前第79頁\共有93頁\編于星期一\11點(diǎn)海報(bào)欣賞當(dāng)前第80頁\共有93頁\編于星期一\11點(diǎn)當(dāng)前第81頁\共有93頁\編