版式設(shè)計第一章 概述ppt課件

1、 1 版式設(shè)計姜宇瓊 李鑫澤主編 2 Contents Page目錄頁目錄頁 * 第一章 版式設(shè)計概述第二章 版式設(shè)計的基本要素及構(gòu)成規(guī)律第三章 版式設(shè)計的設(shè)計原則第四章 版式設(shè)計的網(wǎng)格系統(tǒng)第五章 版式設(shè)計的視覺流程 3 Contents Page目錄頁目錄頁 * 第六章 版式設(shè)計的創(chuàng)意技巧第七章 版式設(shè)計的圖文編排方法第八章 版式設(shè)計的程序與印刷第九章 版式設(shè)計的具體應(yīng)用 4 第一章二、重點與注意事項提示（1）重點掌握版式設(shè)計的概念及其功能。（2）在版面編排設(shè)計中，理解版式設(shè)計的基本特征、內(nèi)涵、應(yīng)用范圍，引導(dǎo)學(xué)生通過版式設(shè)計對整個版面進行整體創(chuàng)意、構(gòu)思與策劃，最終達到信息傳達的目的。（3）了

2、解版面設(shè)計歷史發(fā)展的關(guān)鍵階段，結(jié)合現(xiàn)代版式設(shè)計的發(fā)展，充分認識版式設(shè)計的未來發(fā)展趨勢。一、教學(xué)目標與教學(xué)要求本章要求學(xué)生了解版式設(shè)計的目的與意義，掌握版式設(shè)計的基本內(nèi)容、定義、功能以及發(fā)展趨勢，引導(dǎo)學(xué)生從概念入手，充分認識優(yōu)秀的版式編排，掌握版式設(shè)計的基本知識。 5 三、訓(xùn)練目的與題目要求訓(xùn)練目的：通過理論傳授使學(xué)生對版式設(shè)計的基本概念有所認識，了解版式設(shè)計是一種重要的視覺傳達手段。題目要求：通過書籍、網(wǎng)絡(luò)等傳播媒介搜索優(yōu)秀的版面設(shè)計，通過對版式的概念、歷史以及發(fā)展的了解和學(xué)習(xí)，分析不同的版式設(shè)計宗旨與版面的主要功能以及設(shè)計師的創(chuàng)意思路。當我們面對設(shè)計主題時，怎樣構(gòu)思出一個好的設(shè)計創(chuàng)意，又如何

3、把創(chuàng)意表現(xiàn)出來，使圖形（或圖片）、文字、色彩有機結(jié)合起來準確傳達設(shè)計目的，這就是版式設(shè)計要解決的主要問題。版式不再是單純的技術(shù)編排的學(xué)問，實際上是技術(shù)與藝術(shù)的高度統(tǒng)一。版式設(shè)計首先是信息發(fā)布的重要媒介，其次要讓讀者通過對版式的閱讀產(chǎn)生共鳴和遐想，讓設(shè)計者的觀點與思想感染讀者的心靈。第一章 6 版式設(shè)計是伴隨著現(xiàn)代科學(xué)技術(shù)和經(jīng)濟的飛速發(fā)展而興起的，是一種藝術(shù)創(chuàng)作的過程，具有技術(shù)性、藝術(shù)性和復(fù)雜多樣性的特征。版式設(shè)計，英文為“Layout”，又被稱為編排設(shè)計，是指在有限的版面空間里，將平面設(shè)計中的文字、圖形、色彩等視覺構(gòu)成元素，根據(jù)特定內(nèi)容的需要進行有目的、有組織的編排，并運用造型要素及形式法則原

4、理，以視覺的形式把構(gòu)思和創(chuàng)意表達出來。任何一件平面設(shè)計作品，都是將圖形、文字、色彩，經(jīng)合理的編排，形成一個更顯新穎、更有情趣、更富內(nèi)涵的版面。因此，版式設(shè)計是平面視覺傳達設(shè)計的重要組成部分。版式設(shè)計涉及的范圍也非常廣泛，如報紙、雜志、書籍、廣告、包裝、網(wǎng)頁設(shè)計等（圖1-1至圖1-10）。第一章第一節(jié) 版式設(shè)計的概念 7 第一章第一節(jié) 版式設(shè)計的概念 8 第一章第一節(jié) 版式設(shè)計的概念 9 版式設(shè)計隨著社會的發(fā)展，在不同的歷史時期受到不同文化和藝術(shù)流派的影響，形成不同的設(shè)計風(fēng)格。自20世紀以來，現(xiàn)代設(shè)計在各種思潮的推動下，出現(xiàn)了革命性的飛躍。立體主義、達達主義、超現(xiàn)實主義、風(fēng)格派、構(gòu)成主義等藝術(shù)流

