版式設(shè)計的原則及類型

1、教學重點：1. 了解和熟悉現(xiàn)代版式設(shè)計所遵循的基本原則、藝術(shù)原則和技術(shù)原則，從而進行有效快捷的、 使用的、藝術(shù)的編排。2. 了解和熟悉版式設(shè)計的13種類型。教學難點：1. 深刻理解現(xiàn)代版式設(shè)計所要遵循的法則，進行有目的、有思路的編排。2. 深刻理解現(xiàn)代版式設(shè)計的類型與主題要協(xié)調(diào)統(tǒng)一，把版式的類型與主題恰當?shù)慕Y(jié)合起來。第二章版式設(shè)計的原則與類型第一節(jié)版式設(shè)計的原則一、版式設(shè)計的基本原則版式設(shè)計的初學者由于對編排工作沒有足夠的認識，往往會出現(xiàn)誤區(qū)，要么編排過 于嚴肅，要么單純表現(xiàn)自我。為了避免這些誤區(qū)就必須明確設(shè)計目標、了解設(shè)計需求、 了解所處的設(shè)計環(huán)境、了解媒介的特征等。這些都要求設(shè)計者遵循設(shè)計

2、的以下四大基本 原則。（一）思想性與單一性版面設(shè)計本身并不是目的，其最終目的是使版面產(chǎn)生清晰的條理性， 用悅目的組 合來更好地突出主題，達到最佳訴求效果。設(shè)計師不能只陶醉于個人風格及與主題 不相符的字體與圖形中，這樣會造成設(shè)計的失敗。一個成功的版面必須明確客戶的 需求，并深入去了解、觀察、研究與設(shè)計有關(guān)的方方面面。版面要突出主題思想， 而且主題思想明確單一，這就要求版面表現(xiàn)必須單純、簡潔。受眾們早已厭煩了以 往那種填鴨式的、含義復(fù)雜的版面形式。以圖2-1和2-2為例，第一張海報，采用類似漫畫的表現(xiàn)形式，創(chuàng)造出一種簡潔、詼諧的圖形語言，描繪一顆子彈反向飛回 槍管的形象，諷刺發(fā)動戰(zhàn)爭者自食其果，含

3、義深刻。這張紀念二戰(zhàn)結(jié)束30周年的海報設(shè)計，獲得了國際平面設(shè)計大獎。其設(shè)計作品中主題明確，畫面簡潔單一，具有 很強的思想性與單一性特征 （圖2-1）。第二張是1975年為日本京王百貨設(shè)計的宣 傳海報中，福田就開始利用“圖”、“底”間的互生互存的關(guān)系來探究錯視原理。作品巧妙利用黑白、正負形成男女的腿，上下重復(fù)并置，黑色“底”上白色的女性 的腿與白色“底”上黑色男性的腿，虛實互補，互生互存，創(chuàng)造出簡潔而有趣的效 果，其手法為“正倒位圖底反轉(zhuǎn)”。作品中的男女腿的元素，也成為福田海報中有 代表性的視覺符號（圖2-2）。（二）藝術(shù)性與裝飾性尋求合乎情理的版面視覺語言可以使版面更好的為版面內(nèi)容服務(wù)。構(gòu)思立

4、意是設(shè)計的第一步，也是設(shè)計作品中所進行的重要的思維活動。主題明確后，版面的布局和表現(xiàn) 形式等則成為版面設(shè)計藝術(shù)的核心，也是一個艱辛的創(chuàng)作過程。版面設(shè)計構(gòu)成是設(shè)計者 的藝術(shù)修養(yǎng)、思想境界、技術(shù)水平的全面檢驗。版面裝飾因素是文字、圖形、色彩等通過點、線、面的組合與排列構(gòu)成的，并采用 夸張、比喻、象征的手法來體現(xiàn)視覺效果，既美化了版面，又提高了傳達信息的功能。 裝飾是根據(jù)內(nèi)容風格設(shè)計出來的，不同內(nèi)容的版面信息，具有不同的裝飾形式。它既能 烘托氣氛突出主題，又能使受眾得到美的享受。（圖2-3圖2-4圖2-5）（三）整體性與協(xié)調(diào)性一副成功的的設(shè)計作品必須具有整體性，版式設(shè)計的整體性強調(diào)形式與內(nèi)容的統(tǒng) 一

