版式設計1(基本類型)(1)

1、滿版型版式設計滿版型版式設計 滿版型主要以圖片傳達信息，以圖片充滿整個版面。在視覺傳達上直觀，表現(xiàn)強烈。根據(jù)版面的需要，文字的位置編排在版面的上下、左右、中心點上，層次清晰傳達信息準確明了。滿版型給人大方、直白的感覺，常用于平面廣告中。版式設計的基本類型 整個畫面都是采用了一整張照片的形式進行信息宣傳，當照片放大到一定的比例，在視覺表現(xiàn)上具有強烈的視覺效果，吸引人們注意。滿版型版式設計具有傳播速度快、視覺表現(xiàn)強烈的宣傳效果，是版式設計中最主要的表現(xiàn)形式。版式設計的基本類型分割型版式設計分割型版式設計 分割也是版式設計中重要表現(xiàn)手法，分割可以調整畫面的靈活性，對畫面進行一些取舍再拼貼，形成另一種

2、風格的版式。下面介紹三種常用的分割方法。 第一種是等形分割。分割形狀完全一樣，分割后再把分隔界線加以調整取舍，達到的一種有良好的效果。等型分割等型分割版式設計的基本類型 第二種是比例與數(shù)列。利用比例關系完成的構圖通常都具有秩序、明朗的特性，給人清新的感覺。分隔具有一定的法則，如黃金分割法、數(shù)列等。 比例分割比例分割版式設計的基本類型 第三種是自由分割。就是不規(guī)則的、無限制的，將畫面自由分割的一種方式，它不同于數(shù)學規(guī)則分割產生的整齊效果，但隨意性分割，使畫面產生活潑不受約束的感覺。自由分割自由分割版式設計的基本類型 采用了分割的手法，使畫面變得有生氣，不像一張單一照片那么呆板。分割的版式具有強烈

3、的空間感，展現(xiàn)了版式的靈活性。 設計點評傾斜型版式設計傾斜型版式設計傾斜型版式設計主要表現(xiàn)為：版面主體形象或多幅圖版做傾斜編排，造成版面強烈的動感和不穩(wěn)定因素，引人注目。版式設計的基本類型三角型版式設計三角型版式設計 第一種是正三角形版式。正三角形自古以來都是象征穩(wěn)定的圖形，在版式設計中，正三角形的版式設計給畫面更穩(wěn)定、更安全、值得信賴的感覺。正三角形版式正三角形版式版式設計的基本類型倒三角形版式倒三角形版式 第二種是倒三角形版式。倒三角形則給人以動感和不穩(wěn)定感。版式設計的基本類型曲線型版式設計曲線型版式設計曲線型版式曲線型版式 曲線型版式設計就是在一個版面中圖片或文字在排列結構上作曲線的編排

4、構成，所產生的節(jié)奏和韻律。曲線版式設計具有一定的趣味性，讓人的視線隨著畫面上元素的自由走向而產生變化。版式設計的基本類型 自由型版式設計在版面結構中采用無規(guī)律、隨意地編排構成，使畫面產生活潑、輕快的感覺。自由型版式設計沒有網(wǎng)格的約束，在排版上體現(xiàn)個性風格化設計。在編排的過程中要注意把握畫面的協(xié)調性。自由型版式設計自由型版式設計自由型版式自由型版式版式設計的基本類型 是一張餐飲雜志的版面，從版面編排類型來看，雜志版面運用的是滿版型的編排形式突出版面主題，使版面具有活躍性，給人強烈的視覺效果。設計點評 該版面圖片編排在版面的上部具有強烈的視覺效果，文字編排在圖片的下部具有信息說明的作用。該版面的視

5、覺重心設置在上部，給人以輕松、愉快之感。 設計點評這一張你來評評看！這一張你來評評看！ 該設計為雜志宣傳廣告，整個版面以圖片為主要表現(xiàn)因素。在版式設計中圖片的比例大小對整個畫面的視覺效果有著很大的影響。圖片比文字更能吸引人們注意。采用了滿版型的版式設計，從畫面上強調宣傳目的。文字根據(jù)畫面的需求進行有機的調整排列，使整個畫面顯得和諧層次清晰，達到了宣傳的目的。設計點評這一張呢？這一張呢？版式設計的網(wǎng)格系統(tǒng)網(wǎng)格在版式設計中的重要性網(wǎng)格在版式設計中的重要性網(wǎng)格構成是現(xiàn)代版式設計最重要的基礎構成之一。作為一種行之有效的版面設計形式法則，將版面中的構成元素點、線、面協(xié)調一致地編排在版面上。 網(wǎng)格在版式設

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

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

