廣告版式設(shè)計(jì)要點(diǎn).ppt

1、版式設(shè)計(jì),學(xué)習(xí)版式設(shè)計(jì)之前，我們必須明確什么是版式。版式即版面樣式，版面是版式設(shè)計(jì)的載體。在信息化時(shí)代里，版面不僅僅是一張紙，它還可以是一面墻、一個(gè)瓶罐、一件T恤、顯示器的屏幕、公交車(chē)的車(chē)身是一切可以人為利用的信息承載媒介。 版式設(shè)計(jì)也稱(chēng)為編排設(shè)計(jì)，是指在有限的、特定的版面空間中，根據(jù)設(shè)計(jì)內(nèi)容、目的要求，把文字字體、圖形圖片、線(xiàn)條線(xiàn)框、顏色色塊等視覺(jué)元素按照設(shè)計(jì)創(chuàng)意要求進(jìn)行組合排列，并運(yùn)用造型要素及形式原理把創(chuàng)意構(gòu)思以視覺(jué)形式表達(dá)出來(lái)的過(guò)程，是一種具有個(gè)人風(fēng)格和藝術(shù)特色的視覺(jué)傳達(dá)方式。是現(xiàn)代設(shè)計(jì)藝術(shù)的重要組成部分，是視覺(jué)傳達(dá)的重要手段。 版式設(shè)計(jì)廣泛應(yīng)用于書(shū)籍雜志設(shè)計(jì)、報(bào)刊廣告設(shè)計(jì)、招貼廣告設(shè)

2、計(jì)、包裝裝潢、企業(yè)形象設(shè)計(jì)、產(chǎn)品樣本設(shè)計(jì)、網(wǎng)頁(yè)設(shè)計(jì)等所有平面以及影像設(shè)計(jì)制作領(lǐng)域。它的設(shè)計(jì)原理和理論貫穿于每一個(gè)視覺(jué)傳達(dá)設(shè)計(jì)的始終，是一種利用藝術(shù)手段來(lái)進(jìn)行版面信息傳播的創(chuàng)造性活動(dòng)。它不僅是一種技能，更是技術(shù)與藝術(shù)的高度統(tǒng)一。版式設(shè)計(jì)是現(xiàn)代設(shè)計(jì)師必須具備的藝術(shù)修養(yǎng)與技術(shù)知識(shí)，是視覺(jué)傳達(dá)設(shè)計(jì)重要的專(zhuān)業(yè)基礎(chǔ)課程。,版式設(shè)計(jì)的概念,11 圖11 百事可樂(lè)易拉罐設(shè)計(jì) Kaczmarek 白色的罐身，青色的花紋，靈動(dòng)的線(xiàn)條，就像青花瓷一樣寧?kù)o、唯美。少了些商業(yè)氣息，多了幾分藝術(shù)的美，令人愛(ài)不釋手,12 圖12 健體公司召集手冊(cè) 版面中不論是文字還是插圖或圖框，都采用頗為笨拙有趣的形式，色彩艷麗醒目，猶如

3、小朋友的日記，俏皮、生動(dòng)又時(shí)尚,13 圖13 赤彤丹朱封面設(shè)計(jì) 呂敬人 用老宋體書(shū)名文字上下左右圍繞成窗形，字體的空當(dāng)處用銀灰色襯出一輪紅日，成為版面上的視覺(jué)焦點(diǎn),14 圖14 T恤衫圖案設(shè)計(jì) 在T恤衫的正面有彩虹、太陽(yáng)、大象的圖案，這些圖案與英文字體看似簡(jiǎn)單，飽滿(mǎn)的編排卻體現(xiàn)出一種輕松、歡快、活潑的性格。在T恤衫的背面，隨意編排的太陽(yáng)與云朵進(jìn)一步體現(xiàn)出著裝者的個(gè)性,15 圖15 73dpi網(wǎng)站界面 版面中的文字、圖形、色塊等造型元素經(jīng)過(guò)精心的編排，在視覺(jué)上形成了從左下向右上升騰的趨勢(shì)，既簡(jiǎn)約又動(dòng)感十足,版式設(shè)計(jì)的終極目的是：將版面上的信息更有效地傳播給讀者。要做到“更有效”就必須具備兩個(gè)條件