5、，只講形式而忽略內(nèi)容，只講內(nèi)容而缺乏藝術(shù)表現(xiàn)，版面都是不成功的。強化版面的 協(xié)調(diào)性原則即是強調(diào)版面的各種編排要素在編排結(jié)構(gòu)及色彩上的關(guān)聯(lián)性。通過版面的 文、圖與色彩整體組合及協(xié)調(diào)性編排。任何一種承載形式的作品，加強整體性都可獲得 更良好的視覺效果。（圖2-6 圖2-7）（四）獨創(chuàng)性與趣味性獨創(chuàng)性原則其實是突出個性化特征。鮮明的個性是版面構(gòu)成的靈魂。日本設(shè)計大 師原研哉為梅田醫(yī)院設(shè)計的導(dǎo)師系統(tǒng)可謂此領(lǐng)域的典范，其設(shè)計的獨特性讓這家醫(yī)院的形象凸顯了出來。他給每個門口的指示牌套上了一個可換洗的白色的棉制的外套，讓原 本有著僵硬棱角的指示牌開始變得有生氣，有人情味。人們對這家醫(yī)院的好感在不知不 覺中已

6、經(jīng)開始提升了。原研哉為梅田醫(yī)院做的導(dǎo)視識別系統(tǒng)最大的特點就是標識本身都 是布做的。傳達一種柔和的感覺，給人以心理的安慰。一切從簡，潔白又顯清潔。給產(chǎn) 婦和家屬帶來平靜的心情。所有用白色棉布做成的標識都是可拆洗的。因為白色本身很 容易臟，而且又是布的，更容易被大人或者小孩弄臟。這樣一來，醫(yī)院便需要經(jīng)常清洗， 就如同一流的酒店選用白色桌布一樣。（圖2-8）單一的版面和同質(zhì)化嚴重的版面給人留下的記憶度底，更談不上出奇制勝，趣味性原則也是凸顯個性的行之有效的方法。因此要敢于出奇制勝、別出心裁，在版式設(shè)計中多一些個性少一些共性，才能給受眾留下深刻的印象。（圖2-9）二、版式設(shè)計的藝術(shù)原則（一）感性美與理

7、性美感性是與生俱來的一種自然情感、本能反應(yīng)，比較主觀。理性是智慧的體現(xiàn)，注重 客觀需要。藝術(shù)創(chuàng)作崇尚感性意識，崇尚自然流露、情感宣泄，并通過作品傳達給觀眾。 而一般的編排設(shè)計則更注重理性思維，運用理性思維結(jié)果達成對作品內(nèi)容的表述，以此 在誘導(dǎo)作者根據(jù)自己設(shè)定的方向進行閱讀，從而準確的傳遞信息。除了能準確有效的傳 遞信息，還通過個性情感的流露和個人的表現(xiàn)技巧感染人。所以作品中必然是感性美和 理性美的融合，是感性與理性意識自然更替的過程。（圖2-10）在歷史的長河中，由于傳遞信息等實際需要，也由于視覺語言表達形成了一定的基 礎(chǔ)，導(dǎo)致一些視覺語言的形式規(guī)則被總結(jié)出來，并被廣泛的應(yīng)用。這是感性上升到理

8、性 的一種選擇，也是社會進步的標志之一。19世紀工業(yè)革命加速了設(shè)計師理性的、 技術(shù)性 的表現(xiàn)設(shè)計作品。20世紀20年代德國包豪斯的建立，開創(chuàng)了近代構(gòu)成概念的先河，將 設(shè)計訓練抽象畫、技術(shù)化，希望這些理性思維潛移默化到現(xiàn)代設(shè)計中。同時開創(chuàng)了現(xiàn)代 設(shè)計的新時尚，將簡約的、追求效率的理性之美灌輸給現(xiàn)代人，對后人影響頗深。（圖2-11）時至今日，格局清晰、排列有序的編排方法受到后現(xiàn)代主義反叛性的沖擊，自由編 排，感性編排的意識不斷上升，感性表達和理性表達的較量再次升級。這并不意味著理 性思維被壓抑，而是摻雜了感性成分后，上升到了一個新高度。多樣性的審美是這個寬 容時代的標志之一。雖然自由編排具有很強的

