09236編排設(shè)計第04章圖與文的組合階段

字體與編排設(shè)計Typo&LayoutDesign第四單元：圖與文的組合階段圖與文的組合，又稱圖與文的編排，指的是將圖形和文字等元素有序組合。圖文組合的目的是信息的形式新穎而富于藝術(shù)性，信息的傳遞速度快而準(zhǔn)確。

就組合關(guān)系來說，圖文組合可分為以文為主和以圖為主兩種圖文組合形式。而就組合方法來說，20世紀(jì)出現(xiàn)了自由組合和網(wǎng)格化組合兩種方法。第一節(jié)自由組合自由組合是一種“耗散式”的圖文編排形式。它在視覺吸引力上有著很大的優(yōu)勢。這種圖文編排形式表現(xiàn)出動人的激情，同時隱含著驚人的耐心?？此苼y成一團(tuán)的表面，其背后實際隱含著巧妙的線索。自由組合的探索最早出現(xiàn)在上世紀(jì)30年代的歐洲，達(dá)達(dá)主義、構(gòu)成主義、風(fēng)格派設(shè)計師在這一形式上取得了早期的成就。電腦技術(shù)的發(fā)展，為這一方法開辟了更為廣闊的發(fā)展道路。與強(qiáng)調(diào)功能的網(wǎng)格化組合方法相比，圖與文的自由組合顯得生動活潑，富有趣味，充滿游戲性，它已成為當(dāng)代平面設(shè)計版面編排的重要方法。1.以文為主的圖文與組合這一組合方式在西方被稱為typography。在這類組合中，圖僅僅作為輔助形式出現(xiàn)，甚至不存在。根據(jù)版面的視覺流程的需要，以文為主的圖文組合形式主要分為四種：①水平式②垂直式③直線傾斜式④弧線式第一節(jié)自由組合自由組合形式中常用的個性化文字處理方法有以下十類：①所有文字按主次進(jìn)行疊加。②在文字上添加線條或不規(guī)則圖形。③在文字后面用塊面襯托。如果底圖色彩比較豐富，用黑色、白色或純色塊襯托，可以讓文字更加突出。④將文字反轉(zhuǎn)。⑤對某些文字進(jìn)行極度放大或縮小。⑥將文字進(jìn)行變形。⑦對文字進(jìn)行模糊處理。⑧文字與具有粗糙質(zhì)感的肌理相結(jié)合。⑨采用遮蓋手法，對文字的局部進(jìn)行遮蓋或裁減。⑩解構(gòu)文字的筆畫，或者用不同色彩填充文字的各個筆畫，增添層次感。第一節(jié)自由組合自由組合形式中常用的個性化文字處理方法自由組合形式中常用的個性化文字處理方法2.以圖為主的圖文與文組合相比文字，圖形的最大特點是其直觀性，有人將其稱為一種“國際語言”。（1）圖文關(guān)系處理①圖與文分離。各自有獨立空間，但又相互呼應(yīng)。盡量選擇與圖形意境相符的字體。比如關(guān)于兒童的圖片，就采用小孩涂鴉式的手寫體。②圖文疊加。③圖文結(jié)合。此種編排方式需要對圖形中的每個元素進(jìn)行考慮，以尋找到最合適的位置。第一節(jié)自由組合（2）圖的處理這里的圖是指版面中所有的圖畫和表格。其中的照片是版面設(shè)計重要的素材。戴維·達(dá)博納說：“因為我們習(xí)慣在電視和出版物中看到現(xiàn)實生活中真實事件的照片，因此照片相對于插圖而言似乎更真實可信。所以，設(shè)計師們傾向于采用照片使某些信息更可信?！?/p>

我們可以自己拍攝照片，也可以從專業(yè)機(jī)構(gòu)、人員那里得到想要的圖片。但在大多數(shù)情況下，照片不能直接使用，需要經(jīng)過一定的處理，使之符合設(shè)計要求。目前，比較常用的處理照片軟件是AdobePhotoshop。圖片處理的方式主要包括裁剪、色調(diào)處理、外形處理、清晰析度等。裁剪的目的是剔除與主題無關(guān)的細(xì)節(jié)，以集中視覺焦點。色調(diào)的處理包括保留或調(diào)整原始色調(diào)，使用單色調(diào)、雙色調(diào)、黑色調(diào)等色調(diào)。圖的外形處理包括設(shè)置其外形為方形、正圓形、橢圓形、三角形、菱形、多邊形、心形等規(guī)則形以及物體本身的外形。圖的清晰度處理包括提高或降低清晰度、是否網(wǎng)點處理以及一些網(wǎng)點處理，以及一些藝術(shù)化形式，如素描畫效果、水粉畫效果、波紋效果等。第一節(jié)自由組合圖的處理網(wǎng)格也被稱為柵格。網(wǎng)格化組合是一種利用既定的網(wǎng)格組織圖與文的編排形式。網(wǎng)格化組合的特征是秩序性、嚴(yán)密性、連續(xù)性和準(zhǔn)確性。網(wǎng)格之于版面，正如腳手架之于建筑物。網(wǎng)格可以幫助設(shè)計師在有限的版面中有序擺放各種圖與文。利用網(wǎng)格的目的是視覺秩序更加清晰，信息傳達(dá)更為快速。網(wǎng)格有時以簡單的形式出現(xiàn)，有時卻較復(fù)雜；有時是比較松散的形式，有時會非常嚴(yán)謹(jǐn)。瑟夫·穆勒——布諾克曼，一位在網(wǎng)格化組合方面作出過巨大貢獻(xiàn)的人物。他于1936年提出一些對網(wǎng)格設(shè)計很有幫助的設(shè)計方法。他認(rèn)為：“在設(shè)計時應(yīng)該用視覺交流的方法組織內(nèi)容；應(yīng)該系統(tǒng)而合理地組織文字和圖形素材；應(yīng)該以自身的節(jié)奏組織文字和圖形，使頁面排列緊湊?！彼€認(rèn)為：“應(yīng)該將視覺素材置放一起以便于理解，并使其被高效組合?！?/p>