4、： 一是版面上的信息編排要合理，主題明確，一目了然； 二是版面的設(shè)計(jì)要新穎，藝術(shù)感染力強(qiáng)，符合主題內(nèi)容的特點(diǎn)需要，讓讀者印象深刻并樂(lè)于接受。 這也就要求設(shè)計(jì)師在設(shè)計(jì)前必須對(duì)版面上所要傳播的信息內(nèi)容進(jìn)行深入細(xì)致的了解，把握住信息的類(lèi)別特點(diǎn)，同時(shí)也要對(duì)目標(biāo)讀者進(jìn)行分類(lèi)，研究其閱讀習(xí)慣，然后進(jìn)行創(chuàng)意構(gòu)思，制定版面的構(gòu)圖布局。此時(shí)，設(shè)計(jì)師的人生閱歷、設(shè)計(jì)經(jīng)驗(yàn)、藝術(shù)修養(yǎng)和對(duì)設(shè)計(jì)任務(wù)的理解程度都對(duì)版式設(shè)計(jì)的質(zhì)量有著重要的影響。,版式設(shè)計(jì)的目的,16 圖16 2004韓國(guó)書(shū)展海報(bào) BAE Sung-lk 殘破效果的文字與由書(shū)籍構(gòu)成的茶杯充滿(mǎn)了整個(gè)版面，表現(xiàn)了厚重有力、古樸深遠(yuǎn)的意境,17 圖17 香檳小鎮(zhèn)房

5、地產(chǎn)廣告 由7張 各有含義的照片組合成一個(gè)大“7”字， 十分醒目，也點(diǎn)明了版面信息的主題,18,圖18 萬(wàn)年歷封面 從版面上的文字字體、色彩、 圖形圖像等各要素的選擇以及規(guī)規(guī)矩矩的編排形式， 可強(qiáng)烈地感受到中華傳統(tǒng)文化的神秘魅力,19 圖19 Solvita Marriott包裝設(shè)計(jì)作品 傾斜排列的文 字和圖形使得包裝的版面充滿(mǎn)了輕松、幽默的氣氛， 使其在同類(lèi)商品的包裝設(shè)計(jì)中顯得格外突出,110 圖110 Tarek Atrissi為 黎巴嫩IRAP學(xué)院設(shè)計(jì)的 海報(bào) 手勢(shì)與數(shù)字的相互 呼應(yīng)，展現(xiàn)出40周年的信 息，藍(lán)色與紅色的對(duì)比， 表達(dá)了在激情中的冷靜思考。 版面設(shè)計(jì)嚴(yán)謹(jǐn)、大氣，極具 權(quán)威感

6、,111 圖111 節(jié)約光榮公益 海報(bào) 羅博 版面中的圖形呈 傾斜狀態(tài)，將版面作對(duì)角線(xiàn) 分割，加強(qiáng)了紅絲帶圖形揮 舞的動(dòng)感,版式設(shè)計(jì)的發(fā)展趨勢(shì),過(guò)去，人們對(duì)版式設(shè)計(jì)的認(rèn)識(shí)簡(jiǎn)單地局限于書(shū)籍、報(bào)刊、雜志等紙質(zhì)出版物中，認(rèn)為版式就是一種圖文編排的格式，而不需要任何設(shè)計(jì)。隨著時(shí)代的進(jìn)步，技術(shù)手段的發(fā)展，電子影像媒體的廣泛應(yīng)用，信息交流的方式和效率有了極大的改變與提高，人們的思想觀念發(fā)生了重大的變化，版式設(shè)計(jì)的內(nèi)涵已經(jīng)擴(kuò)充為世界性的視覺(jué)傳達(dá)公共語(yǔ)言。 一、強(qiáng)調(diào)創(chuàng)意表現(xiàn) 版式設(shè)計(jì)中的創(chuàng)意有兩種，一種是針對(duì)主題思想的創(chuàng)意；另一種是版面編排設(shè)計(jì)的創(chuàng)意。要求設(shè)計(jì)師在版面編排技巧上勇于打破設(shè)計(jì)傳統(tǒng)，不拘泥于以往習(xí)

