版式設(shè)計概述最新版本

1、 1 版式設(shè)計姜宇瓊 李鑫澤主編 2 Contents Page目錄頁目錄頁 * 第一章 版式設(shè)計概述第二章 版式設(shè)計的基本要素及構(gòu)成規(guī)律視覺要素的編排與設(shè)計（點、線、面、空間）第三章 版式設(shè)計的設(shè)計原則（+形式美原理）第四章 版式設(shè)計的網(wǎng)格系統(tǒng)第五章 版式設(shè)計的視覺流程 3 Contents Page目錄頁目錄頁 * 第六章 版式設(shè)計的創(chuàng)意技巧（圖形、文字、色彩）第七章 版式設(shè)計的圖文編排方法第八章 版式設(shè)計的程序與印刷第九章 版式設(shè)計的具體應(yīng)用（實訓） 4 學習目標: 了解版式設(shè)計的學習目的與方法，并學會解讀版式設(shè)計作品。學習內(nèi)容: 什么是版式設(shè)計？ 為什么要學習版式設(shè)計？ 怎樣制作版式設(shè)

2、計？ 如何解讀一幅版設(shè)計作品？ 版式的發(fā)展歷程 5 什么是版式設(shè)計？ 又稱版面設(shè)計、編排設(shè)計，是平面設(shè)計的重要組成部分，在有限的空間中，將版面構(gòu)成要素：文字、圖片圖形、線條線框和顏色色塊等元素，按照特定內(nèi)容的需要進行組合排列，把構(gòu)思與計劃以視覺形式表達出來。 一種具有個人風格和藝術(shù)特色的視覺傳送方式。傳達信息的同時，也產(chǎn)生感官上的美感。 6 7 版式設(shè)計涉及的范圍書籍、掛歷等 廣告、招貼等唱片 、網(wǎng)頁等 平面設(shè)計報紙、刊物等 版式設(shè)計 8 廣泛應(yīng)用到設(shè)計的各個領(lǐng)域，海報招貼設(shè)計側(cè)重于圖形元素的創(chuàng)作，報紙雜志則側(cè)重文字編排元素，包裝設(shè)計則是圖形、文字與色塊的綜合編排。版式設(shè)計 應(yīng)用 9 為什么要

3、學習版式設(shè)計？ 版式設(shè)計是現(xiàn)代設(shè)計藝術(shù)的重要組成部分，是視覺傳達的重要手段，表面上看，它是一種關(guān)于編排的學問；實際上，它不僅是一種技能，更實現(xiàn)了技術(shù)與藝術(shù)的高度統(tǒng)一。版式設(shè)計可以說是現(xiàn)代設(shè)計者所必備的基本功之一。 10 11 12 13 14 版式設(shè)計涉及的就業(yè)崗位廣告公司網(wǎng)絡(luò)公司產(chǎn)品企業(yè)報刊雜志社 15 版式設(shè)計基本步驟：版式設(shè)計基本步驟： 進行制作 第一步第二步第三步第四步確定布局收集制作素材確定主題 需要傳達的信息 含文字、圖形圖像視覺元素的類型處理軟件 16 1、可讀性可讀性好版式首先要具有良好的可讀性，好版式首先要具有良好的可讀性，即清晰地和舒適地閱讀（迅速獲知那是什么（即清晰地和舒

4、適地閱讀（迅速獲知那是什么（0.3秒）秒）3、能夠迅速搜尋所需信息（頁眉、頁腳、網(wǎng)站地圖、標志等）。、能夠迅速搜尋所需信息（頁眉、頁腳、網(wǎng)站地圖、標志等）。2 2、迅速了解特點和方便之處（排版是否符合視覺流程、迅速了解特點和方便之處（排版是否符合視覺流程和簡潔高效）和簡潔高效）好版式判斷依據(jù)好版式判斷依據(jù) 17 3、受眾共鳴受眾共鳴好版式能夠讓特定受眾獲得共鳴，好版式能夠讓特定受眾獲得共鳴，即受眾能夠理解和認同設(shè)計作品所傳達的意義和主題。即受眾能夠理解和認同設(shè)計作品所傳達的意義和主題。4 4、整體上具有美感（色彩心理學、留白透氣感、整體上具有美感（色彩心理學、留白透氣感、跳躍的動感）跳躍的動感