9、感染力，但是受眾在閱讀時往往會遇到麻 煩，所以進行大面積閱讀內(nèi)容的編排時，仍然離不開條理清晰的理性樣式。（圖2-12）（二）比例美比例是指整體與局部、部分與部分之間長度、體積與面積相應(yīng)要素的線性尺寸比值 關(guān)系，是整體與部分的視覺結(jié)構(gòu)關(guān)系。在古埃及就有人開始探索美好的比例關(guān)系了。古希臘眾多的人體比例模式中，畢達 哥拉斯提出的黃金分割（0.618 ）影響最深遠。這個比例是以人的肚臍為分割點，上半 身和下半身之比是0.618.后來的畫家、藝術(shù)家、建筑家、雕塑家都根據(jù)這個標準創(chuàng)造了 無數(shù)不朽的作品。（圖2-13）（圖2-14）（圖2-15）各種各樣的比例為編排提供了多樣的比例和分割關(guān)系，這些比例和分割

10、方法，在編排設(shè)計中發(fā)揮了提升效率、規(guī)范形式、創(chuàng)建美好度等作用。因此在現(xiàn)代設(shè)計中最好的比 例關(guān)系被奉為平面設(shè)計的最高境界。常被用到的比例關(guān)系及數(shù)列關(guān)系包括：黃金比例（0.618）、根2比（1:1.14 ）、等比（1:1 ）、疊席比（1:2 ）等比例關(guān)系。印刷用到的紙張、閱讀的書籍、通訊用的信件等，都會按照一定的比例進行尺寸確定的。常見的紙張均為矩形，長寬之比多為根2比，如A4幅面的紙張長寬比為297十210=1.414; 16開紙張長寬比為 260- 184=1.413 ; 32開的書籍封面長寬比為184-130=1.415。而常見的4X 6英寸的照片長寬比為1.5，接近黃金比。利用這些美好的比

11、例尺寸進行紙張切割后，在設(shè)計中的分割編排區(qū)域，進行元素布 局時，依然可以參考美好的約定俗成的比例進行處理。三、版式設(shè)計的技術(shù)原則版式設(shè)計中，最基本的元素為文字、圖形、色彩。版式設(shè)計就是建立在對圖文色三 種元素的配置之上的，對于文字、圖形、色彩的特點及應(yīng)用后面的內(nèi)容有詳細講解，下 面?zhèn)z分析一下版式設(shè)計的三大邏輯關(guān)系。（一）層次關(guān)系版式設(shè)計的主要任務(wù)是進行視覺元素排列，建立合理的閱讀次序。在排列中首先要 分清主從關(guān)系。元素的分量根據(jù)內(nèi)容主次進行區(qū)別。例如，主標題可以用較大的字號、 花哨的字體，副標題字號相對較小。正文字號更小且不易用花哨字體。（圖2-16）（二）疏密關(guān)系疏密關(guān)系也稱虛實關(guān)系，是空白

12、與實體在畫面所占比例關(guān)系。疏密變化可以使畫面 產(chǎn)生律動的畫面效果，以增強節(jié)奏感，提升閱讀的舒適度。（圖2-17）（三）視覺與心理關(guān)系客觀實際與視覺辨識性往往并不在一個標準下，因為視覺中的某些現(xiàn)象與格式塔心理學有關(guān)，如人的視覺總是把直線夸大，把原點縮小，色彩不一樣的形狀也不會一樣等 等。版式設(shè)計必然受制于視覺心理。在具體設(shè)計時必須要考慮順應(yīng)人類獨特的視覺心理， 并在這個前提下進行有效的引導(dǎo)，才能達成信息準確傳達的目的。（圖2-18 ）第二節(jié)版式設(shè)計的類型版式設(shè)計的類型一般分為：骨格型、滿版型、上下分割型、左右分割型、中軸型、 曲線型、傾斜型、對稱型、重心型、三角型、并置型、自由型和四角型等13種

