(完整版)版式設計講課課件

1、Format design版式設計當我們面對設計主題，有了一個很好的設計創(chuàng)意時，接下來就是如何把這一創(chuàng)意表現(xiàn)出來。設計創(chuàng)意的表現(xiàn)元素不外乎圖形（或圖片）、標題字、正文和色彩，這些統(tǒng)稱為版式設計的“三大元素”。（圖片、文字、色彩）可以說，任何具體的設計，最后都會落實到這三大元素的編排上來。版式設計這門課程將要解決什么問題？ 2作為設計專業(yè)的學生，每進入到一門新的課程環(huán)節(jié)，我們要習性的帶著以下幾個問題來學習：這門課程的學習目的是什么？ 1這門課程的構成要素是什么？ 3需要怎樣才能使他們結合起來？ 5這些元素有什么用？ 4版式設計課程的學習目的 版式設計課程的學習目的是把版面上所需要的設計元素進行必

2、要的編排組合，成為直觀動人、簡明易讀、主次分明、概念清楚的美的構成，使其在傳達信息的同時，也傳達著設計者的藝術追求與文化理念；從而通過版式設計，給閱讀者提供一個優(yōu)美的閱讀“空間”! 版式設計的學習方法：（2條主線）1實際工作項目卡片設計宣傳單頁設計宣傳冊廣告插頁路線圖設計裝飾圖案設計.圖書版面設計目錄設計書籍雜志內文設計。2軟件操作技能軟件基礎知識文字基礎知識文字進階樣式顏色設置.版面融合生成目錄打包輸出。目錄版式設計相關概念版式設計的編排形式版式設計文字與圖形版式設計的原則何謂版式設計？版式設計又稱編排設計，是平面設計中的一個組成部分，為視覺傳達設計的重要環(huán)節(jié)。版式設計當然要調動各類視覺元素

3、進行形式上的組合排列，但更重要的是：版式上新穎的創(chuàng)意和個性化的表現(xiàn)。同時能夠強化形式和內容的互動關系，以期全新的視覺效果。版式設計應用領域應用領域版式設計書籍、宣傳手冊、CI、網(wǎng)頁設計等 廣告包裝海報版面設計并非只用于書刊的排版當中，網(wǎng)頁、廣告、海報等涉及到平面及影像的眾多領域都會用到版面設計。版式設計的分類：出版物版面設計廣告版面設計促銷道具設計報紙版面、雜志版面、書籍版面報紙廣告，雜志廣告，燈箱廣告，路牌廣告。包裝，折疊廣告，POP廣告，產(chǎn)品目錄產(chǎn)品形象應用識別設計多媒體網(wǎng)頁版面設計名片，年報，畫冊。網(wǎng)頁設計9圖文處理與編排圖文處理與編排版式設計的流程信息的提煉信息的提煉信息的收集信息的收

4、集124確定主風格確定主風格3優(yōu)秀版面的評價標準優(yōu)秀版面設計的核心標準傳播力1.版面設計的功能性 主要通過把握視覺流程達到準確傳達,快速傳達. 2.版面設計的藝術性 可利用形式感法則與圖文的視覺情感達到定位傳達的目的. 3.版面設計的統(tǒng)一性 可利用網(wǎng)格系統(tǒng)達到印象傳達,增強品牌記憶. 版式設計三大視覺要素文字picturescolour文字圖形色彩1.文字 主題內容(標題、正文、注解等)離不開文字，通過文字獲得主要信息。 設計者需掌握中外字體的一般常識，不同的字體給人的心理感受不一樣，美的字體能使讀者感到愉悅,幫助閱讀和理解。（字體設計）2、圖形或圖像 圖片在版面設計中，占有很大的比重，視覺沖