7、慣性的條條框框，在司空見(jiàn)慣的事物中找到新的表現(xiàn)形式。巧妙地運(yùn)用幽默、夸張、懸念戲劇性手法將主題思想的創(chuàng)意與編排技巧的創(chuàng)意相結(jié)合，已成為現(xiàn)代編排設(shè)計(jì)的發(fā)展趨勢(shì)之一。,112 圖112 Perrier礦泉水廣告 奧美作品 利用前后空間中圖形的巧合，創(chuàng)造一種幽默搞笑的場(chǎng)景，將人們的視線(xiàn)引到商品本身,113,圖113 國(guó)外電影主題海報(bào) 顛倒的畫(huà)面令人感到意外，大面積的黑色壓抑著觀眾的心靈，凸現(xiàn)了詭異荒涼的氣氛,圖114 SAGRES啤酒廣告 利用啤酒泡沫與海浪的相似，再利用前景與后景的巧妙重疊，造成泳裝美女從啤酒杯中走來(lái)的錯(cuò)覺(jué)，使人產(chǎn)生清涼、激情的感覺(jué),114,115,115,115,圖115 迪拜投

8、資公司廣告 在這個(gè)系列廣告的版面中，手與太陽(yáng)、瀑布、石山是前景與背景的關(guān)系，同時(shí)也是點(diǎn)、線(xiàn)、面的元素。利用版面構(gòu)圖的巧合重疊表達(dá)“看到”“接到”“掌握”這三個(gè)概念,二、追求個(gè)性品味 個(gè)性是設(shè)計(jì)師對(duì)設(shè)計(jì)樣式差異的獨(dú)到見(jiàn)解，它包括設(shè)計(jì)師本人的個(gè)性表現(xiàn)和版面內(nèi)容形式表達(dá)的個(gè)性表現(xiàn)。品味是一個(gè)人對(duì)高質(zhì)量的生活要求完美的一種表現(xiàn)，是個(gè)性化的充分發(fā)揮，品味既決定了設(shè)計(jì)作品的檔次，也決定了讀者的檔次。在版式設(shè)計(jì)中，追求新穎獨(dú)特的個(gè)性表現(xiàn)，根據(jù)信息內(nèi)容營(yíng)造某種意境品味，或者以追求幽默、風(fēng)趣的表現(xiàn)形式來(lái)吸引讀者，引起共鳴，是當(dāng)今設(shè)計(jì)界在藝術(shù)風(fēng)格上的流行趨勢(shì)。個(gè)性與品味往往是相輔相成的，有強(qiáng)烈個(gè)性的設(shè)計(jì)作品一般就

9、具有十足的品味，個(gè)性使版式能夠脫穎而出，達(dá)到迅速吸引讀者視線(xiàn)的目的，品味讓讀者回味無(wú)窮，引發(fā)審美共鳴，從而愉快地接受信息。,116,圖116 “香水之約”樓書(shū)內(nèi)頁(yè) 版面中運(yùn)用寫(xiě)意國(guó)畫(huà)和書(shū)法字體作為插圖，凸現(xiàn)出水墨情懷的韻味。文字按照傳統(tǒng)古文書(shū)籍的排版方式進(jìn)行豎排，使之與插圖的風(fēng)格一致。整個(gè)版面在古典的氣息中又蘊(yùn)涵著現(xiàn)代設(shè)計(jì)的品味,117,圖117 蒙大拿州立大學(xué)伯茲曼校區(qū)申請(qǐng)指南 將單詞的字母排列成一個(gè)人形，簡(jiǎn)練的同時(shí)又具有輕松、活潑的視覺(jué)效果,118,圖118 Solvita Marriott 平面設(shè)計(jì)作品 用極其簡(jiǎn)練的線(xiàn)條與幾何形構(gòu)成了版面上的木偶圖形，低純度的色彩配置透露出一種無(wú)奈與迷茫

10、，略帶一點(diǎn)黑色幽默的處理手法使版面具有獨(dú)特的魅力,119,圖119 隱藏藝術(shù)家的形態(tài) 旺忘望 無(wú)限循環(huán)的空間配置產(chǎn)生獨(dú)特的視覺(jué)感受，強(qiáng)烈的個(gè)人風(fēng)格令人印象深刻,120,圖120 調(diào)味品瓶貼設(shè)計(jì) Carl Gerhards把瓶貼設(shè)計(jì)成主婦下廚時(shí)所穿戴的圍裙使人倍感親切，同時(shí)也能使人輕松地辨別出產(chǎn)品的性質(zhì)。極具個(gè)性與生活氣息的版面設(shè)計(jì)能讓消費(fèi)者開(kāi)心地接受,121,圖121 ESTRELLA LEVANTE 啤酒平面廣告 活潑、 緊湊、可愛(ài)的字體與圖形將快樂(lè)的情感充分地展現(xiàn)出來(lái),122,圖122 韓國(guó)時(shí)尚請(qǐng)?zhí)?紅與藍(lán)，男和女，婚紗與禮服，述說(shuō)著愛(ài)情的浪漫與甜蜜,三、注重情感效應(yīng) “以情動(dòng)人”是藝術(shù)創(chuàng)