5、派應(yīng)運而生，直接影響著版式設(shè)計的演變和發(fā)展。在這些風(fēng)格流派的發(fā)展中，應(yīng)追溯到20世紀初歐洲的英國人威廉莫里斯所倡導(dǎo)的“工藝美術(shù)運動”、德國包豪斯設(shè)計學(xué)院創(chuàng)建的現(xiàn)代設(shè)計教育體系、德國“新版面設(shè)計”提倡的新思想以及瑞士設(shè)計師“網(wǎng)格體系”的實踐，他們都為版式設(shè)計理論的形成與發(fā)展奠定了堅實的基礎(chǔ)。一、英國的“工藝美術(shù)運動”“工藝美術(shù)運動”代表人物威廉莫里斯（William Morris，英國拉斐爾前派畫家、英國設(shè)計家、詩人和社會主義者）提出了“美術(shù)與技術(shù)結(jié)合”的原則，主張藝術(shù)要為人服務(wù)，“人之所為，人之所用”( By the people,他對版面裝飾性的要求以及在變化中追求個人的風(fēng)格，追求專有的版式

6、趣味與書籍氣氛的特色。他強調(diào)功能與美的統(tǒng)一。他認為要復(fù)興中世紀歌德式的風(fēng)格，尤其要講究版面編排，強調(diào)版面的裝飾性，通常采取對稱結(jié)構(gòu)，形成了嚴謹、樸素、莊重的風(fēng)格。以威廉莫里斯為首的工藝美術(shù)運動設(shè)計家，創(chuàng)造了許多被以后設(shè)計家廣泛運用的編排構(gòu)圖方式，比較典型的有：將文字和曲線花紋擁擠地結(jié)合在一起，將各種幾何圖形插入和分隔畫面等。威廉莫里斯倡導(dǎo)的工藝美術(shù)運動在歐美造成了驚人的效果和廣泛的影響。他的設(shè)計盡管十分精美，但仍顯繁雜，特別是那種充滿繁復(fù)圖案的畫面使讀者在接受設(shè)計所要傳達的信息時造成障礙，在制作成本、技術(shù)和工藝上也給印刷和裝訂造成了困難。第一章第二節(jié) 版式設(shè)計的歷史發(fā)展 10 喬叟詩集是威廉莫

7、里斯為詩人喬叟的詩集所作的書籍裝幀設(shè)計，全書從設(shè)計到印刷完成總計四年時間，是集“工藝美術(shù)”運動風(fēng)格編排設(shè)計之大成的作品。它的版面編排設(shè)計水準很高，編排緊湊，版面中大量運用繁雜纏繞的花草圖案、精致的插圖以及裝飾華麗的首寫字母，版面上文字與圖案的色調(diào)對比節(jié)奏把握得非常精妙，盡顯“哥特”風(fēng)格（圖1-11）。呼嘯平原的故事也是“工藝美術(shù)”運動的突出代表作之一，整個畫面顯得擁擠、暗淡柔弱，圖案精細而繁復(fù)，采用纏枝花草的植物紋樣與文字組合，形成一種密不透風(fēng)的肌理效果（圖1-12）。第一章第二節(jié) 版式設(shè)計的歷史發(fā)展 11 1919年由德國著名的建筑家格羅皮烏斯（Walter Gropius）在德國魏瑪市建立

8、“國立包豪斯學(xué)院”。德國包豪斯設(shè)計學(xué)院的創(chuàng)立，是現(xiàn)代設(shè)計不容忽視的重大創(chuàng)舉，將構(gòu)成主義運動、20世紀初藝術(shù)的各種觀念通過教學(xué)實踐進行研究倡導(dǎo)，并創(chuàng)造發(fā)展。它充滿活力與實踐的精神促進了版面設(shè)計的發(fā)展，開創(chuàng)了現(xiàn)代設(shè)計的新紀元。包豪斯最重要的成就之一，就是以科學(xué)、嚴謹?shù)睦碚摓橐罁?jù)奠定了設(shè)計教育中平面構(gòu)成、色彩構(gòu)成與立體構(gòu)成的基礎(chǔ)教育體系。包豪斯的平面設(shè)計基本是在荷蘭的“風(fēng)格派”和俄國的“構(gòu)成主義”兩者的影響下形成的，因此，具有高度理性化、功能化、簡單化、減少主義化和幾何形式化的特點。具有突出貢獻的重要人物是莫霍利納吉（Laszli Mohony-Nagy，18951946年）和赫伯特拜耶（Herbe

