版式設(shè)計(jì)_-_版式的基本類型

1、版式設(shè)計(jì)版式設(shè)計(jì) - - 版式的基本類型版式的基本類型12345691012111387 每當(dāng)翻開一本版式明快，色彩跳躍，文字流暢每當(dāng)翻開一本版式明快，色彩跳躍，文字流暢設(shè)計(jì)精美的雜志，你都有一種愛不釋手的感覺，設(shè)計(jì)精美的雜志，你都有一種愛不釋手的感覺，即使你對(duì)其中的文字內(nèi)容并沒有什么興趣，有些即使你對(duì)其中的文字內(nèi)容并沒有什么興趣，有些精致的廣告也能吸引住你。精致的廣告也能吸引住你。 -這就是平面設(shè)計(jì)這就是平面設(shè)計(jì)的的 魅力魅力 ，它能把一種，它能把一種 概念，一種概念，一種 思想思想 通過精通過精美的美的 構(gòu)圖、版式構(gòu)圖、版式 和和 色彩，傳達(dá)給看到它的人。色彩，傳達(dá)給看到它的人。其實(shí)只要掌

2、握一些平面設(shè)計(jì)的規(guī)律，靈活運(yùn)用，其實(shí)只要掌握一些平面設(shè)計(jì)的規(guī)律，靈活運(yùn)用，我們也能做出美妙的設(shè)計(jì)。我們也能做出美妙的設(shè)計(jì)。 內(nèi)容：內(nèi)容： 骨格型骨格型、滿版型滿版型、上下分割型上下分割型、左右分割型、左右分割型、中軸型中軸型、曲線型曲線型、傾斜型傾斜型、對(duì)稱型對(duì)稱型、重心型重心型、三角型三角型、并置型并置型、自由型自由型、四角型四角型、等等13種。種。 1骨格型骨格型規(guī)范的、理性的分割方法。規(guī)范的、理性的分割方法。 常見的骨格有豎向通欄、常見的骨格有豎向通欄、雙欄、三欄和四欄等。一般以豎向分欄為多。圖片和文雙欄、三欄和四欄等。一般以豎向分欄為多。圖片和文字的編排上，嚴(yán)格按照骨格比例進(jìn)行編排配置

3、，給人以字的編排上，嚴(yán)格按照骨格比例進(jìn)行編排配置，給人以嚴(yán)謹(jǐn)、和諧、理性的美。骨格經(jīng)過相互混合后的版式，嚴(yán)謹(jǐn)、和諧、理性的美。骨格經(jīng)過相互混合后的版式，既理性有條理，又活潑而具有彈性。既理性有條理，又活潑而具有彈性。 在編排設(shè)計(jì)學(xué)中，同樣存在與其它學(xué)科類似的問在編排設(shè)計(jì)學(xué)中，同樣存在與其它學(xué)科類似的問題，即是：題，即是： 如何借助一定手段或方法來引喻、提示本學(xué)科內(nèi)如何借助一定手段或方法來引喻、提示本學(xué)科內(nèi)在的基本原理。而骨格概念與編排設(shè)計(jì)版面構(gòu)成在的基本原理。而骨格概念與編排設(shè)計(jì)版面構(gòu)成之間之間 有著極為類似的機(jī)理特性有著極為類似的機(jī)理特性 于是，于是，“骨格骨格”的自然的被引用到編排設(shè)計(jì)的自

4、然的被引用到編排設(shè)計(jì)學(xué)中來，闡釋編排設(shè)計(jì)學(xué)中，關(guān)于版面內(nèi)視覺圖學(xué)中來，闡釋編排設(shè)計(jì)學(xué)中，關(guān)于版面內(nèi)視覺圖形元素間的構(gòu)成關(guān)系。形元素間的構(gòu)成關(guān)系。 骨格與視覺元素骨格與視覺元素 段落文字：段落文字： 有較大信息量。是構(gòu)成版面信息的主要內(nèi)容在版面信息傳遞秩序中，處較后的位置，有較大信息量。是構(gòu)成版面信息的主要內(nèi)容在版面信息傳遞秩序中，處較后的位置，一般在版面中以一般在版面中以“面面”的形態(tài)出現(xiàn)。具體影響其信息傳遞力度的主要因素包括：字的形態(tài)出現(xiàn)。具體影響其信息傳遞力度的主要因素包括：字體、字號(hào)、顏色、背景、字間距、行間距、段落間距、段首設(shè)置、文本寬度等。體、字號(hào)、顏色、背景、字間距、行間距、段落間

