版式設(shè)計(jì)的要點(diǎn)

1、1第一節(jié) 版式設(shè)計(jì)基礎(chǔ) 一、版式設(shè)計(jì)概述 版式設(shè)計(jì)是現(xiàn)代設(shè)計(jì)藝術(shù)的重要組成部分，是視覺(jué)傳達(dá)的重要手段，表面上看，它是一種關(guān)于編排的學(xué)問(wèn)；實(shí)際上，它不僅是一種技能，更是技術(shù)與藝術(shù)的高度統(tǒng)一。版式設(shè)計(jì)是現(xiàn)代設(shè)計(jì)家必須具有藝術(shù)修養(yǎng)和技術(shù)知識(shí)。2二、版式設(shè)計(jì)的定義 所謂版式設(shè)計(jì)，就是在版面上，將有限的視覺(jué)元素進(jìn)行有機(jī)的排列組合。 版式設(shè)計(jì)的范圍，涉及到報(bào)紙、刊物、書(shū)籍（畫(huà)冊(cè)）、產(chǎn)品樣本、掛歷、招貼畫(huà)、唱片封套和網(wǎng)頁(yè)頁(yè)面等平面設(shè)計(jì)各個(gè)領(lǐng)域。3三、版心 版心亦稱版口、書(shū)口。指圖書(shū)每一版面上的文字、圖形部分。版心四周有空白，上方叫做“天頭”，下方稱“地腳”，靠近書(shū)外側(cè)的叫“切口”，靠近書(shū)脊的叫“訂口”。不同

2、開(kāi)本的版心規(guī)格各不相同，一般文學(xué)類書(shū)籍的版心四周要留出大約2cm寬的空白外框。普通書(shū)籍正文排版一般采用五號(hào)字(即15K，10.5P)，版心尺寸和字號(hào)的比例：（1）16開(kāi)：206mm140mm，采用5號(hào)字，36行38字。 （2）32開(kāi)：142mm96mm，采用5號(hào)字，25行26字。（3）大32開(kāi)：160mm103mm，采用5號(hào)字，28行28字。 小學(xué)課本般用大于四號(hào)字的楷體，字典上具書(shū)文字容量大，則用較小的小五號(hào)、六號(hào)宋體等等。 4常用字號(hào)對(duì)照如下：號(hào)數(shù)制點(diǎn)數(shù)制（P）毫米值級(jí)數(shù)制（K）毫米值2號(hào)21P7.3530K7.53號(hào)16P5.622K5.54號(hào)14P4.920K5.0小4號(hào)12P4.21

3、7K4.255號(hào)10.5P3.67515K3.75小5號(hào)9P3.15013K3.256號(hào)8P2.80011K2.757號(hào)6P2.18K25第二節(jié) 版式設(shè)計(jì)的原則 讓觀看者在享受美感的同時(shí)，接受作者想要傳達(dá)的信息。一、主題鮮明突出二、形式與內(nèi)容統(tǒng)一三、強(qiáng)化整體布局6 一、主題鮮明突出 版式設(shè)計(jì)的最終目的是使版面產(chǎn)生清晰的條理性，用悅目的組織來(lái)更好地突出主題，達(dá)到最佳訴求效果。1、按照主從關(guān)系的順序，使放大的主體形象視覺(jué)中心，以此表達(dá)主題思想。2、將文案中的多種信息作整體編排設(shè)計(jì)，有助于主體形象的建立。3、在主體形象四周增加空白量，使被強(qiáng)調(diào)的主體形象更加鮮明突出。7 二、形式與內(nèi)容統(tǒng)一 版式設(shè)計(jì)的