9、rt Bayer，生于1900年）。包豪斯在平面設(shè)計方面的探索集風(fēng)格派和構(gòu)成主義之大成，并結(jié)合了許多現(xiàn)代藝術(shù)流派的語言和技法，形成了簡潔的、功能的現(xiàn)代平面設(shè)計風(fēng)格。包豪斯的風(fēng)格經(jīng)過一些設(shè)計師的發(fā)展和傳播后，現(xiàn)代平面設(shè)計風(fēng)格開始在歐洲興起。第二次世界大戰(zhàn)期間，許多歐洲設(shè)計師移居美國，又把這一風(fēng)格傳播到美國?？梢哉f，包豪斯是現(xiàn)代平面設(shè)計的發(fā)源地，它的現(xiàn)代設(shè)計風(fēng)格迅速撒向美國、瑞士、荷蘭、匈牙利、日本等國。包豪斯為現(xiàn)代版面構(gòu)成奠定了堅實的理論與實踐基礎(chǔ)。二、德國包豪斯創(chuàng)建的現(xiàn)代設(shè)計教育體系第一章第二節(jié) 版式設(shè)計的歷史發(fā)展 12 莫霍利納吉大量采用照片拼貼、抽象攝影技術(shù)的方法進行設(shè)計，非常強調(diào)設(shè)計的構(gòu)

10、思與創(chuàng)意，而把制作看作是第二位的工作。他認為具有新意的構(gòu)思能夠產(chǎn)生有創(chuàng)造力的畫面，可以表達幻想和超越時空的想象力。他注重空間比例分割、色彩的對比調(diào)和、抽象的構(gòu)成方法、構(gòu)成文字圖形化的表現(xiàn)方法，簡潔鮮明，達到了迅速傳達信息的作用。莫霍利納吉在編輯包豪斯印刷廠的第一本出版物中提倡，在視覺傳達設(shè)計中“不受陳規(guī)約束的使用一切直線方向，用一切字樣、字的大小、幾何形、色彩等，創(chuàng)造一種印刷版式的新語言。它（印刷品）的伸縮性、多樣化和新鮮的印刷版面構(gòu)圖，完全由內(nèi)部表達法則和視覺效果支配”。納吉創(chuàng)作了大量的繪畫和平面作品，全部是抽象的作品。他相信簡單結(jié)構(gòu)的力量，并利用平面來表達這種力量。他設(shè)計的包豪斯叢書、海報

11、，拍攝的照片和制作的電影，都具有強烈的理性特征，并且顯示了理性化對于設(shè)計造成的積極效果（圖1-13）。第一章第二節(jié) 版式設(shè)計的歷史發(fā)展 13 第*章第*節(jié) 節(jié)名稱赫伯特拜耶（Herbert Bayer）1921年求學(xué)于包豪斯，畢業(yè)后留校任教，曾擔(dān)任字體設(shè)計和印刷設(shè)計教師。拜耶的平面設(shè)計風(fēng)格常常是由強烈的視覺形象，幾行斜的印刷字體，點、線、面合理分割畫面，水平線、垂直線、斜線等組成的非對稱形式的動態(tài)構(gòu)圖形成。他的才能主要表現(xiàn)在字體設(shè)計上。他習(xí)慣采用非常簡單的字體，創(chuàng)造了無裝飾線字體和以小寫字母為中心的新字體系列，并在此基礎(chǔ)上發(fā)展創(chuàng)造了更簡練的“拜耶體”。他設(shè)計的字體成為德國現(xiàn)代平面設(shè)計的標志，形