5、距、段首設(shè)置、文本寬度等。標(biāo)題文字：標(biāo)題文字： 一般信息傳遞秩序中，處最前位置，是版面的核心內(nèi)容，是點(diǎn)題內(nèi)容。另外標(biāo)題文一般信息傳遞秩序中，處最前位置，是版面的核心內(nèi)容，是點(diǎn)題內(nèi)容。另外標(biāo)題文字在版面編排中，根據(jù)不同應(yīng)用領(lǐng)域的具體要求，隨著不同的信息傳遞秩序。例如字在版面編排中，根據(jù)不同應(yīng)用領(lǐng)域的具體要求，隨著不同的信息傳遞秩序。例如龍圖像表意等招帖設(shè)計(jì)中，往往是以龍圖像表意等招帖設(shè)計(jì)中，往往是以“形形”表意，標(biāo)題只是起到點(diǎn)題的作用，因此表意，標(biāo)題只是起到點(diǎn)題的作用，因此在信息傳遞秩序中在圖形（圖像）之后。具體影響標(biāo)題文字、信息傳遞力度的主要在信息傳遞秩序中在圖形（圖像）之后。具體影響標(biāo)題文字

6、、信息傳遞力度的主要因素包括在字體、字號(hào)、色彩、背景、字間距或文字組織排列規(guī)律等。其在版面編因素包括在字體、字號(hào)、色彩、背景、字間距或文字組織排列規(guī)律等。其在版面編排中往往以排中往往以“點(diǎn)點(diǎn)”或或“線線”的形態(tài)出現(xiàn)。的形態(tài)出現(xiàn)。圖像：圖像： 一般來說，是版面信息中最容易以直接、有效傳達(dá)信息。在版面中視圖像的應(yīng)用要一般來說，是版面信息中最容易以直接、有效傳達(dá)信息。在版面中視圖像的應(yīng)用要求，圖像的出現(xiàn)可以出現(xiàn)在信息傳遞秩序中的不同位置，是可變因素最大的視覺圖求，圖像的出現(xiàn)可以出現(xiàn)在信息傳遞秩序中的不同位置，是可變因素最大的視覺圖元。因此在編排設(shè)計(jì)過程中，也應(yīng)視其具體要求而適時(shí)處理好其信息傳達(dá)力度。

7、影元。因此在編排設(shè)計(jì)過程中，也應(yīng)視其具體要求而適時(shí)處理好其信息傳達(dá)力度。影響圖像信息的因素主要是：圖像大小、色彩、背景、外形特征、圖像色度變化，以響圖像信息的因素主要是：圖像大小、色彩、背景、外形特征、圖像色度變化，以及圖像本身的藝術(shù)感染力等。及圖像本身的藝術(shù)感染力等。幾何圖示：幾何圖示： 骨格網(wǎng)決定了基本形在構(gòu)圖中彼此的關(guān)系。有時(shí)，骨格也成為形象骨格網(wǎng)決定了基本形在構(gòu)圖中彼此的關(guān)系。有時(shí)，骨格也成為形象的一部分，骨格的不同變化會(huì)使整體構(gòu)圖發(fā)生變化。的一部分，骨格的不同變化會(huì)使整體構(gòu)圖發(fā)生變化。骨格分為：骨格分為：1.規(guī)律性骨格：規(guī)律性骨格： 規(guī)律性骨格有精確嚴(yán)謹(jǐn)?shù)墓歉窬€，有規(guī)律的數(shù)字關(guān)系，基

