版式設(shè)計 第三章 版式的形式美法則

版式設(shè)計LayoutDesign第三章版式設(shè)計的形式美法則一文字二圖形三色彩四網(wǎng)格五視覺流程第一節(jié)版式設(shè)計的構(gòu)成要素一、文字主題內(nèi)容(標題、正文、注解等)離不開文字，通過文字獲得主要信息。設(shè)計者需掌握中外字體的一般常識，不同的字體給人的心理感受不一樣，美的字體能使讀者感到愉悅,幫助閱讀和理解。（字體設(shè)計）一般說來，版式設(shè)計中的文字有兩種形式，一是個性化文字；二是表達信息的功能性文字。1、個性化字體設(shè)計：對文字的象形、意形、字母按視覺傳達規(guī)律加以整體考慮的設(shè)計，是通過對字形、字意、字音的聯(lián)想，以意念思維所創(chuàng)造的新的文字造型形象，有著很高的審美價值，具有可讀性、趣味性、識別性，是現(xiàn)代視覺傳達的重要語言之一。2、字體編排設(shè)計：將句子或文章有序地、有層次地、有疏密對比地編排。2.1字距、詞距、行距的編排

（1）漢字編排——一般較規(guī)則的說明文字：行距=?字高、比字間距略寬（2）拉丁字母大寫行距=?字高

拉丁字母小寫行距則以上下伸出部分不碰到為原則。（3）特殊要求時，可根據(jù)需要調(diào)整。2.2圖形化的文字編排

運用大量的文字組成平面的，或立體的圖形，其圖形化的文字編排能夠形象地傳達出文字的內(nèi)容，從而增強視覺的趣味性。增加讀者對文體的記憶。A圖形化的文字編排手段

a設(shè)計出一個特定的圖形

b將所要編排的文字全部編排到圖形里。注意：輪廓、文字大小、偏重圖形的可視性B圖形化的文字編排的應用范圍報紙、雜志、招貼、書籍、宣傳冊等。在版式設(shè)計中，文字的設(shè)計十分重要

精準細致的字體表述內(nèi)容的版式，給人以清晰、明朗和高貴的感覺。A信息量大，文字量多B文字占有版面的絕大部分面積，或只有文字沒有圖形的情況下。對文字的巧妙處理從構(gòu)成的角度來看：文字分布的區(qū)域視覺心理A字號小

B成行的文字C成段的文字少量的字體疏朗地排列，給人以點的感覺

由于視覺調(diào)整、連綴成為版面上的線在版面上形成面

1、版面設(shè)計中的文字部分設(shè)計（1）主要內(nèi)容的文字設(shè)計注意：

在文字體式、色彩上不需要過多的變化；

常用字體：黑體、等線體、羅馬體

簡潔和通俗的排版更有利于閱讀。

版式設(shè)計（2）版面中的文字與留白留白：在平面設(shè)計中講究在版面中留有適當?shù)模?/p>

既無圖形亦無文字的空白部分。版面中:文字：解讀版面內(nèi)容留白：視覺上的舒緩、聯(lián)想烘托字體的獨特樣式和形式語言。（3）文字與文字

A標題文字經(jīng)過專門的設(shè)計來表現(xiàn)目的：獲得更為有效的視覺刺激，吸引關(guān)注、重視。準確傳達意圖，對正文內(nèi)容作較形象而概括的提示。標題設(shè)計注意：字體設(shè)計

位置（視覺中心）B正文文字字體一般不要求過多的變化。目的：解釋、說明、表述標題設(shè)計注意：理智、科學、

字號、字體、字距、行距、篇章字數(shù)（面積）的控制。

C標題、正文、說明常是穿插應用的

標題

>

正文

>說明文字（4）文字與插圖并列關(guān)系：文字與插圖并列排列包容關(guān)系：文字繞圖的形式（5）文字與色彩標題：較合適作色彩處理

