版式設計版面編排第1頁/共67頁第一單元（一）概述

版面編排設計是一個很廣泛的概念，它被廣泛應用到各個相關的設計領域，不同的領域有不同的側重點，例如海報招貼設計，它的版式側重于圖形元素，而報紙雜志則側重于文字編排元素，另外，還有產品包裝設計，則是圖形，文字，色塊相結合的結果。所以我們定義版面編排設計；

第2頁/共67頁第一單元（一）概述

版面編排設計是現代設計藝術的重要組成部分，是視覺傳達的重要手段，從表面上看，版面編排只是一種編排的技巧，實際上卻是技術與藝術修養高度統一的結晶。

版面編排設計是指在有限的空間里將文字、圖形、線條、色塊等內容，按一定的方式成功組合排列，產生美的感覺。第3頁/共67頁

《編排設計》課程是江蘇省高等教育自學考試藝術設計專業(獨立本科段)的必修課程。是檢驗應考者解決各類平面，空間設計中構圖表現，形式美感的諸多要求為主的平面專業設計實踐課程。目的:1、能夠在形態，色彩，肌理，空間，動勢等設計要素和構成要素方面有所認知及研究。2、通對編排的基本元素（文字、圖形、畫面空間等）之間的組織協調關系有所了解。第4頁/共67頁圖例這是一張含有濃厚中東文化氣息的設計作品，圖中阿拉伯女性的頭紗是由阿拉伯文字組合而成的，是典型的文字構成圖形的版式，再通過和顏色，線條等設計元素的有機組合，使畫面產生特殊的美感。第5頁/共67頁圖例是一張中國國際海報雙年展的招貼，作品運用了錯位的編排方式，使原本平淡靜止的畫面增添了許多動感和更加具有設計的意味。第6頁/共67頁圖例黑白對比是視覺沖擊力最強的一種設計，用在書籍版面中，令到小版面充滿張力，給人煥然一新的感覺。第7頁/共67頁（二）版式設計的要求

1、創意:把主題思想和編排技

巧相結合,設計出新穎別致

的版式是出人制勝的關鍵。

第8頁/共67頁圖例這是一張婚禮主題的海報，圖中利用婚紗隨風飄動的感覺，運用了曲線切割畫面的編排技巧，使畫面產生流動感，畫面也有隨風飄動的感覺。雖然是很平常的主題，但在視覺上卻給人新穎的感覺。第9頁/共67頁圖例（羅杰.福德）瑞士兒童節公演海報，作品采用了馬戲團小丑的特寫圖片，把兒童節主題清楚表達之余，通過和文字的有機排列，使設計充滿新奇.第10頁/共67頁兒童畫展的海報圖中的黃色塊是一支畫筆，綠色則是劃出的顏色，用的是對稱編排。圖例第11頁/共67頁（二）版式設計的要求

2、有個性，個性突出是給人留下

強烈印象的重要手段，將文字

圖形化，是一個不錯的選擇，

如果圖片本身具有趣味性，效

果會更好。

第12頁/共67頁圖例沃爾德曼.斯威茲波蘭戲劇海報招貼，用對比強烈的色塊，通過特殊的筆觸制造動感強烈的效果，和強烈的感情色彩表現,版面視覺張力強烈，能造成即時的視覺刺激，并形成自己特有的個人風格。第13頁/共67頁圖例沃爾德曼.斯威茲波蘭展覽海報招貼，帶有明顯的沃爾德曼.斯威茲個人表現風格的作品，雖然版式上不出現色彩，但帶來的視覺，震撼是非同一般的。

第14頁/共67頁圖例格特.芬德利希德國以全文字的版式風格進行設計，文字在這種情況下，本身的說明意義已經邊緣化與模糊化，往往會承擔了很大部分的圖形說服的作用，起到文字圖形化的效果。