8、本形按照骨規(guī)律性骨格有精確嚴(yán)謹(jǐn)?shù)墓歉窬€，有規(guī)律的數(shù)字關(guān)系，基本形按照骨格排列，有強(qiáng)烈的秩序感。格排列，有強(qiáng)烈的秩序感。 主要有主要有重復(fù)、漸變、發(fā)射重復(fù)、漸變、發(fā)射等骨格。等骨格。 重復(fù)骨格中的基本形重復(fù)骨格中的基本形骨格通常決定基本形的位置，但可作靈活的變動(dòng)。如基本骨格通常決定基本形的位置，但可作靈活的變動(dòng)。如基本形方向的任意變動(dòng)，骨格單位內(nèi)基本形的位置的靈活采用，形方向的任意變動(dòng)，骨格單位內(nèi)基本形的位置的靈活采用，和基本形的大小的自由選定等和基本形的大小的自由選定等 骨骼與基本形相疊骨骼與基本形相疊有作用性的骨骼或可見的有作用性的骨骼或可見的骨骼線可與基本形相疊，骨骼線可與基本形相疊，產(chǎn)生

9、覆疊或透疊的關(guān)系。產(chǎn)生覆疊或透疊的關(guān)系。 發(fā)射骨骼與自然現(xiàn)象發(fā)射骨骼與自然現(xiàn)象許多植物的生長(zhǎng)方式，如樹木與花卉等等，許多植物的生長(zhǎng)方式，如樹木與花卉等等，常具有發(fā)射結(jié)構(gòu)。所謂發(fā)光體都具有發(fā)射常具有發(fā)射結(jié)構(gòu)。所謂發(fā)光體都具有發(fā)射骨骼。自然界的中心發(fā)射現(xiàn)象，只要留心骨骼。自然界的中心發(fā)射現(xiàn)象，只要留心觀察，是艱容易尋找的。觀察，是艱容易尋找的。1離心式離心式-由發(fā)射中心向四周發(fā)射。骨骼線或直或由發(fā)射中心向四周發(fā)射。骨骼線或直或曲，或弧線型，或發(fā)射線不連接，以及中心遷移曲，或弧線型，或發(fā)射線不連接，以及中心遷移與多發(fā)射。與多發(fā)射。 圖1 圖2 圖3 圖4 2向心式向心式-骨骼線由各個(gè)方向朝中心迫近，

10、骨骼線由各個(gè)方向朝中心迫近，其實(shí)它正是向離心式發(fā)射的反轉(zhuǎn)而已其實(shí)它正是向離心式發(fā)射的反轉(zhuǎn)而已圖7圖6圖53同心式同心式-骨骼線層層環(huán)繞中心。骨骼線可骨骼線層層環(huán)繞中心。骨骼線可以是曲線、方型、螺旋型等等。以是曲線、方型、螺旋型等等。 圖7 圖8發(fā)射與重復(fù)發(fā)射與重復(fù) 重復(fù)骨骼可疊入發(fā)射骨骼。發(fā)射也可成為一種基本形而重復(fù)，或漸變地納入重復(fù)骨骼內(nèi)。相同的發(fā)射基本形可彼此覆蓋，透疊或聯(lián)結(jié)。發(fā)射與漸變 漸變骨格可疊入發(fā)射骨骼，發(fā)射也可成為基本形而納入漸變骨骼中。（如圖） 任何規(guī)律性的發(fā)射骨格，都可以漸變?yōu)椴灰?guī)律的較自由的發(fā)射骨格。 發(fā)射骨骼中基本形發(fā)射骨骼中基本形基本形納入發(fā)射骨骼，其性質(zhì)可分為基本形納