正文：需要更含蓄委婉二、圖形和圖像圖片在版面設(shè)計中，占有很大的比重，視覺沖擊力比文字強85%。但這并非語言或文字表現(xiàn)力減弱了，而是說圖片在視覺傳達上能輔助文字，幫助理解，更可以使版面立體、真實。文字版中加入圖形圖片立即引起視覺流程的變化圖形的形式、大小、數(shù)量——影響讀者注意力主題借助圖形、圖片來增強文字說服力，提高閱讀興趣。圖片以符號為圖形以裝飾畫或油畫為圖形

圖形可以理解為一切圖和形。圖形以其獨特的想象力、創(chuàng)造力及超現(xiàn)實的自由構(gòu)造，在排版設(shè)計中展示著獨特的視覺魅力。在國外，圖形設(shè)計師已成為一種專門的職業(yè)。圖形設(shè)計師的社會地位已伴隨圖形表達形式所起的社會作用，日益被人們所認同。今天，圖形設(shè)計師已不再滿足或停留在手繪的技巧上，電腦新科技為圖形設(shè)計師們提供了廣闊的表演舞臺，促使圖形的視覺語言變得更加豐富多彩。圖形主要具有以下特征：圖形的簡潔性、夸張性、具象性、抽象性、符號性、文字性。圖形的簡潔性

圖形在排版設(shè)計中最直接的效果就是簡潔明了，主題突出。

圖形的夸張性

/a3_46_36_01300000081395121023364412312_jpg.html它將對象中的特殊和個性中美的方面進行明顯的夸大，并憑借于想象，充分擴大事物的特征，造成新奇變幻的版面情趣，以此來加強版面的藝術(shù)感染力，從而加速信息傳達的時效。

圖形的具象性

具象性圖形最大的特點在于真實地反映自然形態(tài)的美。在以人物、動物、植3、圖形的具象性具象性圖形最大的特點在于真實地反映自然形態(tài)的美。在以人物、動物、植物、礦物或自然環(huán)境為元素的造型中，以寫實性與裝飾性相結(jié)合，令人產(chǎn)生具體清晰、親切生動和信任感、以反映事物的內(nèi)涵和自身的藝術(shù)性去吸引和感染讀者，使版面構(gòu)成一目了，深得讀者尤其是兒童的廣泛喜愛。

圖形的抽象性

抽象性圖形以簡潔單純而又鮮明的特征為主要特色。它運用幾何形的點、線、面及圓、方、三角等形來構(gòu)成，是規(guī)律的概括與提煉。所謂“言有盡而意無窮”，就是利用有限的形式語言所營造的空間意境，讓讀者的想象力去填補、去聯(lián)想、去體味。這種簡煉精美的圖形為現(xiàn)代人們所喜聞樂見，其表現(xiàn)的前景是廣闊的、深遠的、無限的，而構(gòu)成的版面更具有時代特色圖形的符號性

在排版設(shè)計中,圖形符號性最具代表性,它是人們把信息與某種事物相關(guān)聯(lián),然后再通過視覺感知其代表一定的事物。當這種對象被公眾認同時,便成為代表這個事物的圖形符號。如國徽是一種符號,它是一個國家的象征。圖形符號在排版設(shè)計中最具有簡潔,醒目,變化多端的視覺體驗。它包含有三方面的內(nèi)涵:符號的象征性

運用感性、含蓄、隱喻的符號，暗示和啟發(fā)人們產(chǎn)生聯(lián)想，揭示著情感內(nèi)容和思想觀念。

符號的形象性

以具體清晰的符號去表現(xiàn)版面內(nèi)容，圖形符號與內(nèi)容的傳達往往是相一致的，也就是說它與事物的本質(zhì)聯(lián)為一體。

符號的指示性

顧名思義，這是一種命令、傳達、指示性的符號。在版面構(gòu)成中，經(jīng)常采用此種形式，以此引領(lǐng)、誘導讀者的視線，沿著設(shè)計師的視線流程進行閱讀。

圖形的文字性

