1、精選優質文檔-傾情為你奉上精選優質文檔-傾情為你奉上專心-專注-專業專心-專注-專業精選優質文檔-傾情為你奉上專心-專注-專業版式設計教案課題名稱版式設計授課教師： 班 級授課時間：教學目的其內容主要涉及到對書籍、報刊等正文內容的格式進行編排和設計具體為對正文文字的選擇、排列、圖片的設計編排、書眉、中縫樣式的安排 從而使其內容更清晰明了章節層次結構分明。教學內容1、版式設計基礎知識（要求與設計原則）2、版式的基本類型3、文字、圖形、色彩的編排構成4、版式設計的趨勢教學重點版式設計的基本類型教學難點文字、圖形、色彩的編排構成教學方式講授、賞析、實訓、點評、多媒體示范、應用。學 時48作 業個人作

2、品集一套第一章 版式設計基礎知識課題名稱版式設計授課教師： 班 級授課時間：教學目的了解版式設計原則，可運用構成形式設計簡單版面教學內容1、概述2、版式的原則、原理3、版式的形式法則教學重點版式各要素的認知教學難點編排構成特點教學方式講授、賞析、實訓、多媒體示范、學 時2作 業安裝字體、尋找資料名片、簡單版面的設計安排，教學過程新課導入：各類設計行業與版式設計息息相關，引領著人類審美的潮流信息時代圖文時代準確的定位、縝密的文案，漂亮的圖色傳達信息引起消費者的共鳴，促進其購買欲望，最終為企業贏得利潤或達到一定社會效應。概述1、定義版式format 指書刊等的版面格式版面（報刊、書籍的一）整頁所謂

3、版式設計，就是在版面上，將有限的視覺元素進行有機的排列組合；將理性思維，個性化地表現出來一種具有個人風格和藝術特色的視覺傳送方式傳達信息，同時，也產生感官上的美感版式設計的范圍，涉及到報紙、刊物、書籍（畫冊）、產品樣本、掛歷、招貼畫、唱片封套和網頁頁面等平面設計各領域。2、基本理論：版心：書籍每一頁的正文文字從左到右、從上到下所占用的版面位置; 天頭、地腳:書籍每一頁版心之外上下部所留下的空白; 書眉、中縫: 印在每一頁版心之外的書名或篇名等主要作用是方便讀者查找翻閱及活躍版式。印在書籍天頭靠版心的位置的內容為書眉;直排正文印在書籍切口處的內 容為中縫。 插圖、插頁: 插圖、插頁對書籍都起到豐

4、富版式、規范書籍內容總體構、裝飾形式、提示內容等作用。 視覺度相對于文字、圖像產生的視覺上的強度叫做視覺度。明快的插圖給你最強烈的印象，所以視覺度較高。風景照的視覺度較低。圖版率占據版面的圖和文章的面積比叫做圖版率。沒有圖的版面讓人窒息。多用于工具書。加入圖片，文章也有生氣。圖像的跳躍率圖像在整個畫面中的面積叫圖像的跳躍率，它沒有一個固定的計算標準，通常視版面的大小而定。和文字不同，圖像的跳躍率不能單憑放大圖像。例如表現靜態的圖像，如果放大，也只能是更強調它的安靜。圖像跳躍率的效果在于起伏和協調的格局。網格約束率在開始版面之前，首先應做好版面用紙。畫出大致的范圍。這個限定范圍的線條叫做網格約束

5、。原則上，版面設計中照片和標題的位置由網格線來決定。這樣設計出來的版面由網格約束起來。當然，也可以無視網格線條，進行自由配置，形成脫離網格的自由風格。有格調、莊重的版面可多采用網格固定的版面。脫離網格約束的自由設計，很難保持平衡。如果不是訓練有素的設計師，很容易設計成劣質品，需要注意。挖版和角版角版是網格約束型，挖版是自由型。兩者結合運用，能產生各種對比效果。版面率版面用紙都會有一定幅度的空白，叫留白。留白內側放文字的空間叫做版心。版心所占的面積叫做版面率。版面率越高，天地左右的空白就越少。表現高品質、高質感的商品需要大面積的空白。適當減少空白，放入很多的內容，給人信息量大的感覺。我們在日常接