12、成當時字體設(shè)計、平面設(shè)計上最為先進的局面（圖1-14）?，F(xiàn)在，無裝飾線字體已經(jīng)成為世界字體中最為重要的類型之一。 14 第一章第二節(jié) 版式設(shè)計的歷史發(fā)展拜耶在廣告設(shè)計和展覽設(shè)計上也有很大的成就。20世紀20年代末，他成為時髦（Vogue）雜志的藝術(shù)設(shè)計總編，開始投入商業(yè)刊物的平面設(shè)計工作中，并且開始廣泛采用剛剛出現(xiàn)的彩色攝影來設(shè)計封面和插圖（圖1-15至圖1-17）。 15 20世紀二三十年代的“新版面”設(shè)計風(fēng)格將現(xiàn)代派美術(shù)觀念引入版面設(shè)計的領(lǐng)域，其重要人物是德國人簡奇措德（Jan Tschichoid）。他認為新時代平面設(shè)計的主要目的是準確的視覺傳達，而不是陳舊的裝飾和美化；他還主張采用簡單

13、的縱橫非對稱式版面編排，不需要具體的插圖，依托版面中的文字和簡單的線條構(gòu)成版面的節(jié)奏感和韻律感，利用字體的大小不同達到強烈的視覺效果，除此以外不需要任何其他的裝飾。他采用簡單的無飾線體，在色彩的使用上，除了黑色和紅色以外基本上不使用其他色彩（圖1-18）。因此，簡奇措德的設(shè)計作品沒有任何多余的裝飾，達到極度的簡約，具有強烈的功能主義和減少主義的特點。三、德國“新版面設(shè)計”第一章第二節(jié) 版式設(shè)計的歷史發(fā)展 16 20世紀50年代，有著嚴謹、理性風(fēng)格的瑞士設(shè)計師們掀起了“國際版面風(fēng)格”的設(shè)計運動，他們提倡把設(shè)計作為對社會有用的和重要的活動，他們拋棄了個人表達和對設(shè)計問題怪僻的解決辦法，采用普遍的和

14、科學(xué)的方法?！皣H版面風(fēng)格”在前期設(shè)計經(jīng)驗和理論總結(jié)的基礎(chǔ)上，形成了一個迄今為止最有效的版面編排方法網(wǎng)格系統(tǒng)，其特點是力圖通過簡單的網(wǎng)格結(jié)構(gòu)和標準化的版面公式達到設(shè)計上的統(tǒng)一性。瑞士設(shè)計師卡爾吉斯特納（Karl Gerstner）甚至夸張地形容網(wǎng)格系統(tǒng)為“比例的標準，可以把差的變好，把好的變得更好”。四、瑞士的“網(wǎng)格體系”第一章第二節(jié) 版式設(shè)計的歷史發(fā)展“網(wǎng)格系統(tǒng)”實際上就是在版面上按照預(yù)先確定好的格式分配文字與圖片，它不是簡單地把圖片與文字并列放置在一起，而是從畫面結(jié)構(gòu)的相互聯(lián)系中發(fā)展出的一種符合主題內(nèi)容的形式法則。在版式設(shè)計上往往采用方格網(wǎng)為基礎(chǔ)，各種平面元素的排版方式基本是采用非對稱的形

15、式，字體采用無飾線體。這種探索明晰的傳達和視覺秩序的方法為絕大多數(shù)設(shè)計師們所接受，并在此基礎(chǔ)上展開了積極地探索與實踐?！皣H版面風(fēng)格”以其清晰明確的傳達性、適應(yīng)性和無障礙性的模式運用到書籍、報紙、包裝、企業(yè)形象設(shè)計等設(shè)計形態(tài)中，至今仍被廣泛運用（圖1-19）。 17 （一）信息的成功傳遞通過對版式的精心設(shè)計，在有限的版面空間里，把所有元素根據(jù)特定內(nèi)容進行組合排列，以最快的速度、最恰當?shù)姆绞?、最合理的?chuàng)意與表現(xiàn)把信息傳遞給讀者。例如，在“Matchbox Car”這個廣告設(shè)計中，設(shè)計師利用玩具汽車和真正的汽車相比較，使畫面具備了更多的真實性，大幅畫面占據(jù)主要位置，畫面下部為廣告文案，這便是用最直

