1、 1 版式設計姜宇瓊 李鑫澤主編 2 Contents Page目錄頁 * 目錄CONTENTS第一章 版式設計概述第二章 版式設計的基本要素及構成規律第三章 版式設計的設計原則第四章 版式設計的網格系統第五章 版式設計的視覺流程 3 Contents Page目錄頁 * 目錄CONTENTS第六章 版式設計的創意技巧第七章 版式設計的圖文編排方法第八章 版式設計的程序與印刷第九章 版式設計的具體應用 4 第一章二、重點與注意事項提示（1）重點掌握版式設計的概念及其功能。（2）在版面編排設計中，理解版式設計的基本特征、內涵、應用范圍，引導學生通過版式設計對整個版面進行整體創意、構思與策劃，最終

2、達到信息傳達的目的。（3）了解版面設計歷史發展的關鍵階段，結合現代版式設計的發展，充分認識版式設計的未來發展趨勢。一、教學目標與教學要求本章要求學生了解版式設計的目的與意義，掌握版式設計的基本內容、定義、功能以及發展趨勢，引導學生從概念入手，充分認識優秀的版式編排，掌握版式設計的基本知識。 5 三、訓練目的與題目要求訓練目的：通過理論傳授使學生對版式設計的基本概念有所認識，了解版式設計是一種重要的視覺傳達手段。題目要求：通過書籍、網絡等傳播媒介搜索優秀的版面設計，通過對版式的概念、歷史以及發展的了解和學習，分析不同的版式設計宗旨與版面的主要功能以及設計師的創意思路。 當我們面對設計主題時，怎樣

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

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

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

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

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

8、Gropius）在德國魏瑪市建立“國立包豪斯學院”。德國包豪斯設計學院的創立，是現代設計不容忽視的重大創舉，將構成主義運動、20世紀初藝術的各種觀念通過教學實踐進行研究倡導，并創造發展。它充滿活力與實踐的精神促進了版面設計的發展，開創了現代設計的新紀元。包豪斯最重要的成就之一，就是以科學、嚴謹的理論為依據奠定了設計教育中平面構成、色彩構成與立體構成的基礎教育體系。包豪斯的平面設計基本是在荷蘭的“風格派”和俄國的“構成主義”兩者的影響下形成的，因此，具有高度理性化、功能化、簡單化、減少主義化和幾何形式化的特點。具有突出貢獻的重要人物是莫霍利納吉（Laszli Mohony-Nagy，189519

9、46年）和赫伯特拜耶（Herbert Bayer，生于1900年）。包豪斯在平面設計方面的探索集風格派和構成主義之大成，并結合了許多現代藝術流派的語言和技法，形成了簡潔的、功能的現代平面設計風格。包豪斯的風格經過一些設計師的發展和傳播后，現代平面設計風格開始在歐洲興起。第二次世界大戰期間，許多歐洲設計師移居美國，又把這一風格傳播到美國。可以說，包豪斯是現代平面設計的發源地，它的現代設計風格迅速撒向美國、瑞士、荷蘭、匈牙利、日本等國。包豪斯為現代版面構成奠定了堅實的理論與實踐基礎。二、德國包豪斯創建的現代設計教育體系第一章第二節 版式設計的歷史發展 12 莫霍利納吉大量采用照片拼貼、抽象攝影技術

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

11、種力量。他設計的包豪斯叢書、海報，拍攝的照片和制作的電影，都具有強烈的理性特征，并且顯示了理性化對于設計造成的積極效果（圖1-13）。第一章第二節 版式設計的歷史發展 13 第*章第*節 節名稱赫伯特拜耶（Herbert Bayer）1921年求學于包豪斯，畢業后留校任教，曾擔任字體設計和印刷設計教師。拜耶的平面設計風格常常是由強烈的視覺形象，幾行斜的印刷字體，點、線、面合理分割畫面，水平線、垂直線、斜線等組成的非對稱形式的動態構圖形成。他的才能主要表現在字體設計上。他習慣采用非常簡單的字體，創造了無裝飾線字體和以小寫字母為中心的新字體系列，并在此基礎上發展創造了更簡練的“拜耶體”。他設計的字

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

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

14、問題怪僻的解決辦法，采用普遍的和科學的方法。“國際版面風格”在前期設計經驗和理論總結的基礎上，形成了一個迄今為止最有效的版面編排方法網格系統，其特點是力圖通過簡單的網格結構和標準化的版面公式達到設計上的統一性。瑞士設計師卡爾吉斯特納（Karl Gerstner）甚至夸張地形容網格系統為“比例的標準，可以把差的變好，把好的變得更好”。四、瑞士的“網格體系”第一章第二節 版式設計的歷史發展“網格系統”實際上就是在版面上按照預先確定好的格式分配文字與圖片，它不是簡單地把圖片與文字并列放置在一起，而是從畫面結構的相互聯系中發展出的一種符合主題內容的形式法則。在版式設計上往往采用方格網為基礎，各種平面元

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

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

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

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

19、統一，從而給人以深刻的印象（圖1-26、圖1-27）。第一章第三節 版式設計的目的和功能優秀的版式設計所具備的的要素： 具有合理的視覺流程； 形式與內容相統一； 色調和諧一致； 主題鮮明突出。重點提示 21 （一）追求視覺的形象化（圖1-28）。一、風格的多元化第一章第四節 版式設計的發展趨勢（二）突出創意表現（圖1-29）。 22 （三）強調突出個性體現（圖1-30）。第一章第四節 版式設計的發展趨勢（四）注重情感渲染（圖1-31）。 23 民族性和地方特色是現代設計的主要趨勢。如何在藝術設計中融合本民族的優秀文化遺產，形成具有民族和地方特色的設計風格，是現代各國設計師立志于解決的重要問題。中國的藝術設計應在國際化藝術設計中將民族化的元素進行有益的補充，使本民族的設計文化得到發展，并創立出具有民族化特色的藝術設計風格。例：中國銀行的標志天圓地方民族、地域所擁有的“集體表象”版式設