5、擊力比文字強85%。但這并非語言或文字表現(xiàn)力減弱了，而是說圖片在視覺傳達上能輔助文字，幫助理解，更可以使版面立體、真實。文字版中加入圖形圖片立即引起視覺流程的變化圖形的形式、大小、數(shù)量影響讀者注意力主題借助圖形、圖片來增強文字說服力，提高閱讀興趣。圖片以符號為圖形以裝飾畫或油畫為圖形3、色彩色彩較之圖文對人的心理影響更為直接，具有更感性的識別性能。現(xiàn)代商業(yè)設計對色彩的應用更上升至“色彩行銷”的策略，成為商品促銷、品牌塑造的重要手段。配色原則：1.黑白配色原則：黑與白有強烈的對比關系，灰色是對這兩種顏色的調和，這樣的配色給人一種安靜素雅的感覺，同時還具有很強的時尚感。黑白灰也用來表達憂郁頹廢的情

6、緒或是懷舊的感覺。2.單色配色原則：畫面由棕色的明、中、暗3種色調構成，這就是單色配色。它屬于基礎配色，很容易掌握。通過調整一個顏色的明度，使其發(fā)生漸變。（信紙）3.中性配色：黃色、土黃色、紫色、綠色或銀色金色這類顏色在進行單色設計時被稱為中性配色，這種顏色給人古典、素雅、祥和、沉穩(wěn)的值得信賴的感覺。（圖中的每一張圖片上都填上了一層土黃色，然后將其與圖片融合在一起，又沒有丟失本身的色相，頁面整體也顯現(xiàn)出來黃色調。）4類比配色原則：類比配色是指挨得比較近的顏色組合。顏色有暖至冷的順序為紅橙黃綠藍紫，它們彼此之間互為鄰近色，如果有跳躍就不是鄰近色，因為黃色與紅色混到一起能產(chǎn)生其他的顏色，黃色中找不

7、到紅色的影子。這種顏色的搭配可以產(chǎn)生漸變感，色調又很明確，低色彩的對比產(chǎn)生和諧的美感，但用色不能過多，容易使人產(chǎn)生色環(huán)的感覺。（圖中由暖轉向偏冷的顏色，神秘活潑感。）色彩的漸變使版面和諧統(tǒng)一奪目的色彩配以活潑的編排，讓人耳目一新一、版式設計的視覺流程事物因光的作用，使眼睛發(fā)現(xiàn)信息而產(chǎn)生感受。由于視覺范圍的局限和差異，人們的視覺有了一定的走向與習慣，這種習慣的程序就是視覺流程。編排設計的視覺流程 1 如何建立視覺流程 人們在閱讀版面時， 很自然地一步步看下去而形 成的無形的順序“線”， 就是編排設計的視覺流程。 版式設計的視覺流程格式塔心理學家的視覺法則上下左右前后大小圖背景色彩無色人物動物風景

8、金屬光澤1 、如何建立視覺流程 最佳視覺區(qū)輕松自在1 、如何建立視覺流程 一、版式設計的視覺流程 最佳視覺區(qū)穩(wěn)定壓抑最佳視覺區(qū)輕松自在1 、如何建立視覺流程 最佳視覺區(qū)穩(wěn)定壓抑1 、如何建立視覺流程 版式設計的視覺流程 版面設計要符合人們較為普遍的思維習慣，做到視覺流程自然合理暢快1 、如何建立視覺流程（1）講究流程的科學性 遵循由上而下、由左至右的視覺原理，進行方向性誘導和加強主次的分布。 1 、如何建立視覺流程 （1）講究流程的科學性自上而下的條理性1 、如何建立視覺流程 （1）講究流程的科學性版面似有一條導向線突出中心環(huán)節(jié)1 、如何建立視覺流程 （2）加強可視、可讀性內容形式單純、明了，

9、易于直接接受理解；處理好相關元素的聚散、疏密、快慢節(jié)奏，提高視覺效果 流程間隔大如寬屏幕節(jié)奏1 、如何建立視覺流程 （2）加強可視、可讀性 間隔小的流程節(jié)奏加快，使閱讀一氣呵成。1 、如何建立視覺流程 （2）加強可視、可讀性 形成聚散起伏的導讀線，閱讀自然流暢。1 、如何建立視覺流程 疏密強弱對比增強視覺凝聚力（3）利用對比建立視覺流程主體與空白對比。1 、如何建立視覺流程（3）利用對比建立視覺流程 掌握文字屬性的對比 色彩對比突出主體1 、如何建立視覺流程（3）利用對比建立視覺流程 黑白陰陽對比主次的大小對比1 、如何建立視覺流程（3）利用對比建立視覺流程 加強形象在形態(tài)方向上的對比1 、如

