【文章內(nèi)容簡介】 還要作進一步的研究，審視這些草圖的可取之處和不足之處，進行歸納和提煉，我們將這一過程稱為優(yōu)化方案。第二節(jié) 分區(qū) 分區(qū)是確定編排元素在版式中的具體位置，諸如圖片區(qū)、標題區(qū)、正文區(qū)等，它是一種隱藏在版式中的結(jié)構(gòu)線，給受眾明確的定位提示，引導受眾清晰明了的依信息等級進行閱讀。分區(qū)是對合并后的各信息等級進行版式上的規(guī)劃，確定它們的區(qū)域位置、主次、黑白灰的關(guān)系，從而完成整體布局。（見圖33）圖33一、黑、白、灰關(guān)系 在版式設計中，圖形與圖形，圖形與文字，文字與文字、編排元素與背景之間，無論表現(xiàn)為有彩色或無彩色，我們在分析中，都在視覺上整體歸納為黑、白、灰三種空間層次關(guān)系。通過黑、白、灰的明度對比，使某些元素比其它元素更突出，各編排元素之間建立起先后順序，使信息層次更加分明。 如何在版式設計中進行編排元素的黑白灰構(gòu)成呢，我們從分析作品入手導入課程內(nèi)容！ 是由攝影師提供給版式設計師的作品，通常為不可變的元素，因此，在有圖片的編排中，首先要分析圖片的明度關(guān)系，以確定在版式中的黑白灰布局，并由此決定其他編排元素在版式中的明度關(guān)系。 2．文字類信息 純文本信息包含標題字、副標題、引文、說明文、正文幾個部分，是用來構(gòu)成畫面黑白灰關(guān)系的主要編排元素。標題區(qū)的明度關(guān)系可以通過字型、大小、粗細、色彩來表現(xiàn)；正文區(qū)可以通過字號、字型、字間間距、行間間距的不同選擇表現(xiàn)出不同的灰度層次，它的靈活變化，營造出版面的美感和空間感。 二、面構(gòu)成 在視覺構(gòu)成中，面用于定義空間或體積的邊界，被面所限定的區(qū)域也稱為形。 面在二維平面上，常表現(xiàn)為各種各樣的形狀：幾何形，有機形，不規(guī)則形，曲線形。形可以根據(jù)內(nèi)容大致分為表現(xiàn)形體和抽象形體兩大類。表現(xiàn)形體即包含特定主題、可與觀眾進行視覺交流的形。在版式設計中，包括圖片、標題、引文、正文等編排元素抽象成“面”之后所形成的形。抽象形體（或非表現(xiàn)形體）指不包含可以認知主題的形，例如負空間，或稱負形。（見圖34）圖34 為了加強編排的整體概念，我們應有意識地將文字作面的編排，理解文字在版式中所占的面積大小及形成的黑白灰視覺效果。 。 正確的估算分類后的引文與正文的字數(shù)在版面中所占的面積，可以在草圖構(gòu)思中正確定位分區(qū)大小。 、字號、行距、字間距所形成的面的明度關(guān)系。文字的字體、字號、粗細、行距、字距的選擇不同，在版式設計中形成的面的明度也有所不同，由此決定版式構(gòu)成中黑白灰的整體布局。文案的群組化是避免版面空間散亂狀態(tài)的有效方法。 案例分析與課程小結(jié)： [重點提示一] ，最黑的小標題放在了空白空間中，形成黑白強對比。（見圖35） ，一定要首先把底色的明度分析出來，那么白的概念就需要有意識的留出空白空間來加以表現(xiàn)。，作為不變因素， 圖35也必須將其明度分析出來，使其成為其它編排元素布局時黑白灰整體構(gòu)成的參考因素。 [重點提示二] 目錄（索引）設計 ，重點突出，導航清晰，編排舒適是設計的重點。 、書籍或者報刊的目錄頁設計。注意不同的內(nèi)容是如何組合，運用了多少種字體，是如何在字體和排版上運用對比以便找出重要信息，是怎樣把主題進行同類合并。另外，還應看看雜志中的目錄和圖片是如何結(jié)合在一起；注意對齊方式、字體的重復及對比的運用。 。 注意： 目錄設計的重點是指引線（即指示頁數(shù)的一行點）。 ①不要使用不相配的指引線，同時要學會調(diào)整指引線間的間隔，使整體視覺效果舒適。 ②不要鍵入一個又一個的句號來充當指引線。因為這些句號的排列肯定很不規(guī)則，學會使用相關(guān)軟件“自動加入指引線”的功能。 ③即使有指引線，也不要把頁碼數(shù)字與標題之間的距離分得太開。 ④目錄中的章與節(jié)非常清晰，同一章節(jié)的信息盡量靠近，不同章節(jié)的信息應拉開一定距離，注意運用鄰近原則。 ⑤不要過于強調(diào)信息級別的層次而把頁面變得很亂，牢記整體概念。第三節(jié) 分欄一、 網(wǎng)格信息內(nèi)容有著它自己的內(nèi)在結(jié)構(gòu)和固定的組成部分，需要一定的鑒賞力去揭開各部分的相互連續(xù)性，網(wǎng)格為設計提供了一個基本的框架，幫助形成清楚、連貫的信息關(guān)系和易懂的頁面，給設計一種內(nèi)在凝聚力。什么是網(wǎng)格？網(wǎng)格是一種包含一系列等值空間（網(wǎng)格單元）或?qū)ΨQ尺度的空間體系。它在形式和空間之間建立起一種視覺和結(jié)構(gòu)上的聯(lián)系。形式和空間的位置及其相互關(guān)系通過二維網(wǎng)格來限定。網(wǎng)格的構(gòu)圖能力來自于所有元素之間的規(guī)則形和連續(xù)性，它能夠決定一個頁面上元素的零散或整齊程度、頁面上插圖和文字的比例，通過網(wǎng)格建立連續(xù)的秩序或參考區(qū)域，從而產(chǎn)生普遍聯(lián)系。網(wǎng)格由垂直線與水平線相交構(gòu)成網(wǎng)格單元，網(wǎng)格單元之間的空白區(qū)域稱為分隔線。網(wǎng)格的表現(xiàn)：首先，在版式四周要留出頁邊，采用1磅的線條。其次，把該空間等分，以使各列文字相互間不接觸，每個單元格之間也要有一條空白的分隔帶，網(wǎng)格內(nèi)采用細線。網(wǎng)格以垂直單元與水平單元的數(shù)目定義。一個兩欄三行的網(wǎng)格被稱為6單元網(wǎng)格，或23網(wǎng)格。而一個三欄四行的網(wǎng)格被稱為12單元網(wǎng)格，或34網(wǎng)格。網(wǎng)格一旦建立，各欄文字或圖片的寬度、長度便可以隨便調(diào)整，并且可以占用多個網(wǎng)格單元）。網(wǎng)格使用原則：對以文本為主的版式，通常使用兩欄或三欄簡單的網(wǎng)格。對于以插圖、圖片為主的版式，通常使用三欄以上復雜的網(wǎng)格。網(wǎng)格越復雜，你的設計就越具有靈活性，當然難度把握就越大，需要長期的經(jīng)驗積累。 ⑴一次性運用于設計作品的網(wǎng)格這類網(wǎng)格通常一次性用于設計項目之中，不反復使用。對于一些復雜的信息，如表格、科學數(shù)據(jù)、名單和一些重復的元素，如標題、多幅圖片和正文，在特定的頁面和版幅上都需要設計網(wǎng)格進行定位，使復雜的信息條理化。提示： 圖36 2縱列、6縱列和5縱列網(wǎng)格是最基本的標準網(wǎng)格。 2縱列網(wǎng)格把設計空間分為4部分；而6縱列網(wǎng)格是在各頁上再分3縱列； 5縱列網(wǎng)格可以單獨使用，也可以兩個大縱列加一個小縱列合并使用（見圖36）。⑵用于多頁面或多主題出版物的網(wǎng)格系統(tǒng)網(wǎng)格可以提供一個重復使用的系統(tǒng)，使設計過程和出版周期達到一體化，許多最基本的設計元素因網(wǎng)格系統(tǒng)得以保留，每次使用時只需作局部的修改，保持了出版物特有的風格。本小節(jié)僅對網(wǎng)格的基本概念作一些介紹。網(wǎng)格構(gòu)成設計是一門學問，可以參考相關(guān)專業(yè)書籍進行深入學習。網(wǎng)格系統(tǒng)：或稱為標準尺寸系統(tǒng)、程序版面設計、比例版面設計、瑞士版面設計、或歐洲形式（與美國的自由版面形式相對而言），它的源流可追溯到20世紀20年代的構(gòu)成主義。網(wǎng)格設計不是簡單地把文字和圖片并列放置在一起，而是從畫面結(jié)構(gòu)中的相互聯(lián)系發(fā)展出來的一種形式法則。50年代才在歐洲定型為版面設計形式。它的特征是重視比例感、秩序感、連續(xù)感、清晰感、時代感、準確性和嚴密性。著名的瑞士設計師約瑟夫?米勒?布羅克曼說：“網(wǎng)格使得所有的設計因素——字體、圖片、美術(shù)之間的協(xié)調(diào)一致成為可能。網(wǎng)格設計就是把秩序引入設計中去的一種方法?！保ㄒ妶D37）圖37簡單些的網(wǎng)格通常比復雜的網(wǎng)格更好掌握，一般分成五個、七個欄目的網(wǎng)格，普遍情況下都較為實用，而且用起來很有趣，因為它有一定的選擇余地，但過分復雜的網(wǎng)格因選擇的余地過大，好像到處都是網(wǎng)格，也會毫無用處，因為網(wǎng)格單位太小，讀者就很難看清它的條理。有條理的設計來自于流暢的結(jié)構(gòu)，它能按順序地從一個元素到另一個元素進行引導。（見圖38）網(wǎng)格構(gòu)成方法：圖38⑴分析優(yōu)秀設計作品，解讀網(wǎng)格的構(gòu)成規(guī)律和形式。首先，在速寫本上通過目測分析出優(yōu)秀版式設計的基本網(wǎng)格結(jié)構(gòu)并繪制出來。這一步非常重要，它可以訓練視覺迅速捕捉出基本網(wǎng)格結(jié)構(gòu)線，減少對電腦分析的過于依賴或者依葫蘆畫瓢的錯誤分析方法。其次，將優(yōu)秀版式設計輸入進電腦，在軟件中進行分析。⑵確定主要信息元素位置，以此延伸外形輪廓線，在版式中構(gòu)成基本框架根據(jù)信息等級整體布局，依主要元素延伸獲得網(wǎng)格結(jié)構(gòu)線。 二、版式中的線版式中的線包括三種：由字的編排構(gòu)成的線、視覺引導線、幾何線。1. 字有秩序的編排構(gòu)成線 在平面構(gòu)成中我們知道點的移動可以構(gòu)成線，設計中常常將字符作為點進行線的編排，通過字體、粗細、大小構(gòu)成不同明度的線（見圖39）。圖39視覺引導線在版式中是一條看不見但卻非常關(guān)鍵的導向線，它直指中心內(nèi)容。我們在分析作品時，一定要善于發(fā)現(xiàn)這條看不見的線。因為它引導視線去關(guān)注設計主題，成為貫穿版面的主線，版式中的編排元素以視覺引導線為中心依信息級別向左右或上下展開。視覺引導線是版式設計中定位的依據(jù)，表現(xiàn)為水平線、垂直線、曲線、斜線。幾何線表現(xiàn)為可視的網(wǎng)格分區(qū)線和裝飾線。⑴用線分割版面的設計網(wǎng)格線通常是隱性的，僅起定位作用，沒經(jīng)過專業(yè)訓練的受眾不易發(fā)現(xiàn)。但是，版式設計師有時也別出心裁的使優(yōu)美的網(wǎng)格結(jié)構(gòu)線躍然紙上，成為可視線條。設計時，應將網(wǎng)格線視為裝飾元素作整體上的安排，切不可讓縱橫密布的網(wǎng)格線影響信息的傳遞。⑵用線裝飾編排元素的設計在版式中，編排元素時常用線來裝飾，引起視覺關(guān)注。當引文需要強調(diào)時，用線作為裝飾，將引文與正文加以區(qū)別。正文中，裝飾線條可以將正文進行平級信息分區(qū)；同時，線條也可以用在單詞下方，對正文中重點內(nèi)容起強調(diào)作用。⑶用線框來限定版式中的編排元素線框可以用來加強某種編排元素視覺效果，使其在整體中顯得特別出眾。當被強調(diào)的對象是說理性很強的文字或圖形時，可用有規(guī)律的幾何形線框來限定它，使形式與內(nèi)容完美統(tǒng)一。⑷用線來裝飾整體版面的設計，常用于展開頁的整體設計，起到連貫信息的目的。 三、重復原則 同樣的形在一個設計中多次使用，稱為重復。包括形的重復、尺寸重復、色彩重復、質(zhì)感重復、方向重復、位置重復、空間重復和重量重復等。版式設計中編排元素間形的重復、編排元素與空白空間形的重復、編排元素在網(wǎng)格單元中的重復，構(gòu)成協(xié)調(diào)一致的視覺形象。然而太多的重復可能會損害編排的活力，這時可以在方向和空間上作一些變化：形以各種方式相互迭加、穿透、組合、或正負形的結(jié)合等。（見圖310）依據(jù)對文本的分類，找出重復的內(nèi)容（標題的樣式、段間間距、圖形等元素）,分區(qū)設計時有意識重復各區(qū)域的外形，重復各級分組及它們的對齊方式，并將這種設計特征運用于不同的頁面重復使用，以便讓讀者能夠看懂組織結(jié)構(gòu)。這個理念可以應用到設計的每個內(nèi)容中：要有意識的去做。 線性重復：按同一方向同樣間距重復形。 二維重復：多行的單元形或組規(guī)則重復。 三維重復：產(chǎn)生空間和結(jié)構(gòu)網(wǎng)格系統(tǒng)。圖310案例分析與課程小結(jié)：[重點提示]　 版式中的對比運用對比可以幫助設計作品具備層次感，而層次感就是觀眾接受信息的順序，即他們能理解哪些是重要的信息，哪些是次要的。對比的把握：① 為各種元素安排一個規(guī)則的體系，然后打破這個體系。② 圖形：在大小比例上設計一個出其不意的變化。文字：把語言重點轉(zhuǎn)換成視覺重點最常用的是大小的對比。③ 把某一元素移出它原有的位置（見圖311）。④ 去除某一預料之中的元素。⑤改變某一元素量。圖311 [同類合并原則如何指導設計案例分析一] 翻閱一些精美的期刊雜志，我們常常感嘆于優(yōu)秀設計中標題字的穿插、重疊技巧，通常這些技巧的應用是建立在同類合并原則的基礎(chǔ)上，也就是找出標題中的信息等級與中心內(nèi)容。我們分析一下這一組英語標題字（見圖312），in the 屬付詞，可以用小寫體表現(xiàn)；girl,city是名詞，也是句子中的主要信息內(nèi)容，其中g(shù)irl又是最重要的中心詞，因此用黑色表現(xiàn)，city與girl字體大小相同，用白色表現(xiàn)，重點 圖312突出而又使主次拉開距離。這種主次關(guān)系看似是以一種不經(jīng)意的方式表現(xiàn)，而這個中理由只有通過分析才可以明了；New是定語，所以放在被修飾詞girl的前面，穿插關(guān)系就這樣建立起來（見圖312）。 [理解分區(qū)概念中黑白灰關(guān)系優(yōu)秀作品案例分析二] 通常編排元素在白紙上進行布局時，我們都將白底作為黑白灰中的白，用其它元素來構(gòu)成版式中的黑或不同明度的灰，黑白灰的整體關(guān)系易于理解。 圖313這是一頁純文本的編排（見圖313），這張作品中，增加了一個深色色底，那么如何理解黑白灰的概念呢？事實上，平面構(gòu)成中黑白灰關(guān)系是相對的。在這張版