第15頁/共67頁圖例格特.芬德利希德國文字以非常規的手法進行排列，或者通過有意的變形，使版式能更好的對受眾造成有效的視覺記憶。

第16頁/共67頁（二）版式設計的要求

3、有情節，有情節的版面設計可

以迅速引起讀者的注意，主要

體現在文案內容及文字的編排。

第17頁/共67頁第18頁/共67頁圖例這是一張有關電臺節目的海報，圖中的文案按照圖形中的電波形狀排列，有放射的效果，右方的系列內容的圖片則和文案共同表達出畫面的情節需要。第19頁/共67頁圖例反對種族主義的招貼海報，畫面的黑貓和白貓和諧相處的情景，把嚴肅的種族主義問題變得簡單易懂和人性化這一情節使觀眾能夠在腦海里留下深刻的印象第20頁/共67頁圖例

奧林匹克畫報，龜兔賽跑的情節的運用，龜兔兩者位置的巧妙編排，畫面的趣味性得到加強。第21頁/共67頁圖例

戲劇與電視的關系的海報招貼，以一個專注看電視的人物形象的插圖描繪情節，并與下方文字的巧妙排列，很大程度的吸引觀眾眼球。第22頁/共67頁（二）版式設計的要求

4、電腦技術的運用，也是編排設

計發展的重要趨勢。

第23頁/共67頁圖例

圖中為我專業一學生作品，作品編排運用了計算機技術，刻意營造中國繪畫中的干筆觸效果，收到非常好的視覺效果。第24頁/共67頁（三）編排的原則

1、主題突出

一個成功的版面設計不是設計師個人風格的自我陶醉，而是在明確客戶目的的基礎上對內容的完美體現。

方法一，按照主從關系的順序，使產品本身成為主體形象，占據版面的設計中心。

第25頁/共67頁圖例

第26頁/共67頁（三）編排的原則

1、主題突出

一個成功的版面設計不是設計師個人風格的自我陶醉，而是在明確客戶目的的基礎上對內容的完美體現。

方法二，使主體處在被強調的位置上，如主體周圍增強空白，或處理成前明后暗的效果。第27頁/共67頁圖例

第28頁/共67頁（三）編排的原則

2、簡明易懂

由于平面類的設計只能在有限的空間里與讀者交流，這就要求版面單純，簡潔，通過對信息的濃縮處理，精煉表達內容，形成新穎的構思。

第29頁/共67頁圖例

畫面選擇了產品的圖片，產品名稱等幾樣必須的元素，其余的適當省略了。使版面的信息得到精確的提煉。第30頁/共67頁（三）編排的原則

3、內容和形式的統一

只講內容，沒有美感的編排呆板、

空洞，脫離內容只講形式則更糟

糕。

第31頁/共67頁圖例

是一本年冊的封面，用了面構成的編排形式，紅色部分象征打開的書本，內容和形式非常統一。第32頁/共67頁（三）編排的原則

4、整體協調

a加強結構的方向感和秩序感，增強視覺的沖擊力。第33頁/共67頁圖例

文本內容較多，設計師把其濃縮并有序的排列在一個特定的符號中，使畫面看起來有方向和次序感，視覺沖擊力非常強。第34頁/共67頁（三）編排的原則

4、整體協調

b加強文案的合理性，條理性

c運用同一因素時可以采取不同表

現形式第35頁/共67頁圖例

這是一張文字較多的圖面，設計師把文字分成三個等面積的塊面，配合產品的合層圖片，排列既有條理，視覺上又給人舒適感。第36頁/共67頁圖例

同樣是采用文字作為設計的主要元素，可以通過不同的切割方式，達到豐富畫面的效果。第37頁/共67頁（四）造型要素

點、線、面是三種基本元素，組成視覺空間，任何復雜的版面都可以簡化為點、線、面的構成。

第38頁/共67頁（四）造型要素

1、點