11、入發(fā)射骨骼，其性質(zhì)可分為 四種：四種： a用線作基本形用線作基本形-即骨骼線成為可見的線，即骨骼線成為可見的線，或各組線分別納入各骨骼單位里?；蚋鹘M線分別納入各骨骼單位里。b非作用性骨骼中的基本形非作用性骨骼中的基本形-非作用性骨骼線引導(dǎo)非作用性骨骼線引導(dǎo)各基本形依次排列?；拘慰梢灾貜?fù)、漸變或近各基本形依次排列?；拘慰梢灾貜?fù)、漸變或近似。似。c作用性骨骼中的基本形作用性骨骼中的基本形-作用性骨骼除確作用性骨骼除確定各基本形位置外，并將背景分割或逾線定各基本形位置外，并將背景分割或逾線的基本形切除。的基本形切除。d特大的基本形特大的基本形-如基本形面積過大，超越任何的如基本形面積過大，超越任

12、何的骨骼單位，甚至蓋住發(fā)射中心，則此類基本形可骨骼單位，甚至蓋住發(fā)射中心，則此類基本形可由非作用性骨骼編排其位置及方向。由非作用性骨骼編排其位置及方向。2.非規(guī)律性骨格：非規(guī)律性骨格： 非規(guī)律性骨格一般沒有嚴(yán)謹(jǐn)?shù)墓歉窬€，構(gòu)成方式非規(guī)律性骨格一般沒有嚴(yán)謹(jǐn)?shù)墓歉窬€，構(gòu)成方式比較自由。比較自由。3.作用性骨格：作用性骨格： 作用性骨格是使基本形彼此分作用性骨格是使基本形彼此分成各自單位的界線，骨格給形象成各自單位的界線，骨格給形象準(zhǔn)確的空間，基本形在骨格單位準(zhǔn)確的空間，基本形在骨格單位內(nèi)可自由改變位置、方向、正負(fù)，內(nèi)可自由改變位置、方向、正負(fù)，甚至越出骨格線。甚至越出骨格線。 它是骨骼線將畫面面積分

13、它是骨骼線將畫面面積分割成若干具有相對(duì)獨(dú)立性的割成若干具有相對(duì)獨(dú)立性的骨骼單位，形成多元性的空骨骼單位，形成多元性的空間?；拘我瞥龉趋绬挝槐汩g?；拘我瞥龉趋绬挝槐闶艿椒指?。這種骨骼里，基受到分割。這種骨骼里，基本形不一定被固定在每一骨本形不一定被固定在每一骨骼單位中，且基本形的數(shù)目骼單位中，且基本形的數(shù)目及方向在每一骨骼單位中可及方向在每一骨骼單位中可做變化。但完成后的畫面必做變化。但完成后的畫面必須能顯示出骨骼線的存在。須能顯示出骨骼線的存在。（如圖）（如圖）4.非作用性骨格非作用性骨格： 非作用性骨格是概念性的，非作用性骨格線有助非作用性骨格是概念性的，非作用性骨格線有助于基本形的排列

14、組織，但不會(huì)影響它們的形狀，于基本形的排列組織，但不會(huì)影響它們的形狀，也不會(huì)將空間分割為相對(duì)獨(dú)立的骨格單位。也不會(huì)將空間分割為相對(duì)獨(dú)立的骨格單位。5.重復(fù)性骨格：重復(fù)性骨格： 是指骨格線分割的空間單位在形狀、大小上完是指骨格線分割的空間單位在形狀、大小上完全相同，它是最有規(guī)律性的骨格，基本形按骨格全相同，它是最有規(guī)律性的骨格，基本形按骨格連續(xù)性的排列。連續(xù)性的排列。 在各種規(guī)律性的骨骼中，重復(fù)骨骼是最常見的在各種規(guī)律性的骨骼中，重復(fù)骨骼是最常見的一種。只要平均分割空間，就會(huì)得到重復(fù)骨骼。一種。只要平均分割空間，就會(huì)得到重復(fù)骨骼。 如果將構(gòu)成骨骼的兩大基本元素（即垂直線與如果將構(gòu)成骨骼的兩大基本