我們應(yīng)該視網(wǎng)格為解放設(shè)計師的工具，而不是束縛。埃倫·魯普頓曾說：“一個好的網(wǎng)格設(shè)計不是一個刻板的公式，而應(yīng)該是一個靈活、有彈性的結(jié)構(gòu)，應(yīng)該是一個骨架，與所傳達(dá)信息的肌質(zhì)相適應(yīng)?！边@也是優(yōu)秀網(wǎng)格設(shè)計的評判標(biāo)準(zhǔn)。第一節(jié)自由組合1.簡單的網(wǎng)格元素（1）單元格一個版面中網(wǎng)格單元格的多少，由版面中的視覺元素決定。內(nèi)容越多，網(wǎng)格中單元格的數(shù)量就越多。最簡單的網(wǎng)格由九個大小一致的單元格組成。在這個3×3的結(jié)構(gòu)系統(tǒng)中，會形成四個最佳視覺焦點的交叉點。第一節(jié)自由組合1.簡單的網(wǎng)格元素（2）選擇和限制單元格中的網(wǎng)格線既是安置圖文元素的依據(jù)，也是選擇的對象。首先，單元格提供了兩種可能性：水平系列和垂直系列。水平系列的網(wǎng)格化組合要求版面按照水平線構(gòu)建圖文的基本組合關(guān)系；而垂直系列的網(wǎng)格化組合要求版面按照垂直線構(gòu)建圖文的基本組合關(guān)系。當(dāng)然圖文的寬度或長度受到與其相對的垂直線或水平線的制約。第一節(jié)自由組合1.簡單的網(wǎng)格元素（3）比例網(wǎng)格線還是有確定版面元素之間比例關(guān)系的作用。比如，在這個3×3的網(wǎng)格系統(tǒng)中，所有的版面元素的長度之比是1:2:3。第一節(jié)自由組合（4）強(qiáng)調(diào)軸的聯(lián)系視覺要素在版面中對齊，就會在網(wǎng)格中形成軸。這種軸具體可以分為四邊軸和中心軸兩種。如果視覺要素與軸緊密聯(lián)系，整個版面就會被激活，顯得大方舒展。單獨的視覺要素不能形成軸，必須由兩個或者更多視覺要素參與，才可以建立起軸的視覺感受。在強(qiáng)調(diào)軸的同時，畫面中會自然地形成對齊的“塊”化文字。與此同時，欄的概念也產(chǎn)生了。所謂“欄”，同樣也是利用網(wǎng)格，將文字放入其中。一般有兩欄、三欄、四欄等形式。具體形式由內(nèi)容決定。在確定欄的寬度時，注意文字排列行不宜過長，一行字超過14個字，閱讀者會感到視覺疲勞。反之，則會造成視覺跳躍性太強(qiáng)，同樣會引起疲勞。第一節(jié)自由組合（5）強(qiáng)調(diào)視覺焦點前面提到，在3×3的結(jié)構(gòu)系統(tǒng)中，會形成四個最佳的視覺焦點。這是值得高度關(guān)注的四個點。把視覺要素自然地放置在這些點上，讓這四個交叉點形成視覺的中心點。2.網(wǎng)格的類型按照構(gòu)成方式，網(wǎng)格可分為水平構(gòu)成型網(wǎng)格、垂直構(gòu)成型網(wǎng)格，以及水平與垂直定義型網(wǎng)格等三種類型。而按照網(wǎng)格的單元格數(shù)量，網(wǎng)格可分為基本型網(wǎng)格和擴(kuò)展型網(wǎng)格。基本型網(wǎng)格為3×3單元格網(wǎng)格。擴(kuò)展型網(wǎng)格是在基本型網(wǎng)格基礎(chǔ)上，進(jìn)一步擴(kuò)大單元格的數(shù)量而形成的更加復(fù)雜的網(wǎng)格形式。第一節(jié)自由組合復(fù)雜網(wǎng)格范例分析思考題1.文字的主要編排形式有哪幾種？2.列舉幾種圖的處理形式。練習(xí)題練習(xí)一：1.自由編排形式練習(xí)設(shè)計2月、7月、10月、12月的月歷各一張。要求：每張必須出現(xiàn)以下要素：月份（如2月就必須出現(xiàn)“2”字）、陽歷日期、星期、代表本月的圖形或代表本月中重要節(jié)日、節(jié)氣的圖形或代表本季節(jié)的圖形）。做自由組合練習(xí)。

2.網(wǎng)格編排形式參照本單元內(nèi)容，將相同主標(biāo)題、相同正文、相同圖（不同表現(xiàn)形式）做網(wǎng)格形式的版面編排練習(xí)。練習(xí)一：學(xué)生作品范例練習(xí)一：學(xué)生作品范例練習(xí)一：學(xué)生作品范例練習(xí)二：1.模仿你欣賞的設(shè)計風(fēng)格，向優(yōu)秀作品學(xué)習(xí)。模仿是初學(xué)者的捷徑，但不是不加思考的抄襲。模仿過程注重的是觀察、揣摩對象的細(xì)節(jié)，比如采用的色彩、空間的對比、字體的處理、文字的字距行距、虛空間的面積等，這才是以學(xué)習(xí)為最終目標(biāo)的模仿。方法：用自己的文字內(nèi)容與圖片進(jìn)行替換，文字與圖片的表現(xiàn)方法、編排形式要與所學(xué)習(xí)的作品一致。要求：每一張用不同的編排形式，自由式編