版式設計 第三章 版式的形式美法則

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

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

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

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

a設計出一個特定的圖形

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

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

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

由于視覺調整、連綴成為版面上的線在版面上形成面

1、版面設計中的文字部分設計（1）主要內容的文字設計注意：

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

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

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

版式設計（2）版面中的文字與留白留白：在平面設計中講究在版面中留有適當的，

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

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

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

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

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

標題

>

正文

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

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

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

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

圖形的夸張性

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

圖形的具象性

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

圖形的抽象性

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

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

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

符號的形象性

以具體清晰的符號去表現版面內容，圖形符號與內容的傳達往往是相一致的，也就是說它與事物的本質聯為一體。

符號的指示性

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

圖形的文字性

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

1．圖形文字

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

文字圖形

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

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

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

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

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

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

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

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

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

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