版式設(shè)計(jì)教案設(shè)計(jì)

版式設(shè)計(jì)的基本版面類型

教學(xué)目的:在變化與統(tǒng)一是設(shè)計(jì)的總法則的統(tǒng)領(lǐng)下,編排與版式設(shè)計(jì)有各種具體版面形式,初

步理解每種類型的設(shè)計(jì)方法和特點(diǎn),掌握主要的幾種編排與版式設(shè)計(jì)版面類型.

教學(xué)重點(diǎn):骨格型、滿版型、分割型、對(duì)稱型版式類型的設(shè)計(jì)方法和特點(diǎn).

教學(xué)難點(diǎn)：在版式設(shè)計(jì)的所有版面類型中，骨格型的版式設(shè)計(jì)最不易掌握；在大量信息文字

圖片處理上，怎樣突出重點(diǎn)，讓版面達(dá)到構(gòu)成上的和諧與組織上的合理，傳達(dá)上更條理清晰。

教學(xué)時(shí)間：2課時(shí)

講授內(nèi)容：

上節(jié)課版式設(shè)計(jì)的形式法則復(fù)習(xí)3分鐘提問法

版式設(shè)計(jì)的形式法則有哪些以及特點(diǎn)?

學(xué)習(xí)版式設(shè)計(jì)的形式法則，既幫助我們克服在設(shè)計(jì)中的盲目性，又為設(shè)計(jì)前

的思考提供了豐富的內(nèi)涵.

1.單純與秩序是求取有機(jī)的整體；

2.對(duì)比與調(diào)和是求取強(qiáng)調(diào)的效應(yīng);

3.對(duì)稱與均衡是求取穩(wěn)定的因素；

4.節(jié)奏與韻律是求取情調(diào)的悅意；

5.虛實(shí)與強(qiáng)弱是求取主次陳述。

版式設(shè)計(jì)的基本版面類型導(dǎo)入前討論7分鐘演示法結(jié)合討論法

版式設(shè)計(jì)

1.老師演示少量電影海報(bào)，活躍上課氛圍,并提問：“平時(shí)同學(xué)們看哪些電

影，有留意海報(bào)有哪些不同編排形式?給人的感覺是什么?”

2.學(xué)生分組自由討論三分鐘后,每組派代表發(fā)言.

3.老師表揚(yáng)發(fā)言同學(xué)后，引出今天上課主體：版式設(shè)計(jì)基本版面類型。

結(jié)和圖片講解每種版式設(shè)計(jì)類型的特點(diǎn),幫助學(xué)生更好的理解和掌握,提高

學(xué)生的設(shè)計(jì)感受能力。35分鐘演示法（圖文講解版式的基本類型）

版式的基本類型有骨格型、滿版型、上下分割型、左右分割型、中軸型、曲線型、傾斜

型、對(duì)稱型、重心型、三角型、并置型、自由型和四角型等13種。

重點(diǎn)講解:骨格型、滿版型、分割型、對(duì)稱型版式類型的設(shè)計(jì)方法和特點(diǎn).

一、骨格型

圖形或文字在版面編排中，總是按照某種規(guī)律，在版面中作某種傾向性的排

列，這種隱藏的規(guī)律性在平面的空間設(shè)計(jì)中即稱為骨格。在編排與版式設(shè)計(jì)常以

分欄的形式出現(xiàn)，如二分欄、三分欄的編排與版式設(shè)計(jì)。達(dá)到構(gòu)成上的和諧與組

織上的合理,傳達(dá)上更條理清晰。

二、滿版型

版面以圖象充滿整版，主要

以圖象為訴求，視覺傳達(dá)直觀而

強(qiáng)烈。文字的配置壓置在上下、

左右或中部的圖象上。滿版型給

人以大方、舒展的感覺，是商品

廣告常用的形式.

第2頁，共7頁

版式設(shè)計(jì)

三、上下分割型

把整個(gè)

版面分為上

下兩個(gè)部

分，在上半

部或下半部

配置圖片，

另一部分則

配置文案。

配置有圖片的部分感性而有活力，而文案部分則理性而靜止。上下部分配置的圖

片可以是一幅或多幅。

四、左右分割型

把整個(gè)版面分割為左右兩個(gè)部分，分別在左或右

配置文案。當(dāng)左右兩部分形成強(qiáng)弱對(duì)比時(shí)，則造成視

覺心理的不平衡。這僅僅是視覺習(xí)慣上的問題，也自

然不如上下分割的視覺流程自然。不過,倘若將分割線

虛化處理,或用文字進(jìn)行左右重復(fù)或穿插，左右圖文則

變得自然和諧。

五、中軸型

將圖形做水平或垂直

方向的排列，文案以上下

或左右配置。水平排列的

版面給人穩(wěn)定、安靜、和