10、何建立視覺流程 圖形的色彩調和（4）利用調和建立視覺流程文字大小方向調和1 、如何建立視覺流程 （4）利用調和建立視覺流程 圖形在編排方式上的調和1 、如何建立視覺流程 不同形態(tài)的群組編排（5）利用組群建立視覺流程不同色調的群組編排版式設計的視覺流程 2 、視覺流程的表現(xiàn)方法(1)直線向視覺流程 (2)斜線向視覺流 (3)曲線向視覺流程 (4)導向線視覺流程 (5)散點視覺流程 (6)復向視覺流程(1)直線向視覺流程按照視覺習慣進行水平或垂直方向的編排。視覺流程的表現(xiàn)方法 堅定、穩(wěn)定、恬靜、直率信息傳達迅捷、簡潔、精當視覺流程的表現(xiàn)方法 (2)斜線向視覺流程斜線方向的編排，具有不安定因素而抓住

11、視覺。視覺流程的表現(xiàn)方法 不穩(wěn)定、動態(tài)、活躍、易引起注意視覺流程的表現(xiàn)方法 (3)曲線向視覺流程使版式構成更加豐富，給人以韻律感和柔美輕松感。視覺流程的表現(xiàn)方法 節(jié)奏、韻律、柔美、輕松視覺流程的表現(xiàn)方法 (4)導向線視覺流程通過一定視覺元素，把版面構成要素串聯(lián)起來。視覺流程的表現(xiàn)方法 聯(lián)想、運動、清晰、方向視覺流程的表現(xiàn)方法 (5)散點視覺流程是指圖文無規(guī)律，呈自由、個性化的排列。視覺流程的表現(xiàn)方法 活躍、自在、生動、新奇、刺激視覺流程的表現(xiàn)方法 (6)復向視覺流程把相同、近似、漸變的視覺元素有規(guī)律地重復排列。視覺流程的表現(xiàn)方法 秩序、節(jié)奏、韻律、特異視覺流程的表現(xiàn)方法 版式設計的基本類型 1

12、.標準型2.標題型3.全圖型4.中軸型 5.偏心型（圖文半分型）6.交叉型7.文字型8.傾斜型9.指示型 10.重復型 11.網(wǎng)格型 12.散點型 13.曲線型14.三角型15.圓型作業(yè)：設計宣傳單頁兩份：（圖版率高、圖版率低）范圍：健身中心、美容會所、商場等。根據(jù)選定的主題自己搜集素材，加以整合編排，符合形式美原則。突出主題，選擇的圖片素材要清晰文字與圖形的版面構成 文字是版式設計中的重要構成元素，是人們交流和傳達信息的主要手段，在版式設計上文字的交流也是非常重要的。一、運用字體樣式和風格不同字體樣式的字體，它的版面風格不同，根據(jù)不同的版式需求選擇不同的字體風格，最主要的是要與總版面文字內容

13、協(xié)調。中文文字中，宋體給人大方、典雅、樸實的感覺，在版式設計中，宋體的編排最自如，給人精致獨特的氣質（圖2）黑體簡潔明了，是粗細很一致的字體結構，可隨意調整。黑體具有多重適應性，是現(xiàn)代化設計中最大眾化的字體之一。（圖3）傳統(tǒng)書法字體與現(xiàn)代字體，有著內在呼應，這種字體的搭配給人現(xiàn)代與傳統(tǒng)、民族與國際的和諧感，符合現(xiàn)代的審美感。（圖3）版式設計中，字體樣式與風格變化影響著版面整體效果。因此，字體設計成為版式設計中不可缺少的步驟之一。圖5是一張企業(yè)雜志版面，根據(jù)對企業(yè)形象與文化的了解，在版面編排上，盡量采用整齊穩(wěn)定的文字編排效果，能更好地對企業(yè)形象傳達。圖6是一張活動促銷DM版面，在該版面中采用變化