13、。常用版式類型有以下幾種：一、骨格型骨格型是一種有規(guī)律的理性的分割方法。如：在“田”字格中擺放信息。此方法的 優(yōu)點是能在有限的版面中容納大量信息，充分節(jié)約空間。缺點是稍顯呆板，但是如果安 排合理的話也是一種非常不錯的形式。 常見的骨格有：豎向通欄、雙欄、三欄和四欄等。 一般以豎向分欄為多。在圖片和文字的編排上，嚴格按照骨格比例進行編排配置，給人 以嚴謹、和諧、理性之美。骨格經(jīng)過相互混合后的版式顯得既理性有條理，又活潑而具 有彈性。（圖2-19圖2-20）二、滿版型它是指版面以圖像充滿整版，主要以圖像為訴示，視覺傳達直觀而強烈。文字布局 壓置在頁面的上下、左右的圖像上。滿版型，給人以大方、跳躍、

14、舒展的感覺，是商品 廣告常用的一種形式。（圖2-21圖2-22）三、上下分割型它是指整個版面被分成上下兩部分，在上半部或下半部配置圖片（可以是單幅或多幅），另一部分則配置文字。圖片部分感性而有活力，而文字則理性而靜止。（圖2-23圖 2-24 圖 2-25 圖 2-26）四、左右分割型整個版面分割為左右兩部分，分別配置文字和圖片。兩部分形成強弱對比時，造成 視覺心理的不平衡。這僅是視覺習慣（左右對稱）上的問題，上下分割型的視覺流程自 然。如果將分割線虛化處理，或用文字左右重復(fù)穿插，左右圖會變得自然和諧。（圖2-27、 圖 2-28 ）五、其他版式類型（一）中軸型將圖形作水平方向或垂直方向排列，

15、文字配置在上下或左右。水平排列的版面，給 人穩(wěn)定、安靜、平和與含蓄之感。垂直排列的版面，給人強烈的動感。（圖2-29圖2-30圖 2-31）（二）曲線型圖片和文字，排列成曲線狀，給人的韻律與歡快的節(jié)奏的感覺。使人在閱讀時有視 覺節(jié)奏感，同時也比較輕松愉悅，比較適合于兒童、娛樂讀物排版。（圖2-32圖2-33圖 2-34）（三）傾斜型傾斜式編排它刻意打破穩(wěn)定和平衡，從而賦予圖形或文字以強烈結(jié)構(gòu)張力和視覺動感，并迅速引起人們的注意。（圖2-35 圖2-36 圖2-37）（四）對稱型對稱的版式，給人穩(wěn)定、理性的感覺。對稱分為絕對對稱和相對對稱兩種。一般多 采用相對對稱手法，以避免過于嚴謹。絕對對稱一

16、般以左右對稱居多。（圖2-38）（五）重心型重心型版式產(chǎn)生視覺焦點，使想要強調(diào)的內(nèi)容更加突出。（圖2-39圖2-40圖2-41） 直接以獨立而輪廓分明的形象占據(jù)版面中心。向心的視覺元素使版面中心作聚攏運動。 離心的視覺元素猶如石子投入水中，產(chǎn)生一圈一圈向外擴散的波紋式的運動。（六）幾何型（圓形、矩形、三角形）幾何型的排版中含圓形、矩形、三角形等基本圖形，此類形式比較容易突出主題， 主要文字及主要圖形都容易在短時間內(nèi)給人留下印象。其中正三角形（金字塔形）最具 有安全穩(wěn)定因素。包裝設(shè)計有別于書籍畫冊等二維的設(shè)計，包裝設(shè)計的空間性和盒體（瓶 體）形狀的不確定性使其在板式編排中更加注重幾何形排版。（圖2-42圖2-43圖2-44 圖 2-45 圖 2-46）（七）并置型它是指將相同或不同的圖片作大小相同而位置不同的重復(fù)排列。并置構(gòu)成的版面有比較、解說的意味，給予原本復(fù)雜喧鬧的版面以秩序、安靜、調(diào)和與節(jié)奏之感。（圖2-47）（八）自由型自由型是所有類型中最無規(guī)律的、隨意的編排構(gòu)成。這種版面給人活潑、輕快的感 覺。一般很受年輕人喜愛，通常此類型版式用于較輕松的娛樂時尚等讀物。（圖2-48圖 2-49）（九）四角型它是指在版面四角以及連接四角的對角線結(jié)構(gòu)上編排圖形。這種版面給人嚴謹、規(guī) 范的感覺。在實際生活中的很多設(shè)計中運