15、元素（即垂直線與水平線）加以變動(dòng)就可得到下面幾種骨骼形狀。水平線）加以變動(dòng)就可得到下面幾種骨骼形狀。第一種變動(dòng)： 1寬窄變動(dòng)-將骨骼線的寬窄加以變 動(dòng)，形成骨骼各組的空間變化。 2方向變動(dòng)-將垂直或水平的骨骼線變成斜線。只改變其中一種線的方向，稱為單元方向變動(dòng)。而將兩種線同時(shí)變動(dòng)，稱為雙方方向變動(dòng)。（圖2） 3線質(zhì)變動(dòng)-是將水平、垂直的直線變?yōu)榛【€、曲線等，稱為線質(zhì)變動(dòng)。（圖 3） 4線質(zhì)、方向、寬窄的混合變動(dòng)。 第二種變動(dòng)：第二種變動(dòng)： 將骨骼的單位或合將骨骼的單位或合M而一、或一分為而一、或一分為M地聯(lián)合與地聯(lián)合與分離變動(dòng)。分離變動(dòng)。第三種變動(dòng)： 將骨骼線的水平線或垂直線，作分類的遷移的變

16、動(dòng)。骨格的效果欣賞骨格的效果欣賞 對(duì)于廣告設(shè)計(jì)原理而言，骨格其實(shí)就是廣告版面構(gòu)成中的柵格。我們?cè)跇?gòu)成設(shè)計(jì)中常常借助于骨格，骨格有助于我們排列基本形，使之成為有規(guī)律、有秩序的構(gòu)成。骨格決定了基本形在構(gòu)圖中彼此的關(guān)系。有時(shí)，骨格也成為形象的一部分，骨格的不同變化會(huì)使整體構(gòu)圖發(fā)生變化。 2.滿版型滿版型 版面以圖像充滿整版，主要版面以圖像充滿整版，主要 以圖像為訴示，視覺傳達(dá)直以圖像為訴示，視覺傳達(dá)直 觀而強(qiáng)烈。文字配置壓置在觀而強(qiáng)烈。文字配置壓置在 上下、左右或中部上下、左右或中部(邊部和邊部和 中心中心) 的圖像上。滿版型，的圖像上。滿版型， 給人大方、舒展的感覺。是給人大方、舒展的感覺。是 商

17、品廣告常用的形式。商品廣告常用的形式。 3.上下分割型上下分割型 整個(gè)版面分成上下兩部分，整個(gè)版面分成上下兩部分，在上半部或下半部配置圖片在上半部或下半部配置圖片(可以是單幅或多幅可以是單幅或多幅)，另一，另一部分則配置文字。圖片部分部分則配置文字。圖片部分感性而有活力，而文字則理感性而有活力，而文字則理性而靜止。性而靜止。 4.左右分割型左右分割型 整個(gè)版面分割為左右兩部分整個(gè)版面分割為左右兩部分 分別配置文字和圖片。左右分別配置文字和圖片。左右 兩部分形成強(qiáng)弱對(duì)比時(shí)，造兩部分形成強(qiáng)弱對(duì)比時(shí)，造 成視覺心理的不平衡。這僅成視覺心理的不平衡。這僅 是視覺習(xí)慣是視覺習(xí)慣(左右對(duì)稱左右對(duì)稱)上的上

18、的 問題，不如上下分割型的視問題，不如上下分割型的視 覺流程自然。如果將分割線覺流程自然。如果將分割線 虛化處理，或用文字左右重虛化處理，或用文字左右重 復(fù)穿插，左右圖與文會(huì)變得復(fù)穿插，左右圖與文會(huì)變得 自然和諧。自然和諧。 5.中軸型中軸型 將圖形作水平方向或垂直方將圖形作水平方向或垂直方 向排列，文字配置在上下或向排列，文字配置在上下或 左右。水平排列的版面，給左右。水平排列的版面，給 人穩(wěn)定、安靜、平和與含蓄人穩(wěn)定、安靜、平和與含蓄 之感。垂直排列的版面，給之感。垂直排列的版面，給 人強(qiáng)烈的動(dòng)感。人強(qiáng)烈的動(dòng)感。 6.曲線型曲線型 圖片和文字，排列成曲線，圖片和文字，排列成曲線， 產(chǎn)生韻律與節(jié)奏的感覺。產(chǎn)生韻律與節(jié)奏的感覺。 7.傾斜型傾斜型