海報版式設計技巧課件

海報版式設計技巧ppt課件海報版式設計技巧ppt課件海報：文字、圖形圖像、色彩通過版設設計，對這三方面的要素進行創(chuàng)造性的組織安排具有獨立的創(chuàng)意和審美價值海報：培訓內(nèi)容：中文文字排版版面視覺中心和視覺流程網(wǎng)格系統(tǒng)培訓內(nèi)容：文字：一個字→點一行字→線

間距比較大→虛線

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

對比關系、呼應關系群組關系……視覺流程種種：單向式（橫向、豎向）、縱橫結(jié)合式、斜向式、曲線式、中軸線式、指示導向式、散點式、自由導向式……建立視覺流程：一、單向視覺流程使頁面的流動線更為簡明，直接地訴求主題內(nèi)容，有簡潔而強烈的視覺效果。直線視覺流程表現(xiàn)為三種形式：豎向視覺流程：給人堅定、直觀的感覺；橫向視覺流程：有穩(wěn)定、恬靜之感；斜向視覺流程：以不穩(wěn)定的動勢引起注意。

一、單向視覺流程海報版式設計技巧ppt課件海報版式設計技巧ppt課件二、曲線視覺流程

曲線視覺流程，是由視覺要素隨弧線或回旋線運動而形成的。它不如直線視覺流程直接簡明，但更具流暢的美感。曲線視覺流程的形式微妙而復雜，可概括為兩種形式：弧線形（C形）視覺流程和回旋形（S形）視覺流程二、曲線視覺流程

曲線視覺流程，是由視覺要素隨海報版式設計技巧ppt課件海報版式設計技巧ppt課件三、重心視覺流程：以強烈的形象或文字獨據(jù)版面某個位置或完全充斥整版，使主題更為鮮明突出。三、重心視覺流程：海報版式設計技巧ppt課件海報版式設計技巧ppt課件四、反復視覺流程：指相同或相似的視覺要素作規(guī)律、秩序、節(jié)奏的編排。四、反復視覺流程：海報版式設計技巧ppt課件海報版式設計技巧ppt課件海報版式設計技巧ppt課件五、導向視覺流程

導向視覺流程，是通過誘導性視覺元素，主動引導讀者視線向一定方向作順序運動，按照由主及次的順序，把頁面各構(gòu)成要素依次串聯(lián)起來，形成一個有機整體。導向視覺流程的應用也很多見，可以使版面重點突出、條理清晰，發(fā)揮最大的信息傳達功能。五、導向視覺流程

導向視覺流程，是通過誘導性視

1.文字導向

1.文字導向2.手勢導向2.手勢導向4.

視線導向4.

視線導向六、散點視覺流程

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

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

⑥⑧⑦⑨①②⑤④③戰(zhàn)爭與劇情篇電影《一九四二》。⑥⑧⑦⑨①②⑤④③海報版式設計技巧ppt課件海報版式設計技巧ppt課件海報版式設計技巧ppt課件海報版式設計技巧ppt課件海報版式設計技巧ppt課件海報版式設計技巧ppt課件海報版式設計技巧ppt課件網(wǎng)格系統(tǒng)：將版面所涉及的一切視覺元素，如正文的布置、插圖的位置、標題效果、頁碼和邊注等按照一定的版面分隔風格進行布局，并將這一格式重讀應用的系列設計或多頁排版中去，這一同意的版面分割格式稱為網(wǎng)格系統(tǒng)。理性、規(guī)范性、便于形統(tǒng)一的視覺形象。網(wǎng)格系統(tǒng)：海報版式設計技巧ppt課件海報版式設計技巧ppt課件海報版式設計技巧ppt課件海報版式設計技巧ppt課件海報版式設計技巧ppt課件海報版式設計技巧ppt課件海報版式設計技巧ppt課件海報版式設計技巧ppt課件版式網(wǎng)格設計網(wǎng)格是版面設計中的骨架，是設計的輔助工具。網(wǎng)格線在版式中是隱藏的參考線，并非實體元素。1、軸線是圍繞線進行的排版，用線對版面進行骨架的設置是最簡單的一種網(wǎng)格設計形式。軸線網(wǎng)格設計可分為：垂直軸線、傾斜軸線、折線、弧線軸線等版式網(wǎng)格設計1、軸線海報版式設計技巧ppt課件2.放射線由一個焦點中心擴展、延伸的線的結(jié)構(gòu)我們理解成放射線網(wǎng)格。要將重要的信息內(nèi)容盡量排在易讀的位置放射線網(wǎng)格設計可以分為：直線放射、弧線放射、角度放射等2.放射線海報版式設計技巧ppt課件3.膨脹

由一組同心圓的部分弧構(gòu)成的結(jié)構(gòu)線是膨脹網(wǎng)格的特點。在這樣的弧線上安排文字或圖形，視覺上有膨脹氣球的感覺3.膨脹海報版式設計技巧ppt課件4.矩形分割矩形分割是最經(jīng)典的網(wǎng)格設計。在版面中，設計水平線和垂直線使他們交織形成分割，以此來組織、約束文字、圖形、形成恰當比例的空白，使頁面主次分明、經(jīng)緯清晰、層次多樣。4.矩形分割海報欣賞海報欣賞海報版式設計技巧ppt課件海報