6、觸的品中，版面率最高的是報紙。其次是雜志。它們都是以大信息量來吸引消費者。文字構成的三種類型文字組合有三種類型，根據類型決定表現的印象。A、標準齊行型 合理的、標準的、面向商業的。B、居中型 優雅的、高品質的、高格調的。C、自由型 自由的、隨意的、有活力的。二、版式設計的原則：1、主題突出一個成功的版面設計不是設計師個人風格的自我陶醉，而是在明確客戶目的的基礎上對內容的完美體現。方法一，按照主從關系的順序，使產品本身成為主體形象，占據版面的設計中心。方法二，使主體處在被強調的位置上，如主體周圍增強空白，或處理成前明后暗的效果。方法一 方法二2、簡明易懂由于平面類的設計只能在有限的空間里與讀者交

7、流，這就要求版面單純，簡潔，通過對信息的濃縮處理，精煉表達內容，形成新穎的構思。 3、內容和形式的統一只講內容，沒有美感的編排呆板、空洞，脫離內容只講形式則更糟糕。4、整體協調a 加強結構的方向感和秩序感，增強視覺的沖擊力。 b 加強文案的合理性，條理性c 運用同一因素時可以采取不同表現形式三、版式設計的造型原理點、線、面是三種基本元素，組成視覺空間，任何復雜的版面都可以簡化為點、線、面的構成。1、點點是指版面中較小的形象，點在版面中會給人靜止而穩重的感覺；如果點在版面的左方或右方會產生向中心運動的趨勢；在上方或下方會產生上升或下降的趨勢。 2、線線具有位置，長度，寬度，也有方向，形狀的屬性。

8、性格：直線簡明醒目，曲線幽雅，拋物線具有速度感。象征性：水平線平和安寧，垂直線莊重穩定，斜線活潑有動感。3、面面具有明顯長度和寬度，由于占的面積最多，視覺上比點，線更強烈，一般可分幾何形和自由形兩類。 4、版式中的空間構成版式設計中應該能體現視覺的空間感，而不應僅僅是二維效果的體現，只有這樣才能保持作品的生命力a 通過比例展示空間b 通過黑，白，灰的關系展示空間 c 通過位置關系展示空間d 疏的編排近，密的編排遠。5、最佳的視線與視覺流程重要的信息放在引人注目的位置上，版面的上側注意力強于下側，左側強于右側，左上部和中上部被稱為“最佳視線。當人們在閱讀時，視線由左上角沿一條自然的弧線，向右下方

9、流動，越向下，注意力越下降，這跟弧線上的點比起線外的點更具有明顯的運動特點，這一無形的流動線我們稱之為為視覺流程。一個成功的視覺流程應該是符合一般視覺原理和讀者普遍的認識心理的，這樣的視覺流程才具有邏輯性強，主次分明的特點。四、版式設計形式法則1、對稱與均衡前者給人安全穩定、莊重、嚴肅、正規感。2、對比與調和強對比：活躍鮮明，調和：柔和、安詳、雅致、單調3、節奏和韻律利用疏密、聚散、重復、連續、條理、漸變等手法實現的4、比例與分割5、空白與疏密作業安排：自己的名片設計制作單頁小結：根據優秀名片賞析，總結優秀作品的版面安排方式，設計制作自己的名片，這樣可在提高學生審美的基礎上，進行實踐練習鞏固。

10、第二章 版式設計基本類型課題名稱版式設計授課教師： 班 級授課時間：教學目的可運用版式設計各種類型進行圖文的編排，掌握其方式并能進一步靈活運用。教學內容1、骨骼型2、滿版型3、上下、左右分割性5、中軸型、曲線形6、曲線、傾斜型7、對稱型、重心型8、三角形、并置型9、自由型教學重點常見類型會運用教學難點排版過程中的規律運用教學方式講授、賞析、實訓、多媒體示范、學 時2作 業單頁版面的設計安排，教學內容導入新課 版式的基本類型大致有骨格型、滿版型、上下分割型、左右分割型、中軸型、曲線型、傾斜型、對稱型、重心型、三角型、并置型、自由型和四角型等13種。骨格型：規范的、理性的分割方法。常見的骨格有豎向

11、通欄、雙欄、三欄和四欄等。一般以豎向分欄為多。圖片和文字的編排上，嚴格按照骨格比例進行編排配置，給人以嚴謹、和諧、理性的美。骨格經過相互混合后的版式，既理性有條理，又活潑而具有彈性。 骨格型 骨格型 滿版型滿版型：版面以圖像充滿整版，主要以圖像為訴示，視覺傳達直觀而強烈。文字配置壓置在上下、左右或中部（邊部和中心）的圖像上滿版型，給人大方、舒展的感覺。是商品廣告常用的形式. 上下分割型：整個版面分成上下兩部分，在上半部或下半部配置圖片（可以是單幅或多幅），另一部分則配置文字.圖片部分感性而有活力，而文字則理性而靜止. 上下分割型 上下分割型 左右分割型 左右分割型左右分割型：整個版面分割為左右