平與含蓄之感.垂直排列

的版面給人強(qiáng)烈的動(dòng)感。

第3頁，共7頁

版式設(shè)計(jì)

六、曲線型

圖片或文字在版面結(jié)構(gòu)上作曲線的編排構(gòu)成，產(chǎn)生

節(jié)奏和韻律。

七、傾斜型

版面主體形象或多幅圖版

做傾斜編排，造成版面強(qiáng)烈的動(dòng)

感和不穩(wěn)定因素,引人注目。

八、對(duì)稱型

對(duì)稱的版式給人穩(wěn)定、莊重理性的感覺。對(duì)稱有絕

對(duì)對(duì)稱和相對(duì)對(duì)稱。一般多采用相對(duì)對(duì)稱。以避免過于

嚴(yán)謹(jǐn)。對(duì)稱一般以左右對(duì)稱居多。

九、重心型

重心有三種楷念.1、直接以獨(dú)立而輪廓分明的形象占據(jù)

版面中心。2、向心：視覺元素向版面中心聚攏的運(yùn)動(dòng)。

3、離心：猶如將石子投入水中，產(chǎn)生一圈圈向外擴(kuò)散

的弧線運(yùn)動(dòng)。重心型版式產(chǎn)生視覺焦點(diǎn),使強(qiáng)烈而突出.

第4頁，共7頁

版式設(shè)計(jì)

十、三角形

在圓形、矩形、三角形等基本圖形中，正三角形（金

字塔形）最具有安全穩(wěn)定因素.

十一、并置型

將相同或不同的圖片作大小相同而位置不同的重復(fù)排列。

并置構(gòu)成的版面有比較、解說的意味，給予原本復(fù)雜喧鬧的版面以秩序、安靜、

調(diào)和與節(jié)奏感.

十二、自由型

自由型結(jié)構(gòu)是無規(guī)律的、隨意

的編排構(gòu)成，有活潑、輕快之感。

第5頁，共7頁

版式設(shè)計(jì)

十三、四角型

版面四角以及連接四角的對(duì)角線結(jié)構(gòu)上

編排圖形。給人嚴(yán)謹(jǐn)、規(guī)范的感覺.

骨格型版式設(shè)計(jì)練習(xí)40分鐘練習(xí)法

1.骨骼型的版式特點(diǎn)和骨骼型優(yōu)秀報(bào)紙版面設(shè)計(jì)欣賞

在編排設(shè)計(jì)方法上有兩種傾向:

1.一種注重理性分析，運(yùn)用數(shù)學(xué)和幾何知識(shí),達(dá)到構(gòu)成上的和諧與組織上的合理；

2.另一種是注重感性的判斷,編排審美依賴于設(shè)計(jì)者的感官知覺判斷力.

在編排設(shè)計(jì)中有多種骨骼的分割形式,而各種風(fēng)格給人的視覺效果各有不同,

設(shè)計(jì)師根據(jù)設(shè)計(jì)的要求和性質(zhì)來決定版面的設(shè)計(jì)風(fēng)格，以打動(dòng)讀者心靈.

國(guó)外優(yōu)秀報(bào)紙版面設(shè)計(jì)欣賞:讓學(xué)生借鑒靈活的骨骼型編排方式，在大標(biāo)題、

小標(biāo)題、正文、插圖、及顏色搭配的細(xì)節(jié)處理。

第6頁，共7頁

版式設(shè)計(jì)

2．骨骼型版式設(shè)計(jì)練習(xí)結(jié)合學(xué)院應(yīng)用設(shè)計(jì)系系報(bào)

老師提供參考圖片和文字。

作業(yè)要求:在編排設(shè)計(jì)中有多種骨骼的分割形式，學(xué)生要靈活運(yùn)用，系報(bào)編排

時(shí)參考國(guó)外優(yōu)秀報(bào)紙版面設(shè)計(jì)。

老師編排示范：

1.版面設(shè)定A3豎版;

2.大標(biāo)題、小標(biāo)題、正文字體要求區(qū)分開,調(diào)理清楚;

3.注意邊距、行間距、段落間距

4.分欄設(shè)計(jì)時(shí)圖片要靈活結(jié)合

學(xué)生骨骼型版式設(shè)計(jì)練習(xí),老師巡回指導(dǎo)點(diǎn)評(píng)。根據(jù)不足，課后完善系報(bào)設(shè)計(jì)。

總結(jié)：提問法3分鐘

1.編排與版式設(shè)計(jì)的基本類型有哪些？

骨格型、滿版型、上下分割型、左右分割型、中軸型、曲線型、傾斜型、對(duì)稱型、

重心型、三角型、并置型、自由型和四角型等13種

2.骨格型版式版面設(shè)計(jì)特點(diǎn)？

圖形或文