版式設計姜宇瓊李鑫澤主編版式設計ContentsPage目錄頁—

*—

2689第一章版式設計概述第二章版式設計的基本要素及構(gòu)成規(guī)律視覺要素的編排與設計（點、線、面、空間）第三章版式設計的設計原則（+形式美原理）第四章版式設計的網(wǎng)格系統(tǒng)第五章版式設計的視覺流程ContentsPage目錄頁—*—2第一章版ContentsPage目錄頁—

*—

2689第六章版式設計的創(chuàng)意技巧（圖形、文字、色彩）第七章版式設計的圖文編排方法第八章版式設計的程序與印刷第九章版式設計的具體應用（實訓）ContentsPage目錄頁—*—2第六章版第一章概述學習目標:了解版式設計的學習目的與方法，并學會解讀版式設計作品。學習內(nèi)容:什么是版式設計？為什么要學習版式設計？怎樣制作版式設計？如何解讀一幅版設計作品？版式的發(fā)展歷程

第一章概述學習目標:什么是版式設計？

又稱版面設計、編排設計，是平面設計的重要組成部分，在有限的空間中，將版面構(gòu)成要素：文字、圖片圖形、線條線框和顏色色塊等元素，按照特定內(nèi)容的需要進行組合排列，把構(gòu)思與計劃以視覺形式表達出來。一種具有個人風格和藝術特色的視覺傳送方式。傳達信息的同時，也產(chǎn)生感官上的美感。什么是版式設計？又稱版面設計、編排設計，是平面設計的重要版式設計概述ppt課件版式設計涉及的范圍書籍、掛歷等

廣告、招貼等唱片、網(wǎng)頁等平面設計報紙、刊物等

版式設計版式設計涉及的范圍書籍、掛歷等廣告、招貼等唱片、網(wǎng)頁等廣泛應用到設計的各個領域，海報招貼設計側(cè)重于圖形元素的創(chuàng)作，報紙雜志則側(cè)重文字編排元素，包裝設計則是圖形、文字與色塊的綜合編排。版式設計應用版式設計應用為什么要學習版式設計？

版式設計是現(xiàn)代設計藝術的重要組成部分，是視覺傳達的重要手段，表面上看，它是一種關于編排的學問；實際上，它不僅是一種技能，更實現(xiàn)了技術與藝術的高度統(tǒng)一。版式設計可以說是現(xiàn)代設計者所必備的基本功之一。為什么要學習版式設計？版式設計是現(xiàn)代設計藝術的重要組成版式設計概述ppt課件版式設計概述ppt課件版式設計概述ppt課件版式設計概述ppt課件版式設計涉及的就業(yè)崗位廣告公司網(wǎng)絡公司網(wǎng)頁界面設計（美工）標志設計（設計師）模板設計（設計師）產(chǎn)品企業(yè)企業(yè)文化宣傳冊設計（設計師）產(chǎn)品包裝設計（設計師）新產(chǎn)品上市推廣（設計師）報刊雜志社版面編輯（美編）

插畫設計（設計師）書籍裝幀設計（美編）版式設計廣告設計（設計師）招貼海報設計（設計師）名片設計（設計師）版式設計涉及的就業(yè)崗位廣告公司網(wǎng)絡公司網(wǎng)頁界面設計（美工14版式設計基本步驟：

進行制作

第一步第二步第三步第四步確定布局收集\制作素材確定主題

需要傳達的信息

含文字、圖形圖像視覺元素的類型處理軟件

版式設計基本步驟：進行制作第一步第二步第三步第四步確定布1、可讀性好版式首先要具有良好的可讀性，即清晰地和舒適地閱讀（迅速獲知那是什么（0.3秒）3、能夠迅速搜尋所需信息（頁眉、頁腳、網(wǎng)站地圖、標志等）。2、迅速了解特點和方便之處（排版是否符合視覺流程和簡潔高效）好版式判斷依據(jù)1、可讀性2、迅速了解特點和方便之處（排版是否符合視覺流程好3、受眾共鳴好版式能夠讓特定受眾獲得共鳴，即受眾能夠理解和認同設計作品所傳達的意義和主題。4、整體上具有美感（色彩心理學、留白透氣感、跳躍的動感）。好版式判斷依據(jù)3、受眾共鳴4、整體上具有美感（色彩心理學、留白透氣感、好版如何解讀一幅版設計作品？視線在觀賞物上的移動過程?？v向矩陣網(wǎng)格三欄或多欄分割畫面采用極富創(chuàng)意和視覺震撼力的圖形來吸引眼球和表現(xiàn)主題多對比色和鄰近色系，對比強烈，但色調(diào)和諧圖文和空白的對比得當，既凸顯了內(nèi)容又產(chǎn)生了閱讀節(jié)奏視覺流程色彩處理網(wǎng)格結(jié)構(gòu)圖形處理空間處理傳播要素如何解讀一幅版設計作品？視線在觀賞物縱向矩陣版式設計概述ppt課件版式設計概述ppt課件版式設計概述ppt課件版式設計概述ppt課件版式設計概述ppt課件版式設計概述ppt課件版式設計概述ppt課件版式設計概述ppt課件版式設計概述ppt課件版式設計概述ppt課件版式設計概述ppt課件版式設計概述ppt課件ContentsPage目錄頁—