文字的圖形化特征，歷來是設(shè)計師們樂此不疲的創(chuàng)作素材。中國歷來講究書畫同源。其文字本身就具有圖形之美而達到藝術(shù)境界。以圖造字早在上古時期的甲骨文就開始了。至今其文字結(jié)構(gòu)依然符合圖形審美的構(gòu)成原則。世界上的文字也不外乎象形和符號等形式。所以說，要從文字中發(fā)現(xiàn)可組成圖形的因素實在是一件輕而易舉之事。它包含有圖形文字和文字圖形的雙層意義。

1．圖形文字

圖形文字是指將文字用圖形的形式來處理構(gòu)成版面。這種版式在版面構(gòu)成中占有重要的地位。運用重疊、放射、變形等形式在視覺上產(chǎn)生特殊效果，給圖形文字開辟了一個新的設(shè)計領(lǐng)域。

文字圖形

文字圖形，就是將文字作為最基本單位的點、線、面出現(xiàn)在設(shè)計中，使其成為排版設(shè)計的一部分，甚至整體達到圖文并茂、別具一格的版面構(gòu)成形式。這是一種極具趣味的構(gòu)成方式，往往能起到活躍人們視線、產(chǎn)生生動妙趣的效果。三、色彩色彩較之圖文對人的心理影響更為直接，具有更感性的識別性能?，F(xiàn)代商業(yè)設(shè)計對色彩的應用更上升至“色彩行銷”的策略，成為商品促銷、品牌塑造的重要手段。配色原則：1.黑白配色原則：黑與白有強烈的對比關(guān)系，灰色是對這兩種顏色的調(diào)和，這樣的配色給人一種安靜素雅的感覺，同時還具有很強的時尚感。黑白灰也用來表達憂郁頹廢的情緒或是懷舊的感覺。2.單色配色原則：畫面由棕色的明、中、暗3種色調(diào)構(gòu)成，這就是單色配色。它屬于基礎(chǔ)配色，很容易掌握。通過調(diào)整一個顏色的明度，使其發(fā)生漸變。3.中性配色：黃色、土黃色、紫色、綠色或銀色金色這類顏色在進行單色設(shè)計時被稱為中性配色，這種顏色給人古典、素雅、祥和、沉穩(wěn)的值得信賴的感覺。（圖中的每一張圖片上都填上了一層土黃色，然后將其與圖片融合在一起，又沒有丟失本身的色相，頁面整體也顯現(xiàn)出來黃色調(diào)。）4類比配色原則：類比配色是指挨得比較近的顏色組合。顏色有暖至冷的順序為紅橙黃綠藍紫，它們彼此之間互為鄰近色，如果有跳躍就不是鄰近色，因為黃色與紅色混到一起能產(chǎn)生其他的顏色，黃色中找不到紅色的影子。這種顏色的搭配可以產(chǎn)生漸變感，色調(diào)又很明確，低色彩的對比產(chǎn)生和諧的美感，但用色不能過多，容易使人產(chǎn)生色環(huán)的感覺。（圖中由暖轉(zhuǎn)向偏冷的顏色，神秘活潑感。）色彩的漸變使版面和諧統(tǒng)一奪目的色彩配以活潑的編排，讓人耳目一新四、網(wǎng)格系統(tǒng)網(wǎng)格在版式設(shè)計中的重要性網(wǎng)格構(gòu)成是現(xiàn)代版式設(shè)計最重要的基礎(chǔ)構(gòu)成之一。作為一種行之有效的版面設(shè)計形式法則，將版面中的構(gòu)成元素點、線、面協(xié)調(diào)一致地編排在版面上。

網(wǎng)格在版式設(shè)計中有著約束版面的作用，其設(shè)計特點主要強調(diào)了比例感、秩序感、整體感與嚴肅感，使整個版面具有簡潔、樸實的版面藝術(shù)表現(xiàn)風格，在版式設(shè)計中成為主要的構(gòu)成元素。網(wǎng)格的排列雜志版式網(wǎng)格作為版式設(shè)計中的重要基礎(chǔ)要素之一，構(gòu)建出良好的骨架是很重要的。在版式設(shè)計中，一個好的網(wǎng)格結(jié)構(gòu)可以幫助人們在設(shè)計的時候根據(jù)網(wǎng)格的結(jié)構(gòu)進行版式設(shè)計。在編排的過程中有明確的版面結(jié)構(gòu)。（1）網(wǎng)格具有版面需求性（2）網(wǎng)格具有信息組織的功能性（3）網(wǎng)格具有閱讀的關(guān)聯(lián)性網(wǎng)格系統(tǒng)的作用對稱式網(wǎng)格