14、多樣的字體形態(tài)，使版面具有活躍感。在招貼設計中，對文字的編排形式要求新穎突出，能吸引人們的注意，具有強烈的視覺效果。一種語言可以總結出相同的語法，一種字體可以整理出共同的結構，一種藝術可以形成其版面編排構成中的共性。我們從文字的結構來看，世界上的各種文字符號同樣是遵循繁雜、簡化的規(guī)律。二、中英文混排設計文字相當于畫面的線條，在中英文混排設計中，英文字體的選擇要同中文相匹配。每一個版面中不管有多少元素都有主次之分，文字上也要求中英文合理配合。雖然中文跟英文在字體與形態(tài)上各有不同，如今很多版面都采用了中英文的混排，畫面同樣很和諧，關鍵在于找出它們能互相匹配的字體。根據(jù)字體風格的不一樣，在選擇字體的

15、時候盡量達到和諧與包容，既要有區(qū)別又要很協(xié)調。這些字體的不同選擇搭配都有自身的規(guī)律，其主要目的在于傳遞信息的同時也確保畫面的協(xié)調性。版式設計中，中英文的特點以及表現(xiàn)手法：（1）英文字體編排能很好的調整畫面的僵硬、呆板效果，使畫面更生動，視覺更流暢。英文在版面上可以是曲線形式出現(xiàn)，也可以是直線形式出現(xiàn)，起到豐富版面與傳達信息的表達作用。（2）中文字體編排中文在版面中主要以字塊形式出現(xiàn)，具有字體的輪廓型。中文每個字占的字符空間都一樣，非常的規(guī)整，在排版的自由靈活性比英文少，各種限制都很嚴格。(3)中英文混排中英字體與英文字體的綜合設計，目的是能夠較充分地體現(xiàn)出這兩種字體優(yōu)勢的結合。中英文混排注意：

16、（1）中英文混排版面中的文字主次關系層次感 (2)中英文混排版面中文字間字體與字號的設定注意版面中字體的統(tǒng)一性，除標題文字意外，在段落文字中，中文采用什么樣的字體，英文采用什么樣的字體，都必須統(tǒng)一編排。(3)中英文混排版面中 字符間的空格設定。在中英文混排的版面中，如果強制性的將兩者編排在一起，而不進行一些適當?shù)恼{整，就會造成兩種文字間的距離顯得有些奇怪，這是因為專業(yè)的字符寬度設計是以一個英文字符的寬度為基礎的。為了解決這個問題，一般在編排的時候，將中文單詞與英文單詞之間空出四分之一字符的位置。三、字體磅值字句與行距的設置四、字的排列 文字的排列方式?jīng)Q定閱讀的效果，根據(jù)設計的需要安排文字規(guī)整程

17、度。文字的排列可分為以下幾種：五、文字應用的技巧和方法 文字在版面中起著點的作用，具有簡潔而突出的特性，文字是編排設計中基本要素，在版式設計中起著平衡畫面、強調重點、增加版面跳躍率的作用。沒有文字的版面，很難達到畫面平衡與廣告宣傳效果。圖片與圖形的編排 圖片源于人們對事物的認識，能讓人們聯(lián)想到事物的各種特性，具有信息傳達直接，給人留下深刻印象等特征。一、圖片的比例和分布圖形在版式設計中占主要地位，能更直觀準確的傳達信息，表達設計主題，通過圖形的比例和分布，使畫面富有視覺的起伏感和極強的視覺沖擊力，更好的傳達信息。二、圖形形狀的應用在版式設計中，圖形的不同運用可以改變整個畫面的節(jié)奏與情感，圖形可以是方形的，也可以是自由形。根據(jù)需求決定排列的圖形的形狀，使信息傳達更