4、前提版式所追求的完美形式必須符合主題的思想內(nèi)容。 通過(guò)完美、新穎的形式，來(lái)表達(dá)主題。8 三、強(qiáng)化整體布局 強(qiáng)化整體布局將版面的各種編排要素在編排結(jié)構(gòu)色 彩上作整體設(shè)計(jì)。 1、加強(qiáng)整體的結(jié)構(gòu)組織和方向視覺(jué)秩序。如水平結(jié)構(gòu)、 垂直結(jié)構(gòu)、斜向結(jié)構(gòu)、曲線結(jié)構(gòu) 2、加強(qiáng)文案的集合性。將文案中的多種信息合成塊狀，使版面具有條理性 3、加強(qiáng)展開(kāi)頁(yè)的整體性，無(wú)論是產(chǎn)品目錄的展開(kāi)嶡版，還是跨頁(yè)版，均為同一視線下展示，因此，加強(qiáng)整體性可獲得更良好的視覺(jué)效果9第三節(jié) 版式設(shè)計(jì)方法 版式設(shè)計(jì)無(wú)論采取哪種形式都要有可讀的功能性，即有序的層次，鮮明的主次關(guān)系具有價(jià)值的藝術(shù)形式，這是版式設(shè)計(jì)的主要指導(dǎo)思想。一、文本在版面中

5、的編排 1文字基本常識(shí) (1)字體：在版式設(shè)計(jì)中通常所用的字體有宋體、黑體、線體、綜藝體等。一般情況下，在一個(gè)版面中所運(yùn)用的字體不能超過(guò)四種。 (2)字號(hào)：傳統(tǒng)活字排版漢字以“號(hào)”為單位，英文以“點(diǎn)”為單位，現(xiàn)代電腦排版以“級(jí)”或“點(diǎn)”為單位，1級(jí)為0.25mm，1點(diǎn)為0.35mm。一般正文都采用9點(diǎn)至13點(diǎn)之間的字號(hào)。在一10個(gè)版面中需要有不同大小字號(hào)的文字，這樣才能有層次感，要體現(xiàn)標(biāo)題、副標(biāo)題和重點(diǎn)提示等。(3)字距與行距：在常規(guī)情況下，字距為10點(diǎn)，行距為12點(diǎn)，當(dāng)然有特殊需要的版面就不能按照這樣的間距了，可以根據(jù)需要進(jìn)行調(diào)節(jié)。 (4)字行：字行是指在版面中的一行字，字行的長(zhǎng)短是根據(jù)版面

6、的大小而定。一般在15cm以內(nèi)為閱讀視線范圍。如果版面尺寸過(guò)大，可分兩排字行或三排字行甚至多排字行。 (5)排版：報(bào)紙、雜志常用的排版方式有三種，即中國(guó)傳統(tǒng)的豎排版、現(xiàn)在常用的橫排版和不規(guī)則的多樣排版。112文字編排的基本形式 (1)齊頭齊尾：每行字起頭至結(jié)尾的長(zhǎng)度是一樣均等的，編排顯得整齊，莊重，嚴(yán)謹(jǐn)，但可能會(huì)有些單調(diào)，這時(shí)可采取一些手段，如將首行字體改變或字號(hào)加大，另外可以配插圖等。(2)齊中：字行的編排以中心為軸向兩邊延伸，字行的首尾與其他的字行首尾不對(duì)齊，只管齊中。12(3)齊左或齊右：在編排時(shí)只考慮一端對(duì)齊，另一端放松，這樣的編排顯得在嚴(yán)謹(jǐn)中又有活潑，版面有張有弛，有虛有實(shí)。 (4)

7、圖插字行：在整齊的字行排列中插入圖形，使文字群圍繞圖形排列，版面顯得生動(dòng)活潑。 13二、圖形在版面中的編排 1圖形的面積 在版面中圖形面積大甚至占整個(gè)版面，會(huì)產(chǎn)生強(qiáng)烈的視覺(jué)效果和感染力，會(huì)使平淡的版面產(chǎn)生跳躍感。 小面積的圖形作為版面插圖，主要功能是配文而用，當(dāng)然也有一定的欣賞價(jià)值，但它不像大圖觀賞性那么強(qiáng)。小面積的圖形顯得精致簡(jiǎn)潔，但在視覺(jué)上缺少感染力，多了會(huì)顯得瑣碎，所以版面中不要過(guò)多地配小圖。 2圖形的類型 (1)方形圖：方形是最常見(jiàn)的圖形，在版面中不受垂直線、水平線和斜線的限制，方形圖顯得穩(wěn)重，大方。 (2)退底圖：退底圖就是將圖形保留下來(lái)，去掉背景底部。1415(3)出血圖：出血圖就