*—

2689第一章版式設計概述第二章版式設計的基本要素及構(gòu)成規(guī)律第三章版式設計的設計原則第四章版式設計的網(wǎng)格系統(tǒng)第五章版式設計的視覺流程ContentsPage目錄頁—*—2第一章版ContentsPage目錄頁—

*—

2689第六章版式設計的創(chuàng)意技巧第七章版式設計的圖文編排方法第八章版式設計的程序與印刷第九章版式設計的具體應用ContentsPage目錄頁—*—2第六章版第一章二、重點與注意事項提示（1）重點掌握版式設計的概念及其功能。（2）在版面編排設計中，理解版式設計的基本特征、內(nèi)涵、應用范圍，引導學生通過版式設計對整個版面進行整體創(chuàng)意、構(gòu)思與策劃，最終達到信息傳達的目的。（3）了解版面設計歷史發(fā)展的關鍵階段，結(jié)合現(xiàn)代版式設計的發(fā)展，充分認識版式設計的未來發(fā)展趨勢。一、教學目標與教學要求本章要求學生了解版式設計的目的與意義，掌握版式設計的基本內(nèi)容、定義、功能以及發(fā)展趨勢，引導學生從概念入手，充分認識優(yōu)秀的版式編排，掌握版式設計的基本知識。第一章二、重點與注意事項提示一、教學目標與教學要求編排設計是指在有限的版面空間里，將平面設計中的文字、圖形、色彩等視覺構(gòu)成元素，根據(jù)特定內(nèi)容的需要進行有目的、有組織的編排，并運用造型要素及形式法則原理，以視覺的形式把構(gòu)思和創(chuàng)意表達出來。版式設計涉及的范圍也非常廣泛，如報紙、雜志、書籍、廣告、包裝、網(wǎng)頁設計等（圖1-1至圖1-10）。第一章第一節(jié)版式設計的概念編排設計第一章第一節(jié)版式設計的概念第一章第一節(jié)版式設計的概念第一章第一節(jié)版式設計的概念第一章第一節(jié)版式設計的概念第一章第一節(jié)版式設計的概念20世紀以來，立體主義、達達主義、超現(xiàn)實主義、風格派、構(gòu)成主義等藝術流派影響著版式設計的演變和發(fā)展。20世紀初歐洲的英國人威廉·莫里斯所倡導的“工藝美術運動”德國包豪斯設計學院創(chuàng)建的現(xiàn)代設計教育體系、德國“新版面設計”提倡的新思想以瑞士設計師“網(wǎng)格體系”，都為版式設計理論的形成與發(fā)展奠定了堅實的基礎。一、英國的“工藝美術運動”“工藝美術運動”代表人物威廉·莫里斯（WilliamMorris，英國拉斐爾前派畫家、英國設計家、詩人和社會主義者）提出了“美術與技術結(jié)合”的原則，主張藝術要為人服務，“人之所為，人之所用”(Bythepeople,他對版面裝飾性的要求以及在變化中追求個人的風格，追求專有的版式趣味與書籍氣氛的特色。他強調(diào)功能與美的統(tǒng)一。他認為要復興中世紀歌德式的風格，尤其要講究版面編排，強調(diào)版面的裝飾性，通常采取對稱結(jié)構(gòu)，形成了嚴謹、樸素、莊重的風格。以威廉·莫里斯為首的工藝美術運動設計家，創(chuàng)造了許多被以后設計家廣泛運用的編排構(gòu)圖方式，比較典型的有：將文字和曲線花紋擁擠地結(jié)合在一起，將各種幾何圖形插入和分隔畫面等。威廉·莫里斯倡導的工藝美術運動在歐美造成了驚人的效果和廣泛的影響。他的設計盡管十分精美，但仍顯繁雜，特別是那種充滿繁復圖案的畫面使讀者在接受設計所要傳達的信息時造成障礙，在制作成本、技術和工藝上也給印刷和裝訂造成了困難。第一章第二節(jié)版式設計的歷史發(fā)展20世紀以來，一、英國的“工藝美術運動”“工藝美術運動”代表《喬叟詩集》是威廉·莫里斯為詩人喬叟的詩集所作的書籍裝幀設計，全書從設計到印刷完成總計四年時間，是集“工藝美術”運動風格編排設計之大成的作品。它的版面編排設計水準很高，編排緊湊，版面中大量運用繁雜纏繞的花草圖案、精致的插圖以及裝飾華麗的首寫字母，版面上文字與圖案的色調(diào)對比節(jié)奏把握得非常精妙，盡顯“哥特”風格（圖1-11）。《呼嘯平原的故事》也是“工藝美術”運動的突出代表作之一，整個畫面顯得擁擠、暗淡柔弱，圖案精細而繁復，采用纏枝花草的植物紋樣與文字組合，形成一種密不透風的肌理效果（圖1-12）。第一章第二節(jié)版式設計的歷史發(fā)展《喬叟詩集》是威廉·莫里斯為詩人喬叟的詩集所作的書籍裝幀設計1919年由德國著名的建筑家格羅皮烏斯（WalterGropius）在德國魏瑪市建立“國立包豪斯學院”。德國包豪斯設計學院的創(chuàng)立，是現(xiàn)代設計不容忽視的重大創(chuàng)舉，將構(gòu)成主義運動、20世紀初藝術的各種觀念通過教學實踐進行研究倡導，并創(chuàng)造發(fā)展。它充滿活力與實踐的精神促進了版面設計的發(fā)展，開創(chuàng)了現(xiàn)代設計的新紀元。包豪斯最重要的成就之一，就是以科學、嚴謹?shù)睦碚摓橐罁?jù)奠定了設計教育中平面構(gòu)成、色彩構(gòu)成與立體構(gòu)成的基礎教育體系。包豪斯的平面設計基本是在荷蘭的“風格派”和俄國的“構(gòu)成主義”兩者的影響下形成的，因此，具有高度理性化、功能化、簡單化、減少主義化和幾何形式化的特點。具有突出貢獻的重要人物是莫霍利·納吉（LaszliMohony-Nagy，1895～1946年）和赫伯特·拜耶（HerbertBayer，生于1900年）。包豪斯在平面設計方面的探索集風格派和構(gòu)成主義之大成，并結(jié)合了許多現(xiàn)代藝術流派的語言和技法，形成了簡潔的、功能的現(xiàn)代平面設計風格。包豪斯的風格經(jīng)過一些設計師的發(fā)展和傳播后，現(xiàn)代平面設計風格開始在歐洲興起。第二次世界大戰(zhàn)期間，許多歐洲設計師移居美國，又把這一風格傳播到美國?？梢哉f，包豪斯是現(xiàn)代平面設計的發(fā)源地，它的現(xiàn)代設計風格迅速撒向美國、瑞士、荷蘭、匈牙利、日本等國。包豪斯為現(xiàn)代版面構(gòu)成奠定了堅實的理論與實踐基礎。二、德國包豪斯創(chuàng)建的現(xiàn)代設計教育體系第一章第二節(jié)版式設計的歷史發(fā)展1919年由德國著名的建筑家格羅皮烏斯（WalterGro莫霍利·納吉大量采用照片拼貼、抽象攝影技術的方法進行設計，非常強調(diào)設計的構(gòu)思與創(chuàng)意，而把制作看作是第二位的工作。他認為具有新意的構(gòu)思能夠產(chǎn)生有創(chuàng)造力的畫面，可以表達幻想和超越時空的想象力。他注重空間比例分割、色彩的對比調(diào)和、抽象的構(gòu)成方法、構(gòu)成文字圖形化的表現(xiàn)方法，簡潔鮮明，達到了迅速傳達信息的作用。莫霍利·納吉在編輯包豪斯印刷廠的第一本出版物中提倡，在視覺傳達設計中“不受陳規(guī)約束的使用一切直線方向，用一切字樣、字的大小、幾何形、色彩等，創(chuàng)造一種印刷版式的新語言。它（印刷品）的伸縮性、多樣化和新鮮的印刷版面構(gòu)圖，完全由內(nèi)部表達法則和視覺效果支配”。納吉創(chuàng)作了大量的繪畫和平面作品，全部是抽象的作品。他相信簡單結(jié)構(gòu)的力量，并利用平面來表達這種力量。他設計的包豪斯叢書、海報，拍攝的照片和制作的電影，都具有強烈的理性特征，并且顯示了理性化對于設計造成的積極效果（圖1-13）。第一章第二節(jié)版式設計的歷史發(fā)展莫霍利·納吉大量采用照片拼貼、抽象攝影技術的方法進行設計，非第*章第*節(jié)節(jié)名稱赫伯特·拜耶（HerbertBayer）1921年求學于包豪斯，畢業(yè)后留校任教，曾擔任字體設計和印刷設計教師。拜耶的平面設計風格常常是由強烈的視覺形象，幾行斜的印刷字體，點、線、面合理分割畫面，水平線、垂直線、斜線等組成的非對稱形式的動態(tài)構(gòu)圖形成。他的才能主要表現(xiàn)在字體設計上。他習慣采用非常簡單的字體，創(chuàng)造了無裝飾線字體和以小寫字母為中心的新字體系列，并在此基礎上發(fā)展創(chuàng)造了更簡練的“拜耶體”。他設計的字體成為德國現(xiàn)代平面設計的標志，形成當時字體設計、平面設計上最為先進的局面（圖1-14）?，F(xiàn)在，無裝飾線字體已經(jīng)成為世界字體中最為重要的類型之一。第*章第*節(jié)節(jié)名稱赫伯特·拜耶（HerbertBaye第一章第二節(jié)版式設計的歷史發(fā)展拜耶在廣告設計和展覽設計上也有很大的成就。20世紀20年代末，他成為《時髦》（Vogue）雜志的藝術設計總編，開始投入商業(yè)刊物的平面設計工作中，并且開始廣泛采用剛剛出現(xiàn)的彩色攝影來設計封面和插圖（圖1-15至圖1-17）。第一章第二節(jié)版式設計的歷史發(fā)展拜耶在廣告設計和展覽設計20世紀二三十年代的“新版面”設計風格將現(xiàn)代派美術觀念引入版面設計的領域，其重要人物是德國人簡·奇措德（JanTschichoid）。他認為新時代平面設計的主要目的是準確的視覺傳達，而不是陳舊的裝飾和美化；他還主張采用簡單的縱橫非對稱式版面編排，不需要具體的插圖，依托版面中的文字和簡單的線條構(gòu)成版面的節(jié)奏感和韻律感，利用字體的大小不同達到強烈的視覺效果，除此以外不需要任何其他的裝飾。他采用簡單的無飾線體，在色彩的使用上，除了黑色和紅色以外基本上不使用其他色彩（圖1-18）。因此，簡·奇措德的設計作品沒有任何多余的裝飾，達到極度的簡約，具有強烈的功能主義和減少主義的特點。三、德國“新版面設計”第一章第二節(jié)版式設計的歷史發(fā)展20世紀二三十年代的“新版面”設計風格將現(xiàn)代派美術觀念引入版20世紀50年代，有著嚴謹、理性風格的瑞士設計師們掀起了“國際版面風格”的設計運動，他們提倡把設計作為對社會有用的和重要的活動，他們拋棄了個人表達和對設計問題怪僻的解決辦法，采用普遍的和科學的方法?！皣H版面風格”在前期設計經(jīng)驗和理論總結(jié)的基礎上，形成了一個迄今為止最有效的版面編排方法——網(wǎng)格系統(tǒng)，其特點是力圖通過簡單的網(wǎng)格結(jié)構(gòu)和標準化的版面公式達到設計上的統(tǒng)一性。瑞士設計師卡爾·吉斯特納（KarlGerstner）甚至夸張地形容網(wǎng)格系統(tǒng)為“比例的標準，可以把差的變好，把好的變得更好”。四、瑞士的“網(wǎng)格體系”第一章第二節(jié)版式設計的歷史發(fā)展“網(wǎng)格系統(tǒng)”實際上就是在版面上按照預先確定好的格式分配文字與圖片，它不是簡單地把圖片與文字并列放置在一起，而是從畫面結(jié)構(gòu)的相互聯(lián)系中發(fā)展出的一種符合主題內(nèi)容的形式法則。在版式設計上往往采用方格網(wǎng)為基礎，各種平面元素的排版方式基本是采用非對稱的形式，字體采用無飾線體。這種探索明晰的傳達和視覺秩序的方法為絕大多數(shù)設計師們所接受，并在此基礎上展開了積極地探索與實踐。“國際版面風格”以其清晰明確的傳達性、適應性和無障礙性的模式運用到書籍、報紙、包裝、企業(yè)形象設計等設計形態(tài)中，至今仍被廣泛運用（圖1-19）。20世紀50年代，有著嚴謹、理性風格的瑞士設計師們掀起了“國（一）信息的成功傳遞通過對版式的精心設計，在有限的版面空間里，把所有元素根據(jù)特定內(nèi)容進行組合排列，以最快的速度、最恰當?shù)姆绞?、最合理的?chuàng)意與表現(xiàn)把信息傳遞給讀者。例如，在“MatchboxCar”這個廣告設計中，設計師利用玩具汽車和真正的汽車相比較，使畫面具備了更多的真實性，大幅畫面占據(jù)主要位置，畫面下部為廣告文案，這便是用最直觀的方式成功地傳遞了信息，既可以強化形式和內(nèi)容的互動關系，又能很好地提高信息的傳達效果，告訴讀者版面表達的內(nèi)容，使版面設計的目的明確（圖1-20）。版式設計的目的首先是作為信息發(fā)布的重要媒介,還要傳達設計者的藝術追求與設計內(nèi)涵，讓讀者通過對版式的閱讀產(chǎn)生共鳴，喚起讀者的興趣想象，達到信息與情感的溝通；其次，就是對各種主題內(nèi)容的版面布局進行藝術化和秩序化的編排處理。一、版式設計的目的第一章第三節(jié)版式設計的目的和功能二、版式設計的功能再如“AIGA奧蘭多”廣告，直觀地對畫面進行處理，使無論是主要還是次要的信息，都能充分調(diào)動讀者的閱讀興趣，并達到了很好的傳達效果（圖1-21）。（一）信息的成功傳遞版式設計的目的首先是作為信息發(fā)布的重要媒（二）提高版面的關注率當紛繁復雜的視覺信息展現(xiàn)在眼前的時候，什么樣的信息更能讓人們愉快地去接受呢?什么樣的版式更能吸引人們的注視呢？很顯然，那些美感突出、創(chuàng)意新穎、對比強烈的畫面更引人注目。例如，在“偉士牌”這個廣告中，廣告標題有趣地表達了購買偉士牌所能獲得的情感滿足，同時局部特寫的產(chǎn)品則清楚地展現(xiàn)了其設計美感（圖1-22）。設計師將不同的視覺要素（圖形、文字、色彩等），運用造型要素及形式原理，把構(gòu)思和創(chuàng)意通過美的視覺形式傳達給讀者，強化主體視覺形象，使讀者產(chǎn)生遐想和共鳴。讀者在接受傳遞信息的同時，獲得了藝術上的享受，從而產(chǎn)生購買欲望。事實上，版式設計就是通過藝術和技術的完美表達，增強版面的注目率，以此強化主體形象，傳遞中心思想（圖1-23）。第一章第三節(jié)版式設計的目的和功能（二）提高版面的關注率第一章第三節(jié)版式設計的目的和功能（三）傳達效果的持久性現(xiàn)代的版式設計宣傳一般都圍繞市場烘托感染力，通過對版式的設計，使畫面具有藝術性、娛樂性、親和性，更好地幫助讀者在閱讀過程中了解內(nèi)容，提高讀者的興趣，通過視覺形式留下深刻的記憶，從而達到持之以恒的記憶存留效果（圖1-24、圖1-25）。第一章第三節(jié)版式設計的目的和功能（三）傳達效果的持久性第一章第三節(jié)版式設計的目的和功能（四）提升構(gòu)思和策略，達到整體創(chuàng)意的作用成功的版式編排具有提升理念、宣傳策略的作用。通過創(chuàng)意構(gòu)思，將主題內(nèi)容通過創(chuàng)意方式融入整體設計之中，強調(diào)編排的關聯(lián)性和協(xié)調(diào)性，達到從內(nèi)容到形式的完美統(tǒng)一，從而給人以深刻的印象（圖1-26、圖1-27）。第一章第三節(jié)版式設計的目的和功能優(yōu)秀的版式設計所具備的的要素：①具有合理的視覺流程；②形式與內(nèi)容相統(tǒng)一；③色調(diào)和諧一致；④主題鮮明突出。重點提示（四）提升構(gòu)思和策略，達到整體創(chuàng)意的作用第一章第三節(jié)版（一）追求視覺的形象化（圖1-28）。一、風格的多元化第一章第四節(jié)版式設計的發(fā)展趨勢（二）突出創(chuàng)意表現(xiàn)（圖1-29）。（一）追求視覺的形象化（圖1-28）。一、風格的多元化第一章（三）強調(diào)突出個性體現(xiàn)（圖1-30）。第一章第四節(jié)版式設計的發(fā)展趨勢（四）注重情感渲染（圖1-31）。（三）強調(diào)突出個性體現(xiàn)（圖1-30）。第一章第四節(jié)版式民族性和地方特色是現(xiàn)代設計的主要趨勢。如何在藝術設