16、觀的方式成功地傳遞了信息，既可以強化形式和內(nèi)容的互動關(guān)系，又能很好地提高信息的傳達效果，告訴讀者版面表達的內(nèi)容，使版面設(shè)計的目的明確（圖1-20）。版式設(shè)計的目的首先是作為信息發(fā)布的重要媒介,還要傳達設(shè)計者的藝術(shù)追求與設(shè)計內(nèi)涵，讓讀者通過對版式的閱讀產(chǎn)生共鳴，喚起讀者的興趣想象，達到信息與情感的溝通；其次，就是對各種主題內(nèi)容的版面布局進行藝術(shù)化和秩序化的編排處理。一、版式設(shè)計的目的第一章第三節(jié) 版式設(shè)計的目的和功能二、版式設(shè)計的功能再如“AIGA奧蘭多”廣告，直觀地對畫面進行處理，使無論是主要還是次要的信息，都能充分調(diào)動讀者的閱讀興趣，并達到了很好的傳達效果（圖1-21）。 18 （二）提高版

17、面的關(guān)注率當紛繁復(fù)雜的視覺信息展現(xiàn)在眼前的時候，什么樣的信息更能讓人們愉快地去接受呢? 什么樣的版式更能吸引人們的注視呢？很顯然，那些美感突出、創(chuàng)意新穎、對比強烈的畫面更引人注目。例如，在“偉士牌”這個廣告中，廣告標題有趣地表達了購買偉士牌所能獲得的情感滿足，同時局部特寫的產(chǎn)品則清楚地展現(xiàn)了其設(shè)計美感（圖1-22）。設(shè)計師將不同的視覺要素（圖形、文字、色彩等），運用造型要素及形式原理，把構(gòu)思和創(chuàng)意通過美的視覺形式傳達給讀者，強化主體視覺形象，使讀者產(chǎn)生遐想和共鳴。讀者在接受傳遞信息的同時，獲得了藝術(shù)上的享受，從而產(chǎn)生購買欲望。事實上，版式設(shè)計就是通過藝術(shù)和技術(shù)的完美表達，增強版面的注目率，以此

18、強化主體形象，傳遞中心思想（圖1-23）。第一章第三節(jié) 版式設(shè)計的目的和功能 19 （三）傳達效果的持久性現(xiàn)代的版式設(shè)計宣傳一般都圍繞市場烘托感染力，通過對版式的設(shè)計，使畫面具有藝術(shù)性、娛樂性、親和性，更好地幫助讀者在閱讀過程中了解內(nèi)容，提高讀者的興趣，通過視覺形式留下深刻的記憶，從而達到持之以恒的記憶存留效果（圖1-24、圖1-25）。第一章第三節(jié) 版式設(shè)計的目的和功能 20 （四）提升構(gòu)思和策略，達到整體創(chuàng)意的作用成功的版式編排具有提升理念、宣傳策略的作用。通過創(chuàng)意構(gòu)思，將主題內(nèi)容通過創(chuàng)意方式融入整體設(shè)計之中，強調(diào)編排的關(guān)聯(lián)性和協(xié)調(diào)性，達到從內(nèi)容到形式的完美統(tǒng)一，從而給人以深刻的印象（圖1

19、-26、圖1-27）。第一章第三節(jié) 版式設(shè)計的目的和功能優(yōu)秀的版式設(shè)計所具備的的要素： 具有合理的視覺流程； 形式與內(nèi)容相統(tǒng)一； 色調(diào)和諧一致； 主題鮮明突出。重點提示 21 （一）追求視覺的形象化（圖1-28）。一、風(fēng)格的多元化第一章第四節(jié) 版式設(shè)計的發(fā)展趨勢（二）突出創(chuàng)意表現(xiàn)（圖1-29）。 22 （三）強調(diào)突出個性體現(xiàn)（圖1-30）。第一章第四節(jié) 版式設(shè)計的發(fā)展趨勢（四）注重情感渲染（圖1-31）。 23 民族性和地方特色是現(xiàn)代設(shè)計的主要趨勢。如何在藝術(shù)設(shè)計中融合本民族的優(yōu)秀文化遺產(chǎn)，形成具有民族和地方特色的設(shè)計風(fēng)格，是現(xiàn)代各國設(shè)計師立志于解決的重要問題。中國的藝術(shù)設(shè)計應(yīng)在國際化藝術(shù)設(shè)計中將民族化的元素進行有益的補充，使本民族的設(shè)計文化得到發(fā)展，并創(chuàng)立出具有民族化特色的藝術(shù)設(shè)計風(fēng)格。例：中國銀行的標志天圓地方民族、地域所擁有的“集體表象”版式設(shè)計是技術(shù)和藝術(shù)的融合，包含自身設(shè)計元素、設(shè)計形態(tài)和表現(xiàn)手法的同時