8、是將一張圖片放滿版面，超出了切口的尺寸。 (4)圖形的數(shù)量：在版式設(shè)計(jì)中運(yùn)用多少圖形，要根據(jù)設(shè)計(jì)的內(nèi)容而定。例如：關(guān)于休閑方面或兒童方面的書(shū)籍需要的圖形比較多。而具有學(xué)術(shù)性的書(shū)籍就不需要太多的圖形，只需一些直觀形象的注解或說(shuō)明事物的插圖即可。 (5)圖形的方向：在版式設(shè)計(jì)中圖形的方向除了外形的橫、豎、斜、圓等各種變化之外，還有隱藏在圖內(nèi)的方向形象就是形象的動(dòng)勢(shì)方向。形象的動(dòng)勢(shì)給人以運(yùn)動(dòng)活潑的感受，常常與文字編排在一起將文字的字行頭或字行尾與圖形的形象動(dòng)勢(shì)結(jié)合，產(chǎn)生一種活躍的版面形式。1617第四節(jié) 版式設(shè)計(jì)的分類特征 版式設(shè)計(jì)的范圍比較廣泛，只要是平面設(shè)計(jì)方面的都涉及版式設(shè)計(jì)，在這里就書(shū)籍的版

9、式設(shè)計(jì)、雜志的版式設(shè)計(jì)和報(bào)紙的版式設(shè)計(jì)三個(gè)部分加以論述。一、書(shū)籍的版式設(shè)計(jì) 1書(shū)籍的版式分類 (1)詩(shī)歌、散文等文學(xué)類：在版式設(shè)計(jì)比較浪漫、輕松和雅致，插圖的編排也是非?；钴S的。(2)政治、經(jīng)濟(jì)類：在版式設(shè)計(jì)形式上要體現(xiàn)端莊穩(wěn)重、簡(jiǎn)潔明了的設(shè)計(jì)風(fēng)格，不要有太多的插圖和瑣碎的裝飾。18(3)科技、理工類：這類書(shū)籍在版式形式上要體現(xiàn)秩序性、理性感，版心的圖文分割盡量體現(xiàn)方正的理性意識(shí)和層次分明的條理性，不要有花哨繁瑣的裝飾。 (4)少兒類讀物：版面要圖文并茂，設(shè)計(jì)形式活潑，文字的字號(hào)要大些，字行要寬一些，這樣符合兒童的閱讀。(5)通俗類讀物：版式設(shè)計(jì)比較輕松自由，體現(xiàn)出休閑的味道。通俗讀物內(nèi)容廣泛

10、，所以版式變化豐富，可以多配插圖，圖文并茂更受讀者的歡迎。19 2版面中的點(diǎn)、線、面 在版式設(shè)計(jì)中要把所有的元素都視為抽象因素的點(diǎn)、線、面。一個(gè)字就是一個(gè)點(diǎn)，一行字就是一條線，若干字行連成的字組就是一片面，還有將圖片視為面，版面上也有許多裝飾線和點(diǎn)，這些因素構(gòu)成了版面關(guān)系，即點(diǎn)、線、面的抽象對(duì)比關(guān)系和空間氣韻的和諧關(guān)系。20二期刊的版式設(shè)計(jì) 期刊也稱為雜志 1期刊版式設(shè)計(jì)的特點(diǎn) 期刊的內(nèi)容是豐富的又是各自獨(dú)立的，讀者在翻閱期刊時(shí)不像翻閱書(shū)籍那樣從頭至尾按頁(yè)翻閱，而是愿意從任何一頁(yè)翻閱，都希望有一個(gè)新的內(nèi)容中心，所以期刊的版式設(shè)計(jì)是一個(gè)比較完整的內(nèi)容，有題目、正文、插圖，又要注意前后的連續(xù)性。2