5、）。好版式判斷依據(jù)好版式判斷依據(jù) 18 如何解讀一幅版設(shè)計作品？ 視線在觀賞物上的移動過程。 縱向矩陣網(wǎng)格三欄或多欄分割畫面 采用極富創(chuàng)意和視覺震撼力的圖形來吸引眼球和表現(xiàn)主題 多對比色和鄰近色系，對比強烈，但色調(diào)和諧 圖文和空白的對比得當，既凸顯了內(nèi)容又產(chǎn)生了閱讀節(jié)奏視覺流程色彩處理網(wǎng)格結(jié)構(gòu)圖形處理空間處理 19 20 21 22 23 24 25 26 27 28 29 30 31 Contents Page目錄頁目錄頁 * 第一章 版式設(shè)計概述第二章 版式設(shè)計的基本要素及構(gòu)成規(guī)律第三章 版式設(shè)計的設(shè)計原則第四章 版式設(shè)計的網(wǎng)格系統(tǒng)第五章 版式設(shè)計的視覺流程 32 Contents Pag

6、e目錄頁目錄頁 * 第六章 版式設(shè)計的創(chuàng)意技巧第七章 版式設(shè)計的圖文編排方法第八章 版式設(shè)計的程序與印刷第九章 版式設(shè)計的具體應(yīng)用 33 第一章二、重點與注意事項提示（1）重點掌握版式設(shè)計的概念及其功能。（2）在版面編排設(shè)計中，理解版式設(shè)計的基本特征、內(nèi)涵、應(yīng)用范圍，引導(dǎo)學生通過版式設(shè)計對整個版面進行整體創(chuàng)意、構(gòu)思與策劃，最終達到信息傳達的目的。（3）了解版面設(shè)計歷史發(fā)展的關(guān)鍵階段，結(jié)合現(xiàn)代版式設(shè)計的發(fā)展，充分認識版式設(shè)計的未來發(fā)展趨勢。一、教學目標與教學要求本章要求學生了解版式設(shè)計的目的與意義，掌握版式設(shè)計的基本內(nèi)容、定義、功能以及發(fā)展趨勢，引導(dǎo)學生從概念入手，充分認識優(yōu)秀的版式編排，掌握版

7、式設(shè)計的基本知識。 34 編排設(shè)計是指在有限的版面空間里，將平面設(shè)計中的文字、圖形、色彩等視覺構(gòu)成元素，根據(jù)特定內(nèi)容的需要進行有目的、有組織的編排，并運用造型要素及形式法則原理，以視覺的形式把構(gòu)思和創(chuàng)意表達出來。版式設(shè)計涉及的范圍也非常廣泛，如報紙、雜志、書籍、廣告、包裝、網(wǎng)頁設(shè)計等（圖1-1至圖1-10）。第一章第一節(jié) 版式設(shè)計的概念 35 第一章第一節(jié) 版式設(shè)計的概念 36 第一章第一節(jié) 版式設(shè)計的概念 37 20世紀以來，立體主義、達達主義、超現(xiàn)實主義、風格派、構(gòu)成主義等藝術(shù)流派影響著版式設(shè)計的演變和發(fā)展。20世紀初歐洲的英國人威廉莫里斯所倡導(dǎo)的“工藝美術(shù)運動工藝美術(shù)運動”德國包豪斯包豪

