版式設(shè)計(jì) 第3章 版式設(shè)計(jì)的網(wǎng)格系統(tǒng)

版式設(shè)計(jì)FORMATDESIGN第三章版式設(shè)計(jì)的網(wǎng)格系統(tǒng)學(xué)習(xí)要點(diǎn)及目標(biāo)：1、了解版式設(shè)計(jì)的網(wǎng)格系統(tǒng)2、梳理版式設(shè)計(jì)中的網(wǎng)格類型3、學(xué)會應(yīng)用網(wǎng)格設(shè)計(jì)4、了解如何突破網(wǎng)格的設(shè)計(jì)第一節(jié)網(wǎng)格的需求網(wǎng)格系統(tǒng)在一定程度上可以保持版面的均衡，使版面中的文字和圖片協(xié)調(diào)統(tǒng)一什么是網(wǎng)格？網(wǎng)格是一種包含一系列等值空間(網(wǎng)格單元)或?qū)ΨQ尺度的空間體系。它在形式和空間之間建立起一種視覺和結(jié)構(gòu)上的聯(lián)系。網(wǎng)格的特點(diǎn)運(yùn)用數(shù)字的比例關(guān)系，通過嚴(yán)格的計(jì)算，把版心劃分為無數(shù)統(tǒng)一尺寸的網(wǎng)格。重視版面的比例感、秩序感、整體感、嚴(yán)肅感，使整個(gè)版面具有簡潔、樸實(shí)的藝術(shù)表現(xiàn)風(fēng)格網(wǎng)格可將版面的構(gòu)成元素如點(diǎn)、線、面協(xié)調(diào)一致地編排在版面上網(wǎng)格的數(shù)量與版面設(shè)計(jì)的主題與傳播媒介有著密切的關(guān)系約束功能使版面就有次序感和整體感，合理的網(wǎng)格結(jié)構(gòu)能夠幫助設(shè)計(jì)者在設(shè)計(jì)時(shí)掌握明確的版面結(jié)構(gòu)信息組織功能能夠幫助指引放置版面中的各種元素,能夠使各元素迅速并準(zhǔn)確地歸置到一定的位置,并使其之間保持一定的視覺連貫性和持續(xù)性第二節(jié)網(wǎng)格的類型網(wǎng)格系統(tǒng)分為對稱式和非對稱式兩種類型網(wǎng)格類型對稱網(wǎng)格對稱網(wǎng)格是根據(jù)左右兩個(gè)版面或一個(gè)對頁而言，指左右兩頁擁有相同的頁邊距，相同的網(wǎng)格數(shù)量、相同的版面安排等。對稱網(wǎng)格左右兩邊結(jié)構(gòu)相同，版面中的網(wǎng)格是可以進(jìn)行合并和拆分的，能夠有效地組織信息、平衡版面。對稱網(wǎng)格主要分為四種形式：單欄對稱網(wǎng)格、雙欄對稱網(wǎng)格、三欄對稱網(wǎng)格、多欄對稱網(wǎng)格一般用于純文字文字性書籍，如小說、文學(xué)著者等。在使用單欄對稱網(wǎng)格時(shí)，可以適當(dāng)在版面中配以圖示，以緩解畫面的枯燥感單欄對稱網(wǎng)格在文學(xué)類書籍、雜志內(nèi)頁正文中運(yùn)用十分廣泛。這種網(wǎng)格可用于純文字版面，但文字的編排比較密集，畫面顯得單調(diào)，也可用于圖文版面。雙欄對稱網(wǎng)格將版面左右頁面分為三欄，適合版面信息文字較多版面，可以避免每行字?jǐn)?shù)過多造成閱讀時(shí)候的視覺疲勞。三欄對稱網(wǎng)格這種版式設(shè)計(jì)適合于編排一些有關(guān)表格形式的文字，比如說聯(lián)系方式、術(shù)語表、數(shù)據(jù)目錄等信息。多欄對稱網(wǎng)格網(wǎng)格類型非對稱網(wǎng)格非對稱網(wǎng)格是指對頁的排版打破對稱的格式，在編排的過程中，會根據(jù)版面需要調(diào)整版面的網(wǎng)格欄的大小比例，使整個(gè)版面更靈活，更具有生氣，強(qiáng)調(diào)頁面的視覺效果。非對稱網(wǎng)格一般適用于設(shè)計(jì)散頁。網(wǎng)格類型模塊網(wǎng)格模塊網(wǎng)格也稱單元網(wǎng)格,是指以單元模塊為基礎(chǔ)的網(wǎng)格設(shè)計(jì)。它分為對稱模塊網(wǎng)格和非對移模塊網(wǎng)格。將版面分成同等大小的單元格的網(wǎng)格形式，再將版面中的文字與圖片安置在相應(yīng)的單元格中。這樣的網(wǎng)格可以隨意編排文字和圖片，具有很大的靈活性。模塊單元格之間的間隔距離可以自由放大或者縮小,但同一個(gè)版面中每個(gè)模塊單元格四周的間距必須相等對稱模塊網(wǎng)格版面分成不同大小的單元格的網(wǎng)格形式，再將版面中的文字與圖片安置在相應(yīng)的單元格中。在用非對稱模塊網(wǎng)格編輯大量文字和圖片時(shí)，可以通過各種排列組合方式，得到多種多樣的版面形態(tài)。在單元格的控制下，可以通過單元格合并等方式靈活地調(diào)整文字和圖片的大小以及位置，使得版面豐富多彩而不顯雜亂。非對稱模塊網(wǎng)格網(wǎng)格類型基線網(wǎng)格基線網(wǎng)格是輔助版面設(shè)計(jì)的基準(zhǔn)線，為版面設(shè)計(jì)提供了視覺參考，對文字、圖形位置、大小等具有規(guī)范作用，可以幫助版面元素按照要求準(zhǔn)確對齊。網(wǎng)格類型成角網(wǎng)格成角式的網(wǎng)格在通常情況下都是選擇相同角度進(jìn)行傾斜的，以避免造成版面內(nèi)容的混亂，成角式網(wǎng)格在版式設(shè)計(jì)中的應(yīng)用使版面結(jié)構(gòu)錯(cuò)落有致，變化多樣。第三節(jié)網(wǎng)格的應(yīng)用網(wǎng)格的創(chuàng)建01根據(jù)比例關(guān)系創(chuàng)建網(wǎng)格在版式設(shè)計(jì)中，網(wǎng)格的建立可以利用版面中構(gòu)成元素的比例關(guān)系。如圖德國字體設(shè)計(jì)師簡安?特科爾德（JanTschichdd,1902-1974)設(shè)計(jì)的經(jīng)典網(wǎng)格版式，整張紙的長寬比為2:3。02利用單元格創(chuàng)建網(wǎng)格單元格創(chuàng)建網(wǎng)格法是指在分割頁面時(shí)采用8:13的黃金比例進(jìn)行分割。以這種方式來決定正文的區(qū)域的大小，可使版面的寬度與高度比上獲得和諧舒適的視覺效果。多語言網(wǎng)格編排多語言網(wǎng)格編排是以文字為主的網(wǎng)格編排說明式網(wǎng)格編排版面呈現(xiàn)圖文并茂的說明性版式，不單單是純文字的單欄網(wǎng)格，具有生動版面，明確內(nèi)容的作用數(shù)量信息網(wǎng)格編排散亂的文字、數(shù)據(jù)進(jìn)行規(guī)范、表現(xiàn)出整齊、簡潔的版面效果。一般采用兩欄的網(wǎng)格形式，將文字信息與數(shù)字清晰地編排在版面上第四節(jié)打破網(wǎng)格的設(shè)計(jì)打破網(wǎng)格并不是完全摒棄網(wǎng)格，而是通過對網(wǎng)格進(jìn)行一些有序的調(diào)整，這樣在打破版面呆板的同時(shí)也能保證版面的整體性與平穩(wěn)性滿版式主要以圖片傳達(dá)信息，以圖片充滿整個(gè)版面，是單欄型網(wǎng)格的變形。用圖在視覺上直觀表達(dá)，打破了文字編排的單調(diào)，表現(xiàn)力強(qiáng)。滿版式設(shè)計(jì)根據(jù)版面的需要，將文字的位置編排在版面的上下、左右、中心點(diǎn)上，層次清晰，傳達(dá)信息準(zhǔn)確明了。滿版式設(shè)計(jì)垂直軸線式設(shè)計(jì)軸線與版面的基線垂直相交，這是軸線式設(shè)計(jì)中最常見的手法，如圖3-40、3-41所示。當(dāng)垂直軸線穿過在畫面的中心時(shí)版面形成了絕對的對稱，版面顯得平穩(wěn)呆板，當(dāng)軸線被移到左邊或右邊時(shí)，白色的空間的大小比例發(fā)生了變化，增強(qiáng)了畫面的節(jié)奏。斜軸線設(shè)計(jì)由于傾斜的軸線具有方向性和流動性，所以以斜軸為基礎(chǔ)的構(gòu)圖也顯得相對活躍。這樣的構(gòu)圖版面被分割為非幾何形態(tài)，具有動感和趣味性軸線式設(shè)計(jì)無規(guī)則軸線式設(shè)計(jì)無規(guī)則形狀的軸線是依據(jù)字形的邊緣來顯示它的形狀特征，變化非常的微妙，同時(shí)也使版面更加充滿活力，給人留下更多的想象空間軸線式設(shè)計(jì)發(fā)散式設(shè)計(jì)，即以將一個(gè)焦點(diǎn)作為中心來設(shè)計(jì)，將所有的元素都組織起來，由一個(gè)焦點(diǎn)中心而延伸，如同光線一樣。散發(fā)式設(shè)計(jì)發(fā)散式設(shè)計(jì)，即以將一個(gè)焦點(diǎn)作為中心來設(shè)計(jì)，將所有的元素都組織起來，由一個(gè)焦點(diǎn)中心而延伸，如同光線一樣。自由式設(shè)計(jì)自由式設(shè)計(jì)從字面上理解就是不受任何限制的設(shè)計(jì),它是通過版式編排中各種元素自由組合排列而形成的。它打破了原有版式設(shè)計(jì)思想所提倡的規(guī)整理念，超越了傳統(tǒng)版面設(shè)計(jì)整齊、清晰的標(biāo)準(zhǔn)散發(fā)式設(shè)計(jì)版心無邊界打破了傳統(tǒng)頁面必須具備天頭、地腳、內(nèi)外白邊的概念，在排版過程中文字可以沖出頁面，不受頁面邊界的束縛，運(yùn)用無邊界性理念設(shè)計(jì)出的作品往往具有強(qiáng)烈的視覺沖擊力版心無邊界自由式設(shè)計(jì)特點(diǎn)字圖一體是指在編排過程中，文字疊印在圖片上，不在乎易讀性，而是追求層次豐富的視域，已成為自由式設(shè)計(jì)中的一大特征字圖一體自由式設(shè)計(jì)特點(diǎn)解構(gòu)性是自由式設(shè)計(jì)的最主要特征之一，它運(yùn)用了點(diǎn)、線、面等抽象元素去重組新的版式結(jié)構(gòu)解構(gòu)性自由式設(shè)計(jì)特點(diǎn)在自由式設(shè)計(jì)中，信息的易讀