11、1 2期刊版式的設(shè)計(jì)語(yǔ)言及獨(dú)特風(fēng)格 任何一門藝術(shù)都有它的藝術(shù)語(yǔ)言特征，期刊設(shè)計(jì)作為刊物的藝術(shù)語(yǔ)言而獨(dú)立存在，語(yǔ)言的體現(xiàn)是它的核心思想的體現(xiàn)。不同類別的期刊它所體現(xiàn)的核心思想是不一樣的，所以體現(xiàn)出的形式風(fēng)格也有差異。 22 3期刊的形式結(jié)構(gòu) 目錄、欄題、標(biāo)題、圖片構(gòu)成了期刊的形式結(jié)構(gòu)。 (1)目錄：期刊的目錄是按專欄集中編排，每一個(gè)專欄只編排相關(guān)專欄的內(nèi)容。目錄主要由兩部分組成，一個(gè)是內(nèi)容，包括專欄名、篇名、作者和頁(yè)碼，另一個(gè)是刊號(hào)、期號(hào)、編寫(xiě)成員、出版單位、出版時(shí)間和印刷廠等。 (2)欄題：欄題是在專欄的前頭，起到提示專欄、區(qū)別專欄的作用，是某專欄特有的符號(hào)，它能幫助讀者快速找到所需要的專欄。

12、 (3)標(biāo)題：它是文章的核心提示，其所運(yùn)用的字體、字號(hào)都和正文有一定的區(qū)別，讓人一目了然。為了活躍版面，可以對(duì)標(biāo)題字體進(jìn)行大膽的夸張，將字號(hào)的比例加大，以產(chǎn)生視覺(jué)的跳越感。23 (4)圖片：圖片在現(xiàn)代期刊中起著支柱的作用，許多期刊圖多文少。圖片在期刊版面中占的面積也很大，數(shù)量也很多，所以一定要設(shè)計(jì)好圖與圖、圖與文之間的比例關(guān)系及呼應(yīng)協(xié)調(diào)關(guān)系。期刊的圖片運(yùn)用非?；钴S，可以是方形，也可以是圓形、三角形，還可以裁剪出形象的自由外形等，圖片可以正放也可以歪放，可以編排在版心內(nèi)也可以排在版心外。24三、報(bào)紙的版式設(shè)計(jì) 報(bào)紙的一張版面上有多項(xiàng)專欄，所以版式設(shè)計(jì)內(nèi)容更加豐富。編排專欄時(shí)要考慮視覺(jué)瀏覽習(xí)慣，一

13、般是從上至下，從左至右，把重要的新聞編排到左上方，報(bào)頭、日期、刊號(hào)、期號(hào)等都是放置在這個(gè)部位，就報(bào)紙的折疊也是把這個(gè)部位放在最外面。 報(bào)紙的版式變化主要是通過(guò)網(wǎng)欄，也就是以網(wǎng)格狀為專欄。一般對(duì)開(kāi)橫排的報(bào)紙采用的是68欄，由于內(nèi)容的長(zhǎng)短不同，所占欄的尺寸、形狀也不一樣，根據(jù)文圖量的需要使網(wǎng)欄有變化。變化主要有兩種：一種是長(zhǎng)欄；另一種是破欄。長(zhǎng)欄，就是欄的寬度正好是原基欄的一倍；破欄，就是在原有三欄寬度上變成二欄，稱之為三破二，還有五破三等，這樣一是考慮版面的編排字?jǐn)?shù)，二是使版面有了變化，25不會(huì)顯得呆板。 報(bào)紙的版式設(shè)計(jì)應(yīng)該追求在整體中的節(jié)奏變化，標(biāo)題字體、字號(hào)的大小和圖片位置及大小都會(huì)使版面產(chǎn)