8、斯設(shè)計學院創(chuàng)建的現(xiàn)代設(shè)計教育體系、德國“新版面設(shè)計新版面設(shè)計”提倡的新思想以瑞士設(shè)計師“網(wǎng)格體系網(wǎng)格體系” ，都為版式設(shè)計理論的形成與發(fā)展奠定了堅實的基礎(chǔ)。一、英國的“工藝美術(shù)運動”“工藝美術(shù)運動工藝美術(shù)運動”代表人物威廉代表人物威廉莫里斯莫里斯（William Morris，英國拉斐爾前派畫家、英國設(shè)計家、詩人和社會主義者）提出了“美術(shù)與技術(shù)結(jié)合”的原則，主張藝術(shù)要為人服務(wù)，“人之所為，人之所用”( By the people,他對版面裝飾性的要求以及在變化中追求個人的風格，追求專有的版式趣味與書籍氣氛的特色。他強調(diào)功能與美的統(tǒng)一。他認為要復(fù)興中世紀歌德式的風格，尤其要講究版面編排，強調(diào)版面

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

10、計之大成的作品。它的版面編排設(shè)計水準很高，編排緊湊，版面中大量運用繁雜纏繞的花草圖案、精致的插圖以及裝飾華麗的首寫字母，版面上文字與圖案的色調(diào)對比節(jié)奏把握得非常精妙，盡顯“哥特”風格（圖1-11）。呼嘯平原的故事也是“工藝美術(shù)”運動的突出代表作之一，整個畫面顯得擁擠、暗淡柔弱，圖案精細而繁復(fù)，采用纏枝花草的植物紋樣與文字組合，形成一種密不透風的肌理效果（圖1-12）。第一章第二節(jié) 版式設(shè)計的歷史發(fā)展 39 1919年由德國著名的建筑家格羅皮烏斯（Walter Gropius）在德國魏瑪市建立“國立包豪斯學院”。德國包豪斯設(shè)計學院的創(chuàng)立，是現(xiàn)代設(shè)計不容忽視的重大創(chuàng)舉，將構(gòu)成主義運動、20世紀初藝

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

12、藝術(shù)流派的語言和技法，形成了簡潔的、功能的現(xiàn)代平面設(shè)計風格。包豪斯的風格經(jīng)過一些設(shè)計師的發(fā)展和傳播后，現(xiàn)代平面設(shè)計風格開始在歐洲興起。第二次世界大戰(zhàn)期間，許多歐洲設(shè)計師移居美國，又把這一風格傳播到美國。可以說，包豪斯是現(xiàn)代平面設(shè)計的發(fā)源地，它的現(xiàn)代設(shè)計風格迅速撒向美國、瑞士、荷蘭、匈牙利、日本等國。包豪斯為現(xiàn)代版面構(gòu)成奠定了堅實的理論與實踐基礎(chǔ)。二、德國包豪斯創(chuàng)建的現(xiàn)代設(shè)計教育體系第一章第二節(jié) 版式設(shè)計的歷史發(fā)展 40 莫霍利納吉大量采用照片拼貼、抽象攝影技術(shù)的方法進行設(shè)計，非常強調(diào)設(shè)計的構(gòu)思與創(chuàng)意，而把制作看作是第二位的工作。他認為具有新意的構(gòu)思能夠產(chǎn)生有創(chuàng)造力的畫面，可以表達幻想和超越時空

13、的想象力。他注重空間比例分割、色彩的對比調(diào)和、抽象的構(gòu)成方法、構(gòu)成文字圖形化的表現(xiàn)方法，簡潔鮮明，達到了迅速傳達信息的作用。莫霍利納吉在編輯包豪斯印刷廠的第一本出版物中提倡，在視覺傳達設(shè)計中“不受陳規(guī)約束的使用一切直線方向，用一切字樣、字的大小、幾何形、色彩等，創(chuàng)造一種印刷版式的新語言。它（印刷品）的伸縮性、多樣化和新鮮的印刷版面構(gòu)圖，完全由內(nèi)部表達法則和視覺效果支配”。納吉創(chuàng)作了大量的繪畫和平面作品，全部是抽象的作品。他相信簡單結(jié)構(gòu)的力量，并利用平面來表達這種力量。他設(shè)計的包豪斯叢書、海報，拍攝的照片和制作的電影，都具有強烈的理性特征，并且顯示了理性化對于設(shè)計造成的積極效果（圖1-13）。第

14、一章第二節(jié) 版式設(shè)計的歷史發(fā)展 41 第*章第*節(jié) 節(jié)名稱赫伯特拜耶（Herbert Bayer）1921年求學于包豪斯，畢業(yè)后留校任教，曾擔任字體設(shè)計和印刷設(shè)計教師。拜耶的平面設(shè)計風格常常是由強烈的視覺形象，幾行斜的印刷字體，點、線、面合理分割畫面，水平線、垂直線、斜線等組成的非對稱形式的動態(tài)構(gòu)圖形成。他的才能主要表現(xiàn)在字體設(shè)計上。他習慣采用非常簡單的字體，創(chuàng)造了無裝飾線字體和以小寫字母為中心的新字體系列，并在此基礎(chǔ)上發(fā)展創(chuàng)造了更簡練的“拜耶體”。他設(shè)計的字體成為德國現(xiàn)代平面設(shè)計的標志，形成當時字體設(shè)計、平面設(shè)計上最為先進的局面（圖1-14）?，F(xiàn)在，無裝飾線字體已經(jīng)成為世界字體中最為重要的類

15、型之一。 42 第一章第二節(jié) 版式設(shè)計的歷史發(fā)展拜耶在廣告設(shè)計和展覽設(shè)計上也有很大的成就。20世紀20年代末，他成為時髦（Vogue）雜志的藝術(shù)設(shè)計總編，開始投入商業(yè)刊物的平面設(shè)計工作中，并且開始廣泛采用剛剛出現(xiàn)的彩色攝影來設(shè)計封面和插圖（圖1-15至圖1-17）。 43 20世紀二三十年代的“新版面”設(shè)計風格將現(xiàn)代派美術(shù)觀念引入版面設(shè)計的領(lǐng)域，其重要人物是德國人簡奇措德（Jan Tschichoid）。他認為新時代平面設(shè)計的主要目的是準確的視覺傳達，而不是陳舊的裝飾和美化；他還主張采用簡單的縱橫非對稱式版面編排，不需要具體的插圖，依托版面中的文字和簡單的線條構(gòu)成版面的節(jié)奏感和韻律感，利用字體

16、的大小不同達到強烈的視覺效果，除此以外不需要任何其他的裝飾。他采用簡單的無飾線體，在色彩的使用上，除了黑色和紅色以外基本上不使用其他色彩（圖1-18）。因此，簡奇措德的設(shè)計作品沒有任何多余的裝飾，達到極度的簡約，具有強烈的功能主義和減少主義的特點。三、德國“新版面設(shè)計”第一章第二節(jié) 版式設(shè)計的歷史發(fā)展 44 20世紀50年代，有著嚴謹、理性風格的瑞士設(shè)計師們掀起了“國際版面風格”的設(shè)計運動，他們提倡把設(shè)計作為對社會有用的和重要的活動，他們拋棄了個人表達和對設(shè)計問題怪僻的解決辦法，采用普遍的和科學的方法?！皣H版面風格”在前期設(shè)計經(jīng)驗和理論總結(jié)的基礎(chǔ)上，形成了一個迄今為止最有效的版面編排方法網(wǎng)格

17、系統(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ǔ)，各種平面元素的排版方式基本是采用非對稱的形式，字體采用無飾線體。這種探索明晰的傳達和視覺秩序的方法為絕大多數(shù)設(shè)計師們所接受，并在此基礎(chǔ)上展開了積極

18、地探索與實踐。“國際版面風格”以其清晰明確的傳達性、適應(yīng)性和無障礙性的模式運用到書籍、報紙、包裝、企業(yè)形象設(shè)計等設(shè)計形態(tài)中，至今仍被廣泛運用（圖1-19）。 45 （一）信息的成功傳遞通過對版式的精心設(shè)計，在有限的版面空間里，把所有元素根據(jù)特定內(nèi)容進行組合排列，以最快的速度、最恰當?shù)姆绞?、最合理的?chuàng)意與表現(xiàn)把信息傳遞給讀者。例如，在“Matchbox Car”這個廣告設(shè)計中，設(shè)計師利用玩具汽車和真正的汽車相比較，使畫面具備了更多的真實性，大幅畫面占據(jù)主要位置，畫面下部為廣告文案，這便是用最直觀的方式成功地傳遞了信息，既可以強化形式和內(nèi)容的互動關(guān)系，又能很好地提高信息的傳達效果，告訴讀者版面表達

