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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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