點是指版面中較小的形象，點在版面中會給人靜止而穩重的感覺；如果點在版面的左方或右方會產生向中心運動的趨勢；在上方或下方會產生上升或下降的趨勢第39頁/共67頁圖例

由左往右消失的點，是電插座的商業招貼，用不同的插座形象構形，非常特別。第40頁/共67頁圖例

下墜的點，配合畫面的拋物線，使畫面產生不穩定感，并有下墜的趨勢。第41頁/共67頁圖例

上升，飄動的點的版式，作品有一種空靈感。第42頁/共67頁（四）造型要素

2、線

線具有位置，長度，寬度，也有方向，形狀的屬性。

性格；直線簡明醒目，曲線幽雅，拋物線具有速度感。

象征性：水平線平和安寧，垂直線莊重穩定，斜線活潑有動感。

第43頁/共67頁圖例

直線與曲線相結合的結果，靜中有動，動靜結合。第44頁/共67頁圖例

拋物線的采用，作品產生運動的速度感，配合運動T恤的設計主題。第45頁/共67頁圖例

曲線的運用，使作品增添許多柔和感。第46頁/共67頁圖例

運動感是我們在設計中常追求的視覺感，斜線構成，產生高速運行的動勢。第47頁/共67頁（四）造型要素

3、面

面具有明顯長度和寬度，由于占的面積最多，視覺上比點，線更強烈，一般可分幾何形和自由形兩類。第48頁/共67頁圖例

幾何形的有規律的變化，通過錯位設計的方式，使畫面穩重而有變化，并具有立體感。第49頁/共67頁圖例

隨意的形狀構成高速運動的畫面，能造成現代高科技的感覺，從而使畫面具有一定的時代感。第50頁/共67頁圖例

畫面選擇了產品的圖片，產品名稱等幾樣必須的元素，其余的適當省略了。使版面的信息得到精確的提煉第51頁/共67頁（四）造型要素

4、版式中的空間構成

版式設計中應該能體現視覺的空間感，而不應僅僅是二維效果的體現，只有這樣才能保持作品的生命力

a通過比例展示空間

第52頁/共67頁圖例

畫面紅色部分占的面積較大，白色部分較小，所以視覺上，紅色給人在后面的感覺，而白色則有往前的效果，圖面非常有層次感。第53頁/共67頁（四）造型要素

4、版式中的空間構成

版式設計中應該能體現視覺的空間感，而不應僅僅是二維效果的體現，只有這樣才能保持作品的生命力

b通過黑，白，灰的關系展示空間

第54頁/共67頁圖例

黑色給人往后退的效果，往往被用作背景。白色給人往前的感覺，往往被用在要突出的元素上。灰色則象中間層，處于黑白對比之間。第55頁/共67頁（四）造型要素

4、版式中的空間構成

版式設計中應該能體現視覺的空間感，而不應僅僅是二維效果的體現，只有這樣才能保持作品的生命力

c通過位置關系展示空間

第56頁/共67頁圖例

琢木鳥夸張的形態和在畫面正中占的位置使到它呼之欲出，和后面的背景拉開了距離，從而形成空間距離感。第57頁/共67頁（四）造型要素

4、版式中的空間構成

版式設計中應該能體現視覺的空間感，而不應僅僅是二維效果的體現，只有這樣才能保持作品的生命力。

d疏的編排近，密的編排遠。

第58頁/共67頁圖例

疏的編排給人在前的感覺，密的編排給人在后面的感覺。第59頁/共67頁（四）造型要素

5、最佳的視線與視覺流程

重要的信息放在引人注目的位置上，版面的上側注意力強于下側，左側強于右側，左上部和中上部被稱為“最佳視線。

當人們在閱讀時，視線由左上角沿一條自然的弧線，向右下方流動，第60頁/共67頁越向下，注意力越下降，這跟弧線上的點比起線外的點更具有明顯的運動特點，這一無形的流動線我們稱之為為視覺流程。一個成功的視覺流程應該是符