14、生視覺(jué)上的豐富性。標(biāo)題字號(hào)的大小要根據(jù)內(nèi)容的重要程度而定，但無(wú)論重要與否，每一個(gè)標(biāo)尺欄的標(biāo)題都需要大而醒目，有些重要的內(nèi)容還要在標(biāo)題后加色塊作背景。為了不使版面顯得單調(diào)，還應(yīng)在空處加些題花、圖案等裝飾?？偠灾瑘?bào)紙的版式一定要整體新穎，讓人有清晰的閱讀感。2627第五節(jié) 版式的基本類型骨格型、滿版型、上下分割型、左右分割型、中軸型、曲線型、傾斜型、對(duì)稱型、重心型、三角型、并置型、自由型四角型281、骨格型 規(guī)范的、理性的分割方法常見(jiàn)的骨格有豎向通欄、雙欄、三欄和四欄等。一般以豎向分欄為多圖片和文字的編排上，嚴(yán)格按照骨格比例進(jìn)行編排配置，給人以嚴(yán)謹(jǐn)、和諧、理性的美骨格經(jīng)過(guò)相互混合后的版式，既理

15、性有條理，又活潑而具有彈性29骨格型30骨格型31骨格型322、滿版型版面以圖像充滿整版，主要以圖像為訴示，視覺(jué)傳達(dá)直觀而強(qiáng)烈。文字配置壓置在上下、左右或中部（邊部和中心）的圖像上滿版型，給人大方、舒展的感覺(jué)。是商品廣告常用的形式33滿版型343、上下分割型整個(gè)版面分成上下兩部分，在上半部或下半部配置圖片（可以是單幅或多幅），另一部分則配置文字圖片部分感性而有活力，而文字則理性而靜止35上下分割型36上下分割型37上下分割型384、左右分割型整個(gè)版面分割為左右兩部分，分別配置文字和圖片左右兩部分形成強(qiáng)弱對(duì)比時(shí)，造成視覺(jué)心理的不平衡。這僅是視覺(jué)習(xí)慣（左右對(duì)稱）上的問(wèn)題，不如上下分割型的視覺(jué)流程自

16、然如果將分割線虛化處理，或用文字左右重復(fù)穿插，左右圖與文會(huì)變得自然和諧39左右分割型40左右分割型415、中軸型將圖形作水平方向或垂直方向排列，文字配置在上下或左右水平排列的版面，給人穩(wěn)定、安靜、平和與含蓄之感垂直排列的版面，給人強(qiáng)烈的動(dòng)感42中軸型43中軸型446、曲線型圖片和文字，排列成曲線，產(chǎn)生韻律與節(jié)奏的感覺(jué)45曲線型46曲線型477、傾斜型版面主體形象或多幅圖像作傾斜編排，造成版面強(qiáng)烈的動(dòng)感和不穩(wěn)定因素，引人注目48傾斜型498、對(duì)稱型對(duì)稱的版式，給人穩(wěn)定、理性、理性的感受對(duì)稱分為絕對(duì)對(duì)稱和相對(duì)對(duì)稱。一般多采用相對(duì)對(duì)稱手法，以避免過(guò)于嚴(yán)謹(jǐn)對(duì)稱一般以左右對(duì)稱居多50對(duì)稱型51對(duì)稱型529、重心型重心型版式產(chǎn)生視覺(jué)焦點(diǎn)，使其更加突出直接以獨(dú)立而輪廓分明的形象占據(jù)版面中心向心視覺(jué)元素向版面中心聚攏的運(yùn)動(dòng)離心猶如石子投入水中，產(chǎn)生一圈一圈向外擴(kuò)散的弧線的運(yùn)動(dòng)53重心型54重心型5510、三角型在圓形、矩形、三角形等基本圖形中，正三角形（金字塔形）最具有安全穩(wěn)定因素56三角型57三角型5811、并置型將相同或不同的圖片作大小相同而位置不同的重