版式設(shè)計_-_版式的基本類型.ppt

1、,版式設(shè)計 - 版式的基本類型,1,2,3,4,5,6,9,10,12,11,13,8,7,每當(dāng)翻開一本版式明快，色彩跳躍，文字流暢設(shè)計精美的雜志，你都有一種愛不釋手的感覺，即使你對其中的文字內(nèi)容并沒有什么興趣，有些精致的廣告也能吸引住你。 -這就是平面設(shè)計的 魅力 ，它能把一種 概念，一種 思想 通過精美的 構(gòu)圖、版式 和 色彩，傳達給看到它的人。其實只要掌握一些平面設(shè)計的規(guī)律，靈活運用，我們也能做出美妙的設(shè)計。,內(nèi)容： 骨格型、 滿版型、 上下分割型、 左右分割型、 中軸型、 曲線型、 傾斜型、 對稱型、 重心型、 三角型、 并置型、 自由型、 四角型、 等13種。,1骨格型,規(guī)范的、理性

2、的分割方法。 常見的骨格有豎向通欄、雙欄、三欄和四欄等。一般以豎向分欄為多。圖片和文字的編排上，嚴(yán)格按照骨格比例進行編排配置，給人以嚴(yán)謹(jǐn)、和諧、理性的美。骨格經(jīng)過相互混合后的版式，既理性有條理，又活潑而具有彈性。,在編排設(shè)計學(xué)中，同樣存在與其它學(xué)科類似的問題，即是： 如何借助一定手段或方法來引喻、提示本學(xué)科內(nèi)在的基本原理。而骨格概念與編排設(shè)計版面構(gòu)成之間 有著極為類似的機理特性 于是，“骨格”的自然的被引用到編排設(shè)計學(xué)中來，闡釋編排設(shè)計學(xué)中，關(guān)于版面內(nèi)視覺圖形元素間的構(gòu)成關(guān)系。,骨格與視覺元素,段落文字： 有較大信息量。是構(gòu)成版面信息的主要內(nèi)容在版面信息傳遞秩序中，處較后的位置，一般在版面中以

3、“面”的形態(tài)出現(xiàn)。具體影響其信息傳遞力度的主要因素包括：字體、字號、顏色、背景、字間距、行間距、段落間距、段首設(shè)置、文本寬度等。 標(biāo)題文字： 一般信息傳遞秩序中，處最前位置，是版面的核心內(nèi)容，是點題內(nèi)容。另外標(biāo)題文字在版面編排中，根據(jù)不同應(yīng)用領(lǐng)域的具體要求，隨著不同的信息傳遞秩序。例如龍圖像表意等招帖設(shè)計中，往往是以“形”表意，標(biāo)題只是起到點題的作用，因此在信息傳遞秩序中在圖形（圖像）之后。具體影響標(biāo)題文字、信息傳遞力度的主要因素包括在字體、字號、色彩、背景、字間距或文字組織排列規(guī)律等。其在版面編排中往往以“點”或“線”的形態(tài)出現(xiàn)。 圖像： 一般來說，是版面信息中最容易以直接、有效傳達信息。在

4、版面中視圖像的應(yīng)用要求，圖像的出現(xiàn)可以出現(xiàn)在信息傳遞秩序中的不同位置，是可變因素最大的視覺圖元。因此在編排設(shè)計過程中，也應(yīng)視其具體要求而適時處理好其信息傳達力度。影響圖像信息的因素主要是：圖像大小、色彩、背景、外形特征、圖像色度變化，以及圖像本身的藝術(shù)感染力等。 幾何圖示：,骨格網(wǎng)決定了基本形在構(gòu)圖中彼此的關(guān)系。有時，骨格也成為形象的一部分，骨格的不同變化會使整體構(gòu)圖發(fā)生變化。 骨格分為： 1.規(guī)律性骨格： 規(guī)律性骨格有精確嚴(yán)謹(jǐn)?shù)墓歉窬€，有規(guī)律的數(shù)字關(guān)系，基本形按照骨格排列，有強烈的秩序感。 主要有重復(fù)、漸變、發(fā)射等骨格。,重復(fù)骨格中的基本形骨格通常決定基本形的位置，但可作靈活的變動。如基本形

5、方向的任意變動，骨格單位內(nèi)基本形的位置的靈活采用，和基本形的大小的自由選定等,骨骼與基本形相疊有作用性的骨骼或可見的骨骼線可與基本形相疊，產(chǎn)生覆疊或透疊的關(guān)系。,發(fā)射骨骼與自然現(xiàn)象許多植物的生長方式，如樹木與花卉等等，常具有發(fā)射結(jié)構(gòu)。所謂發(fā)光體都具有發(fā)射骨骼。自然界的中心發(fā)射現(xiàn)象，只要留心觀察，是艱容易尋找的。,1離心式-由發(fā)射中心向四周發(fā)射。骨骼線或直或曲，或弧線型，或發(fā)射線不連接，以及中心遷移與多發(fā)射。,2向心式-骨骼線由各個方向朝中心迫近，其實它正是向離心式發(fā)射的反轉(zhuǎn)而已,圖7,圖6,圖5,3同心式-骨骼線層層環(huán)繞中心。骨骼線可以是曲線、方型、螺旋型等等。,發(fā)射與重復(fù) 重復(fù)骨骼可疊入發(fā)射