11、作中的重要原則。情感效應(yīng)包含了情趣與情緒，它是娛樂(lè)性與人情味在版式設(shè)計(jì)中的體現(xiàn)，能迅速吸引讀者的注意力和興趣。文字編排具有強(qiáng)烈的情感表現(xiàn)功能。通過(guò)文字的位置編排能有效地體現(xiàn)“輕快、凝重、舒緩、激昂”的感情因素。另外，在空間結(jié)構(gòu)上，水平、對(duì)稱(chēng)、并置的結(jié)構(gòu)表現(xiàn)嚴(yán)謹(jǐn)與理性；曲線(xiàn)與散點(diǎn)的結(jié)構(gòu)表現(xiàn)自由、輕快、熱情與浪漫。此外，出血版使感情舒展，框版使感情內(nèi)蘊(yùn)，留白富于抒情，黑白富于莊重、理性等等。合理運(yùn)用編排的原理來(lái)準(zhǔn)確傳達(dá)情感，或清新淡雅，或熱情奔放，或輕快活潑，或嚴(yán)謹(jǐn)凝重，這正是版式設(shè)計(jì)更高層次的藝術(shù)表現(xiàn)。,123,圖123 雷雨話(huà)劇海報(bào) 充實(shí)的版面、陰沉的色調(diào)令 人感覺(jué)壓抑郁悶，“雷”字的崩 裂預(yù)

12、示著悲劇的上演,四、巧用電腦編排 電腦作為現(xiàn)代科技的產(chǎn)物，已成為設(shè)計(jì)師進(jìn)行版式設(shè)計(jì)的重要操作工具，電腦化的作業(yè)形式給版式設(shè)計(jì)帶來(lái)了更加廣闊的創(chuàng)意空間和極高的工作效率。借助電腦設(shè)計(jì)手段進(jìn)行圖片和文字編排時(shí)，設(shè)計(jì)師可以輕松地完成多幅圖片和多種文字的疊加、透視、錯(cuò)位、漸變等豐富多彩的編排效果，形成一個(gè)多維空間的版面，具有新奇、動(dòng)感、刺激甚至矛盾的視覺(jué)特征，它的作用是普通的手工編排無(wú)法比擬的。但是，過(guò)度而無(wú)章法地使用電腦特效進(jìn)行編排很容易出現(xiàn)版式上的視覺(jué)紊亂，信息不明了，主題不清晰，形式感模糊的毛病，無(wú)法達(dá)到版式傳達(dá)信息的最終目的。如過(guò)多地使用錯(cuò)位、透疊、漸變會(huì)讓人眼花繚亂等。此外，過(guò)多的電腦特效編排也容易形成設(shè)計(jì)千篇一律的局面。如果為了賣(mài)弄特效而做特效只會(huì)使編排的效果適得其反，讓人感覺(jué)俗氣。所以，巧妙而有節(jié)制地利用電腦特效為版式設(shè)計(jì)服務(wù)，也應(yīng)成為當(dāng)今版式設(shè)計(jì)的又一發(fā)展趨勢(shì)。,124,圖124 “水尚闌珊”房地產(chǎn)廣告 背景色的深沉將中間圓窗中的人物、標(biāo)志及廣告語(yǔ)鮮明地襯托出來(lái)，使讀者的視線(xiàn)集中在版面上重要的信息位置，既體現(xiàn)了古典寧?kù)o的美又合理地控制了視線(xiàn)流,125,圖125 草莓味芬達(dá)碳酸飲料廣告 運(yùn)用電腦特效，將草莓與舌頭進(jìn)行同構(gòu)，既說(shuō)明了飲料的口味，又令人耳目一新,126,圖126 Pete Harrison海報(bào)設(shè)計(jì)作品 利用光影與人物的透疊