8、對稱網(wǎng)格（2）對稱式單元網(wǎng)格 對稱式單元網(wǎng)格在版面編排中，將版面分成同等大小的網(wǎng)格，再根據(jù)版式的需要編排文字與圖片。這樣的版式具有很大的靈活性，可以隨意編排文字和圖片。在編排過程中，單元格之間的間隔距離可以自由放大或者縮小，但是每個單元格四周的空間距離必須相等。 網(wǎng)格的類型非對稱欄狀網(wǎng)格非對稱欄狀網(wǎng)格(3)非對稱式網(wǎng)格非對稱式網(wǎng)格 非對稱網(wǎng)格是指左右版面采用同一種編排方式，但是在編排的過程中并不像對稱網(wǎng)格那樣絕對。非對稱網(wǎng)格形式在編排的過程中，根據(jù)版面需要調整版面的網(wǎng)格欄的大小比例。使整個版面更靈活，更具有生氣。 網(wǎng)格的類型非對稱網(wǎng)格主要分為非對稱欄狀網(wǎng)格與非對稱單元網(wǎng)格兩種。 非對稱欄狀網(wǎng)格

9、非對稱欄狀網(wǎng)格非對稱單元格網(wǎng)格非對稱單元格網(wǎng)格網(wǎng)格的類型基線網(wǎng)格基線網(wǎng)格(4)基線網(wǎng)格基線網(wǎng)格 基線網(wǎng)格通常是不可見的，但它卻是平面設計師的基礎?；€網(wǎng)格提供了一種視覺參考，它可以幫助版面元素的準確編排與對齊頁面，是憑感覺無法達到的版面效果。 網(wǎng)格的類型(5)成角網(wǎng)格成角網(wǎng)格 成角網(wǎng)格在版面中往往很難設置，網(wǎng)格可以設置成任何角度。成角網(wǎng)格發(fā)揮作用的原理跟其他網(wǎng)格一樣，但是由于成角網(wǎng)格是傾斜的，設計師在版面編排時，能夠以打破常規(guī)的方式展現(xiàn)自己的風格創(chuàng)意。網(wǎng)格的類型對稱網(wǎng)格對稱網(wǎng)格網(wǎng)格的建立網(wǎng)格的建立欄狀網(wǎng)格與單元格欄狀網(wǎng)格與單元格 一套好的網(wǎng)格結構可以幫助設計師明確設計風格，排除設計中隨意編排的

10、可能，使版面統(tǒng)一規(guī)整。設計師可以利用兩者的不同風格來編排出靈活性較大，協(xié)調統(tǒng)一的版面構成設計。（四）網(wǎng)格在版式設計中的應用網(wǎng)格的編排形式網(wǎng)格的編排形式（1）多語言網(wǎng)格編排（2）說明式網(wǎng)格編排網(wǎng)格在版式設計中的應用網(wǎng)格與無網(wǎng)格對比版面網(wǎng)格與無網(wǎng)格對比版面網(wǎng)格與無網(wǎng)格對比版面網(wǎng)格與無網(wǎng)格對比版面無網(wǎng)格版面無網(wǎng)格版面(3)打破網(wǎng)格打破網(wǎng)格 打破網(wǎng)格的約束使版面設計更具有自由性，但是很難把握版面的平衡，就算是很優(yōu)秀的設計師也很難準確的把握畫面的平衡感。網(wǎng)格在版式設計中的應用 該菜譜在版面編排時，根據(jù)對版面元素的了解選擇適當?shù)木W(wǎng)格結構，使其達到信息傳達明確。在該版面中，采用大小圖片的對比關系，使整個版面

11、具有版面的活躍性，選擇一張滿版出血圖，運用圖片中元素的生動感，能有效地勾起人們的食欲。 設計點評 時尚女性品牌宣傳畫冊版面設計，在編排這樣的版面時，注意版面的文字與圖形的編排結構，使版面具有個性新穎的視覺版面效果，符合品牌形象宣傳。 設計點評 版面采用網(wǎng)格結構中的兩欄對稱編排的網(wǎng)格結構，使整個版面左右具有強烈的穩(wěn)定性。運用圖片的對比編排使版面具有活躍感。文字的大小對比關系打破了對稱網(wǎng)格的沉悶，具有版面的活躍感。 設計點評 本設計為雜志內頁版面設計。該版面采用雙欄網(wǎng)格與單元格網(wǎng)格形式的結合，將版面劃分出明確的結構，文字與圖片按照網(wǎng)格的結構編排在版面中，體現(xiàn)了版面的穩(wěn)定與整潔。該版面層次清晰，文字采用左右均齊的編排形式，體現(xiàn)了版面的整潔與樸實感。圖片運用單元格的形式編排，展現(xiàn)了整個版面的活躍性。設計點評 該設計是是一張網(wǎng)頁版面設計。該網(wǎng)頁采用對稱式單元格網(wǎng)格的編排形式，該網(wǎng)頁設計中每個單元格的距離為零，圖片集中編排在版面中心，使整個版面結構更緊湊，更具有規(guī)律性。版面的四周空出很大面積的空間，強調了版面的視覺中心，同時也加