19、的內(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）。 46 （二）提高版面的關(guān)注率當紛繁復(fù)雜的視覺信息展現(xiàn)在眼前的時候，什么樣的信息更能讓人們愉快地去接受呢? 什么樣的版式更能

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

21、性現(xiàn)代的版式設(shè)計宣傳一般都圍繞市場烘托感染力，通過對版式的設(shè)計，使畫面具有藝術(shù)性、娛樂性、親和性，更好地幫助讀者在閱讀過程中了解內(nèi)容，提高讀者的興趣，通過視覺形式留下深刻的記憶，從而達到持之以恒的記憶存留效果（圖1-24、圖1-25）。第一章第三節(jié) 版式設(shè)計的目的和功能 48 （四）提升構(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-26、圖1-27）。第一章第三節(jié) 版式設(shè)計的目的和功能優(yōu)秀的版式設(shè)計所具備的的要素： 具有合理的視覺流程； 形式與內(nèi)容相統(tǒng)一； 色調(diào)和諧一致； 主題鮮明突出。重點提示 49 （一）追求視覺的形象化（圖1-28）。一、風格的多元化第一章第四節(jié) 版式設(shè)計的發(fā)展趨勢（二）突出創(chuàng)意表現(xiàn)（圖1-29）。 50 （三）強調(diào)突出個性體現(xiàn)（圖1-30）。第一章第四節(jié) 版式設(shè)計的發(fā)展趨勢（四）注重情感渲染（圖1-31）。 51 民族性和地方特色是現(xiàn)代設(shè)計的主要趨勢。如何在藝術(shù)設(shè)計中融合本民族的優(yōu)秀文化遺產(chǎn)，形成具有民族和地方特色的設(shè)計風格，是現(xiàn)代各國設(shè)計師立志于解決的重要問題。中國的藝術(shù)設(shè)計應(yīng)在國際化藝術(shù)設(shè)計中將民族化的元素進行有益的補充，使本民族的設(shè)計文化得到