12、兩部分，分別配置文字和圖片.左右兩部分形成強弱對比時，造成視覺心理的不平衡。這僅是視覺習慣（左右對稱）上的問題，不如上下分割型的視覺流程自然.。如果將分割線虛化處理，或用文字左右重復穿插，左右圖與文會變得自然和諧. 中軸型：將圖形作水平方向或垂直方向排列，文字配置在上下或左右.水平排列的版面，給人穩定、安靜、平和與含蓄之感.垂直排列的版面，給人強烈的動感. 曲線型：圖片和文字，排列成曲線，產生韻律與節奏的感覺. 曲線型 曲線型 傾斜型傾斜型：版面主體形象或多幅圖像作傾斜編排，造成版面強烈的動感和不穩定因素，引人注目.對稱型：對稱的版式，給人穩定、理性、理性的感受對稱分為絕對對稱和相對對稱。一般

13、多采用相對對稱手法，以避免過于嚴謹對稱一般以左右對稱居多 重心型：重心型版式產生視覺焦點，使其更加突出，有三種亞型直接以獨立而輪廓分明的形象占據版面中心向心視覺元素向版面中心聚攏的運動離心猶如石子投入水中，產生一圈一圈向外擴散的弧線的運動 三角型：在圓形、矩形、三角形等基本圖形中，正三角形（金字塔形）最具有安全穩定因素 并置型：將相同或不同的圖片作大小相同而位置不同的重復排列并置構成的版面有比較、解說的意味，給予原本復雜喧鬧的版面以秩序、安靜、調和與節奏感 自由型：無規律的、隨意的編排構成。有活潑、輕快的感覺。四角型：版面四角以及連接四角的對角線結構上編排圖形。給人嚴謹、規范的感覺。版式設計的

14、基本步驟：確定主題（需要傳達的信息）尋找、收集用于表達信息的素材含文字、圖形圖像文字表達信息最直接、有效，應該簡潔、貼切應該根據具體需要確定視覺元素的數量和色彩（黑白、彩色色系）確定版面視覺元素的布局（類型）使用圖形圖像處理軟件進行制作第三章 文字、圖形、色彩的編排構成課題名稱版式設計授課教師： 班 級授課時間：教學目的各類文字、圖形、色彩的表現方式及選擇教學內容1、文字的編排2、圖形的編排3、色彩的搭配教學重點文字的編排教學難點圖形、色彩的編排教學方式講授、賞析、實訓、多媒體示范、學 時10作 業以文字、圖形為主的版面設計教學過程導入新課 文字是最直接清晰、準確傳達信息的一種方式一、文字的編

15、排：1、文字的跳躍率以正文為基準，以最大標題的字符、字高為計算的比例叫文字的跳躍率。降低跳躍率給人高品質，高格調的印象。提高跳躍率則給人強烈的視覺度，反映一種健康愉悅的印象。不高不低，就不會讓人立刻產生印象。很難達受到理想的效果。2、字體印象字體的選用、粗細、大小決定了樣式的效果A、傳統字體：楷體、行書、隸書、舒同體、魏碑、仿宋B、過渡字體：宋體C、現代字體：黑體及等線體黑體字：新鮮，富于理性色彩。是現代中應用最為廣泛的字體等線體：極簡的字體風格。特別適合段落性文字宋體字：穩定的、中庸的，給人典雅，肅穆之感書法體：傳統、保守的新書體：新潮的、輕松的正文的大小：一般可控制在9pt 12pt（磅）

16、左右。過大會顯得笨重，特別是中文。但過小就會造成閱讀時的困難。字距和行距：標準行距是文字大小的2/3。過于緊縮，給人低品質的感覺，不易閱讀。空隙過大，則顯得空洞。3、標題文字主標題：醒目、突出主題（適當設計）副標題：對主標題的補充說明裝飾線：突出，襯托大標題。4、視覺層次一個版面中，以3種以內字體為佳，多則亂，少則呆。色調：相近色，同色系色調統一，能突出主題，整體統一。5、文字編排形式（1）、左右均齊：嚴謹、美觀、端正。（2）、居中對齊：視線統一、左右錯落有致、有節奏、韻律。（3）、齊左、齊右：統一與變化共存。 圖文繞排（4）、圖文繞排：自然融洽、生動。（5）、圖形化排列 色調：相近色，同色系