對稱式網(wǎng)格的目的主要是組織信息，平衡左右版面的作用。雜志版式對稱網(wǎng)格網(wǎng)格的類型

對稱式欄狀網(wǎng)格分為單欄網(wǎng)格、雙欄網(wǎng)格、三欄、四欄、甚至多欄網(wǎng)格等。單欄網(wǎng)格雙欄對稱網(wǎng)格（1）對稱式欄狀網(wǎng)格1、單欄用于文字性書籍，如小說、文學著者等。因此在單欄式網(wǎng)格中文字的長度一般不要超過60字。2、版面平衡，使閱讀更流暢。版面缺乏變化，文字的編排比較密集，畫面顯得有些單調(diào)。三欄對稱網(wǎng)格五欄對稱網(wǎng)格3、避免視覺疲勞感。三欄網(wǎng)格的運用使版面具有活躍性，打破了單欄的嚴肅感。4、有關(guān)表格形式的文字，比如說聯(lián)系方式、術(shù)語表、數(shù)據(jù)目錄等信息。這種版式的單欄太窄式不適合編排正文的。單元格對稱網(wǎng)格（2）對稱式單元網(wǎng)格

對稱式單元網(wǎng)格在版面編排中，將版面分成同等大小的網(wǎng)格，再根據(jù)版式的需要編排文字與圖片。這樣的版式具有很大的靈活性，可以隨意編排文字和圖片。在編排過程中，單元格之間的間隔距離可以自由放大或者縮小，但是每個單元格四周的空間距離必須相等。非對稱欄狀網(wǎng)格(3)非對稱式網(wǎng)格

非對稱網(wǎng)格是指左右版面采用同一種編排方式，但是在編排的過程中并不像對稱網(wǎng)格那樣絕對。非對稱網(wǎng)格形式在編排的過程中，根據(jù)版面需要調(diào)整版面的網(wǎng)格欄的大小比例。使整個版面更靈活，更具有生氣。

非對稱網(wǎng)格主要分為非對稱欄狀網(wǎng)格與非對稱單元網(wǎng)格兩種。非對稱欄狀網(wǎng)格非對稱單元格網(wǎng)格基線網(wǎng)格(4)基線網(wǎng)格

基線網(wǎng)格通常是不可見的，但它卻是平面設(shè)計師的基礎(chǔ)。基線網(wǎng)格提供了一種視覺參考，它可以幫助版面元素的準確編排與對齊頁面，是憑感覺無法達到的版面效果。(5)成角網(wǎng)格

成角網(wǎng)格在版面中往往很難設(shè)置，網(wǎng)格可以設(shè)置成任何角度。成角網(wǎng)格發(fā)揮作用的原理跟其他網(wǎng)格一樣，但是由于成角網(wǎng)格是傾斜的，設(shè)計師在版面編排時，能夠以打破常規(guī)的方式展現(xiàn)自己的風格創(chuàng)意。對稱網(wǎng)格網(wǎng)格的建立欄狀網(wǎng)格與單元格

一套好的網(wǎng)格結(jié)構(gòu)可以幫助設(shè)計師明確設(shè)計風格，排除設(shè)計中隨意編排的可能，使版面統(tǒng)一規(guī)整。設(shè)計師可以利用兩者的不同風格來編排出靈活性較大，協(xié)調(diào)統(tǒng)一的版面構(gòu)成設(shè)計。網(wǎng)格的編排形式（1）多語言網(wǎng)格編排（2）說明式網(wǎng)格編排網(wǎng)格與無網(wǎng)格對比版面網(wǎng)格與無網(wǎng)格對比版面無網(wǎng)格版面(3)打破網(wǎng)格打破網(wǎng)格的約束使版面設(shè)計更具有自由性，但是