6、骨骼。發(fā)射也可成為一種基本形而重復(fù)，或漸變地納入重復(fù)骨骼內(nèi)。相同的發(fā)射基本形可彼此覆蓋，透疊或聯(lián)結(jié)。,發(fā)射與漸變 漸變骨格可疊入發(fā)射骨骼，發(fā)射也可成為基本形而納入漸變骨骼中。（如圖） 任何規(guī)律性的發(fā)射骨格，都可以漸變?yōu)椴灰?guī)律的較自由的發(fā)射骨格。,發(fā)射骨骼中基本形基本形納入發(fā)射骨骼，其性質(zhì)可分為 四種：,a用線作基本形-即骨骼線成為可見的線，或各組線分別納入各骨骼單位里。,b非作用性骨骼中的基本形-非作用性骨骼線引導(dǎo)各基本形依次排列?；拘慰梢灾貜?fù)、漸變或近似。,c作用性骨骼中的基本形-作用性骨骼除確定各基本形位置外，并將背景分割或逾線的基本形切除。,d特大的基本形-如基本形面積過大，超越任何的

7、骨骼單位，甚至蓋住發(fā)射中心，則此類基本形可由非作用性骨骼編排其位置及方向。,2.非規(guī)律性骨格： 非規(guī)律性骨格一般沒有嚴(yán)謹(jǐn)?shù)墓歉窬€，構(gòu)成方式比較自由。,3.作用性骨格： 作用性骨格是使基本形彼此分成各自單位的界線，骨格給形象準(zhǔn)確的空間，基本形在骨格單位內(nèi)可自由改變位置、方向、正負(fù)，甚至越出骨格線。 它是骨骼線將畫面面積分割成若干具有相對獨立性的骨骼單位，形成多元性的空間。基本形移出骨骼單位便受到分割。這種骨骼里，基本形不一定被固定在每一骨骼單位中，且基本形的數(shù)目及方向在每一骨骼單位中可做變化。但完成后的畫面必須能顯示出骨骼線的存在。（如圖）,4.非作用性骨格： 非作用性骨格是概念性的，非作用性骨

8、格線有助于基本形的排列組織，但不會影響它們的形狀，也不會將空間分割為相對獨立的骨格單位。,5.重復(fù)性骨格： 是指骨格線分割的空間單位在形狀、大小上完全相同，它是最有規(guī)律性的骨格，基本形按骨格連續(xù)性的排列。 在各種規(guī)律性的骨骼中，重復(fù)骨骼是最常見的一種。只要平均分割空間，就會得到重復(fù)骨骼。 如果將構(gòu)成骨骼的兩大基本元素（即垂直線與水平線）加以變動就可得到下面幾種骨骼形狀。,第一種變動： 1寬窄變動-將骨骼線的寬窄加以變 動，形成骨骼各組的空間變化。,2方向變動-將垂直或水平的骨骼線變成斜線。只改變其中一種線的方向，稱為單元方向變動。而將兩種線同時變動，稱為雙方方向變動。（圖2）,3線質(zhì)變動-是將

9、水平、垂直的直線變?yōu)榛【€、曲線等，稱為線質(zhì)變動。（圖 3）,4線質(zhì)、方向、寬窄的混合變動。,第二種變動： 將骨骼的單位或合M而一、或一分為M地聯(lián)合與分離變動。,第三種變動： 將骨骼線的水平線或垂直線，作分類的遷移的變動。,骨格的效果欣賞,對于廣告設(shè)計原理而言，骨格其實就是廣告版面構(gòu)成中的柵格。我們在構(gòu)成設(shè)計中常常借助于骨格，骨格有助于我們排列基本形，使之成為有規(guī)律、有秩序的構(gòu)成。骨格決定了基本形在構(gòu)圖中彼此的關(guān)系。有時，骨格也成為形象的一部分，骨格的不同變化會使整體構(gòu)圖發(fā)生變化。,2.滿版型 版面以圖像充滿整版，主要 以圖像為訴示，視覺傳達直 觀而強烈。文字配置壓置在 上下、左右或中部(邊部和

10、 中心) 的圖像上。滿版型， 給人大方、舒展的感覺。是 商品廣告常用的形式。,3.上下分割型 整個版面分成上下兩部分， 在上半部或下半部配置圖片 (可以是單幅或多幅)，另一 部分則配置文字。圖片部分 感性而有活力，而文字則理 性而靜止。,4.左右分割型 整個版面分割為左右兩部分 分別配置文字和圖片。左右 兩部分形成強弱對比時，造 成視覺心理的不平衡。這僅 是視覺習(xí)慣(左右對稱)上的 問題，不如上下分割型的視 覺流程自然。如果將分割線 虛化處理，或用文字左右重 復(fù)穿插，左右圖與文會變得 自然和諧。,5.中軸型 將圖形作水平方向或垂直方 向排列，文字配置在上下或 左右。水平排列的版面，給 人穩(wěn)定、

11、安靜、平和與含蓄 之感。垂直排列的版面，給 人強烈的動感。,6.曲線型 圖片和文字，排列成曲線， 產(chǎn)生韻律與節(jié)奏的感覺。,7.傾斜型 版面主體形象或多幅圖像 傾斜編排，造成版面強烈 動感和不穩(wěn)定因素，引人 注目。,8.對稱型 對稱的版式，給人穩(wěn)定、理 性、理性的感受。對稱分為 絕對對稱和相對對稱。一 般多采用相對對稱手法，以 避免過于嚴(yán)謹(jǐn)。對稱一般以 左右對稱居多。,9.重心型 重心型版式產(chǎn)生視覺焦點， 使其更加突出。 有三種類型 1、直接以獨立而輪廓分明的形 象占據(jù)版面中心。 2、向心視覺元素向版面中心 聚攏的運動。 3、離心猶如石子投入水中， 產(chǎn)生一圈一圈向外擴散的弧 線的運動。,1、直接以獨立而輪廓分明的形 象占據(jù)版面中心。,2、向心視覺元素向版面中心 聚攏的運動。,3、離心猶如石子投入水中，產(chǎn)生一圈一圈向外擴散的弧線的運動。,10.三角型 在圓形、矩形、三角形等基