17、色調統一，能突出主題，整體統一。二、圖形編排形式 圖形在版式設計中有著重要意義，它以形象的方式被瞬間接受和評價，視覺沖擊力比文字強85%。俗話說，一圖勝千字，這并非指文字表達力弱，而是指圖形能超越文化、語言、民族諸多差異，一些用文字難以傳達的信息、感受、思想，借助圖形可迅速傳達。 圖形包括照片和插圖。照片直接、寫實、莊重、細膩，可根據創意需求、版面位置需要對其進行剪切、取舍、改善，要注意照片與內容主題、風格的內在聯系。插圖以獨特的想象力、創造力及超現實的自由構造，在版面中展示著獨特的魅力。它個性靈活，易于變化、處理整合，更適合于復雜不規則的版式。 照片、插圖都能具體、完整、直觀地將設計者的意念

18、高品質地表現出來，使版面視覺更加集中穩定，同時還具有效的導讀效果。 1. 圖形的形式 （1）出血圖形 圖片充滿整個版面，不需邊框。此形式打破版心束縛，自由奔放，舒展，動感十足，貼近受眾。 出血圖形 退底圖形（2）退底圖形 根據內容所需，選取必要部分保留，其他作退底處理。此形式排除背景擾，主體形象突出醒目，與正文組合常表現為文本繞圖，輕松、平易近人。（3）形狀圖形 把圖片用一定形狀限定。如方形、三角形、梯形、有機形等。具體形狀可視設計內容和表現而定。圖片經過創造性的加工、組合，往往使版面新意頓生，從而提高閱讀興趣。 2. 影響圖形編排效果的因素 （1）圖形位置 圖形的位置直接影響到版面構圖布局。

19、依“九宮格”法，即兩條水平線和兩條垂直線將版面平均分成九個部分，把圖形擺在四個交叉點的任意一點上，可營造視覺協調，取得較佳構圖效果。將圖形置于版面中心，會強化其視覺沖擊力，形成關注焦點。在對角線上安排圖片，可支配版面空間，效果靈動獨特。版面上下左右、對角線、四角均能安置圖形，設計中應根據其內容要素、視覺效果、心理感受來經營，有效控制各個點，使版面主題鮮明、簡潔、清晰，富于理性。（2）圖形面積 一般情況下，圖形面積的大小變化，決定了注意度的高低。從大到小是人們自然的觀看順序，通常重要圖形面積較大，如化妝品廣告中的唇膏、睫毛膏都把能顯示局部特征的圖形放大處理，造成對視覺和心理的強大沖擊，成為關注要

20、點。從屬圖片縮小，點綴，呼應著主題，形成主次分明的格局。 （3）圖形數量 圖形數量的變化，能營造不同的版面氛圍和心理影響力。圖形數量少（甚至一張），則其本身內容質量決定了人們對它的印象。這樣的版面簡潔、單純、格調高雅。圖形數量多，版面出現對比格局，顯得豐富活潑，有瀏覽余地，適合普及、熱鬧、新聞性強的讀物使用。圖形數量過多，版面會缺乏重點，松散混亂。圖形數量一定要根據版面內容來安排，不能隨心所欲。（4）圖形方向 圖形方向可以是人物、動物的視線動作，可以是有方向性的線條、符號、圖形組合形式，也可借助近景、中景、遠景來達到。它們的變化會形成某種視覺動勢，具導向作用。方向感強，動勢就強。方向感的巧妙運

21、用能突破版面平淡無味，刺激視覺，加深感受，引導讀者目光隨圖形指向移動。（5）圖形組合 圖形在版面中的組合可粗略地分為塊狀和散點兩種方式。塊狀組合圖形密集、整體，文字與圖片相對獨立，圖形的塊狀格局與文字間的強弱變化富有節奏。垂直、水平方向線條分割使版面秩序條理、大方富于理智。散點組合圖形與圖形間分散安排，圖形穿插于文字群間，自由輕松，活潑隨意，具有親和力。 現代版式中，構成原理的應用使圖形的組合形式和意義都得到了進一步拓展。切割、打散、重疊等構成手法處理的圖形，創造了許多不同凡響的新奇形態，為版面注入新的生命與活力，也使版面所表達的思想信息給讀者留下了深刻印象。三、色彩 在版式設計中，色彩的表現力是較為重要的學習課題。內容決定形式，色彩的這種形式語言可以直接地將設計要表現的內容傳達給觀眾。在色彩的各個要素中，色相是最具有視覺表現力的。在版式設計中，色相的性質和設計所要表現的內容之間有著直接的聯系。 1. 色彩的對比 色彩對比，依據的是色彩三要素，即明度對比，通過亮色調，中色調和暗色調的不同變化形成的對比；純度對比，鮮艷的色彩和灰色放置在一起產生的鮮灰對比；色相對比