第三講-書籍版式設(shè)計分析課件

第七講書籍的版式第七講書籍的版式

教學(xué)目的：掌握書籍設(shè)計的版式設(shè)計藝術(shù)教學(xué)內(nèi)容：講述書籍設(shè)計的版式設(shè)計藝術(shù)，包括扉頁、目錄頁、版權(quán)頁等。

教學(xué)重點：了解書籍的版式設(shè)計及整體設(shè)計程序教學(xué)要求：版面設(shè)計美觀大方，能夠達(dá)到較好的視覺效果，能夠使用簡單的某一元素設(shè)計出豐富的版面設(shè)計效果

第一節(jié)書籍裝訂的基本結(jié)構(gòu)第一節(jié)書籍裝訂的基本結(jié)構(gòu)/書籍專業(yè)名詞解釋圖7-1/書籍專業(yè)名詞解釋圖7-1書籍編輯中的基本結(jié)構(gòu)—裝訂封底-內(nèi)容簡介（圖書描述和宣傳）-評論者評論-叢書目錄-ISBN編號-條碼-作者自傳-照片書脊題目-作者-出版社標(biāo)示-圖像書籍編輯中的基本結(jié)構(gòu)—裝訂封底書脊書籍編輯中的基本結(jié)構(gòu)書籍編輯中的基本結(jié)構(gòu)書籍編輯中的基本結(jié)構(gòu)書籍編輯中的基本結(jié)構(gòu)書籍編輯中的基本結(jié)構(gòu)書籍編輯中的基本結(jié)構(gòu)書籍編輯中的基本結(jié)構(gòu)書籍編輯中的基本結(jié)構(gòu)書籍編輯中的基本結(jié)構(gòu)書籍編輯中的基本結(jié)構(gòu)第三講-書籍版式設(shè)計分析課件第三講-書籍版式設(shè)計分析課件第三講-書籍版式設(shè)計分析課件第三講-書籍版式設(shè)計分析課件第三講-書籍版式設(shè)計分析課件第三講-書籍版式設(shè)計分析課件第三講-書籍版式設(shè)計分析課件第三講-書籍版式設(shè)計分析課件第三講-書籍版式設(shè)計分析課件第三講-書籍版式設(shè)計分析課件第三講-書籍版式設(shè)計分析課件第三講-書籍版式設(shè)計分析課件第三講-書籍版式設(shè)計分析課件第三講-書籍版式設(shè)計分析課件第三講-書籍版式設(shè)計分析課件第三講-書籍版式設(shè)計分析課件第三講-書籍版式設(shè)計分析課件

每本圖書在實際設(shè)計時順序上會與這種順安排存在細(xì)微的差異，但是不管怎樣，圖書編輯所使用的基本結(jié)構(gòu)都是相同的。每本圖書在實際設(shè)計時順序上會與這種順安排存在第二節(jié)書籍裝幀的版式設(shè)計藝術(shù)第二節(jié)書籍裝幀的版式設(shè)計藝術(shù)

版式設(shè)計是現(xiàn)代設(shè)計藝術(shù)的重要組成部分，是視覺傳達(dá)的重要手段。其宗旨是在版面上將文字、插圖、圖形等視覺元素進行有機的排列組合，通過整體形成的視覺感染力與沖擊力、次序感與節(jié)奏感，將理性思維個性化地表現(xiàn)出來，使其成為具有最大訴求效果的構(gòu)成技術(shù)，最終以優(yōu)秀的布局來實現(xiàn)卓越的設(shè)計。版式設(shè)計是現(xiàn)代設(shè)計藝術(shù)的重要組成部分，是視覺傳達(dá)的重一、版式設(shè)計的概念

版式設(shè)計是按照一定的視覺表達(dá)內(nèi)容的需要和審美的規(guī)律結(jié)合各種平面設(shè)計的具體特點，運用各種視覺要素和構(gòu)成要素，將各種文字圖形及其他視覺形象加以組合編排，進行表現(xiàn)的一種視覺傳達(dá)設(shè)計方法。

一、版式設(shè)計的概念

書籍的版式設(shè)計是指在一種既定的開本上，把書稿的結(jié)構(gòu)層次、文字、圖表等方面作藝術(shù)而又科學(xué)的處理，使書籍內(nèi)部的各個組成部分的結(jié)構(gòu)形式，既能與書籍的開本、裝訂、封面等外部形式協(xié)調(diào)，又能給讀者提供閱讀上的方便和視覺享受，所以說版式設(shè)計是書籍設(shè)計的核心部分。書籍的版式設(shè)計是指在一種既定的開本上，把書稿的結(jié)構(gòu)層二、版式風(fēng)格

1、古典版式設(shè)計自五百多年前，德國人谷騰堡確定的歐洲書籍藝術(shù)以來，至今仍處于主要地位的是古典版式設(shè)計。這是一種以訂口為軸心左右頁對稱的形式。內(nèi)文版式有嚴(yán)格的限定，字距、行距有統(tǒng)一的尺寸標(biāo)準(zhǔn)，天頭、地腳、內(nèi)外白邊均按照一定的比例關(guān)系組成一個保護性的框子。文字油墨深淺和嵌入版心內(nèi)圖片的黑白關(guān)系都有嚴(yán)格的對應(yīng)標(biāo)準(zhǔn)。二、版式風(fēng)格圖7－2/古抄本的版式設(shè)計圖7－3/《42行圣經(jīng)》版式設(shè)計/谷騰堡/德國圖7－2/古抄本的版式設(shè)計圖7－3/《42行圣經(jīng)》版式設(shè)計/圖7－4/《路邊詩集》設(shè)計/莫里斯/英國圖7－5/宗教書籍設(shè)計圖7－4/《路邊詩集》設(shè)計/莫里斯/英國圖7－5/宗教書籍設(shè)

2、網(wǎng)格版式設(shè)計網(wǎng)格設(shè)計產(chǎn)生于二十世紀(jì)初，完善于二十世紀(jì)五十年代的瑞士。其風(fēng)格特點是運用數(shù)學(xué)的比例關(guān)系，通過嚴(yán)格的計算把版心劃分為無數(shù)統(tǒng)一尺寸的網(wǎng)格，也就是把版心的高和寬分為一欄、二欄、三欄，以及更多的欄，由此規(guī)定了一定的標(biāo)準(zhǔn)尺寸，運用這個標(biāo)準(zhǔn)尺寸的控制，安排文字和圖片，使版面取得有節(jié)奏的組合，產(chǎn)生優(yōu)美的韻律關(guān)系，未印刷部分成為被印刷部分的背景。2、網(wǎng)格版式設(shè)計圖7－6/網(wǎng)格版式設(shè)計/《版面與廣告設(shè)計》圖7－7/封面設(shè)計圖7－8網(wǎng)格版式設(shè)計/《版面與廣告設(shè)計》圖7－6/網(wǎng)格版式設(shè)計/《版面與廣告設(shè)計》圖7－7/封面設(shè)計

3、自由版式設(shè)計自由版式的雛形源于未來主義運動，大部分未來主義平面作品都是由未來主義的藝術(shù)家或者詩人創(chuàng)作，他們主張作品的語言不受任何限制而隨意組合，版面及版面的內(nèi)容都應(yīng)該無拘無束，自由編排，其特點主要利用文學(xué)作基本材料組成視覺結(jié)構(gòu)，強調(diào)韻律和視覺效果。

圖7－9/自由版式設(shè)計3、自由版式設(shè)計圖7－9/自由版式設(shè)計

自由版式設(shè)計同樣必須遵循設(shè)計規(guī)律，同時又可以產(chǎn)生繪畫般的效果。根據(jù)版面的需要，某些文字能夠融入畫面而不考慮它的可讀性，同時又不削弱主題，重要的是按照不同的書籍內(nèi)容賦予它合適的外觀。圖7－10/自由版式設(shè)計/馬志敏圖7－11/自由版式設(shè)計/王燕暉自由版式設(shè)計同樣必須遵循設(shè)計規(guī)律，同時又可以產(chǎn)生繪畫三、書籍版式設(shè)計的基本流程

1、版心

版心也稱版口，指書籍翻開后兩頁成對的雙頁上容納圖文信息的面積。版心的四周留有一定的空白，上面叫做上白邊，下面叫做下白邊，靠近書口和訂口的空白叫外白邊和內(nèi)白邊。也依次稱為天頭、地腳、書口和訂口。這種雙頁上對稱的版心設(shè)計我們稱為古典版式設(shè)計，是書籍千百年來形成的模式和格局。三、書籍版式設(shè)計的基本流程

版心在版面的位置，按照中國直排書籍的傳統(tǒng)方式是偏下方的，上白邊大于下白邊，便于讀者在天頭加注眉批。而現(xiàn)代書籍絕大部分是橫排書籍，版心的設(shè)計取決于所選的書籍開本，要從書籍的性質(zhì)出發(fā)，方便讀者閱讀，尋求高和寬、版心與邊框、天地頭和內(nèi)外白邊之間的比例關(guān)系。版心在版面的位置，按照中國直排書籍的傳統(tǒng)方式是偏下方

2、排式

排式是指正文的字序和行序的排列方式。我國傳統(tǒng)的書籍大都采用直排方式。即字序自上而下，行序自右而左。這種形式是和漢字書寫的習(xí)慣順序一致的。現(xiàn)在出版的書籍，絕大多數(shù)采用橫排。橫排的字序自左而右，行序是自上而下。橫排形式適宜于人類的眼睛的生理結(jié)構(gòu)，便于閱讀。圖7－12/內(nèi)文版式設(shè)計2、排式圖7－12/內(nèi)文版式設(shè)計

字行的長度，也有一定的限制，一般不超過80-105mm。有較寬的插圖或表格的書籍，要求較寬的版心時，最好排成雙欄或多欄。圖7－13/內(nèi)文版式設(shè)計圖7－14/內(nèi)文版式設(shè)計圖7－13/內(nèi)文版式設(shè)計圖7－14/內(nèi)文版式設(shè)計

3、確定字體

字體是書籍設(shè)計的最基本因素，它的任務(wù)是使文稿能夠閱讀，字形在閱讀時往往不被注意，但它的美感不僅隨著視線在字里行間里移動，會產(chǎn)生直接的心理反應(yīng)。因此，當(dāng)版式的基本格式定下來以后，就必須確定字體和字號。常用設(shè)計字體有宋體、仿宋體、楷體、黑體、圓體、隸書、魏碑體、綜藝體等。圖7－15/內(nèi)文版式設(shè)計3、確定字體圖7－15/內(nèi)文版式設(shè)計

宋體的特征是字形方正，結(jié)構(gòu)嚴(yán)謹(jǐn)，筆劃橫細(xì)豎粗，在印刷字體中歷史最長，用來排印書版，整齊均勻，閱讀效果好，是一般書籍最常用的主要字體。

仿宋體是摹仿宋版書的字體。其特征是字形略長，筆劃粗細(xì)勻稱，結(jié)構(gòu)優(yōu)美，適合排印詩集和短文，或用于序、跋、注釋、圖片說明和小標(biāo)題等。由于它的筆劃較細(xì)，閱讀時間長了容易損耗目力，效果不如宋體，因此不宜排印長篇的書籍。

宋體的特征是字形方正，結(jié)構(gòu)嚴(yán)謹(jǐn)，筆劃橫細(xì)豎粗，

楷體的間架結(jié)構(gòu)和運筆方法與手寫楷書完全一致，由于筆劃和間架不夠整齊和規(guī)范，只適合排小學(xué)低年級的課本和兒童讀物，一般的書不用它排正文，僅用于短文和分級的標(biāo)題。

黑體的形態(tài)和宋體相反，橫豎筆劃粗細(xì)一致，雖不如宋體活潑，卻因為它結(jié)構(gòu)緊密、莊重有力，常用于標(biāo)題和重點文句。由于色調(diào)過重，不宜排印正文。而由黑體演變而來的圓黑體，具有筆劃粗細(xì)一致的特征，只是把方頭方角改成了圓頭圓角，在結(jié)構(gòu)上比黑體更顯得飽滿充頭，有配套的各種粗細(xì)之分，其細(xì)體也適用于排印某些出版物?？w的間架結(jié)構(gòu)和運筆方法與手寫楷書完全一致，由于筆劃

也有一些字體電腦字庫里是沒有的，需要直接借助電腦軟件創(chuàng)制，還有些字體，需要靠手繪創(chuàng)制出基本字形后，再通過掃描儀掃描在電腦軟件中加工。每本書不一定限用一種字體，但原則上以一種字體為主，他種字體為輔。在同一版面上通常只用二至三種字體，過多了就會使讀者視覺感到雜亂，妨礙視力集中。圖7－16/常用書籍裝幀設(shè)計字體也有一些字體電腦字庫里是沒有的，需要直接借助電腦軟件

書籍正文用字的大小直接影響到版心的容字量。在字?jǐn)?shù)不變時，字號的大小和頁數(shù)的多少成正比。一些篇幅很多的廉價書或字典等工具書不允許出的很大很厚，可用較小的字體。相反，一些篇幅較少的書如詩集等可用大一些的字體。一般書籍排印所使用的字體，9P－11P的字體對成年人連續(xù)閱讀最為適宜。8P字體使眼睛過早疲勞。但若用12P或更大的字號，按正常閱讀距離，在一定視點下，能見到的字又較少了。書籍正文用字的大小直接影響到版心的容字量。在字?jǐn)?shù)不變

大量閱讀小于9P字體會損傷眼睛，應(yīng)避免用小號字排印長的文稿。兒童讀物須用36P字體。小學(xué)生隨著年齡的增長，課本所用字體逐漸由16P到14P或12P。老年人的視力比較差，為了保護眼睛，也應(yīng)使用較大的字體。

圖7－17/封面設(shè)計大量閱讀小于9P字體會損傷眼睛，應(yīng)避免用小號字排印長4、字距和行距字距指文字行中字與字之間的空白距離，行距指兩行文字之間的空白距離。一般圖書的字距大都為所用正文字的五分之一寬度，行距大都為所用正文字的二分之一高度，即占半個字空位。但無論何種書，行距要大于字距。

4、字距和行距5、確定版面率

版面率是指文字內(nèi)容在版心中所占的比率。版面中文字內(nèi)容多則版面率高，反之則低。從一定角度上講，版面率反映著設(shè)計對象在價格方面的定位。在現(xiàn)實的設(shè)計過程中，要求設(shè)計者認(rèn)真地對設(shè)計對象的內(nèi)容、成本、以及開本的大小、設(shè)計風(fēng)格等諸多因素進行全面地考慮，從而最后確定設(shè)計稿的版面率。

圖7－18/書籍內(nèi)文設(shè)計5、確定版面率圖7－18/書籍內(nèi)文設(shè)計6、按已定書籍開本比例確定文字和插圖的位置

版面的設(shè)計取決于所選的書籍開本，要從書籍的性質(zhì)出發(fā)，尋求高與寬、版心與邊框、天地頭和內(nèi)外白邊之間的比例關(guān)系。還要從整體上考慮分配至各版面的文字和插圖的比量。6、按已定書籍開本比例確定文字和插圖的位置圖7－19/書籍設(shè)計圖7－20/書籍設(shè)計圖7－19/書籍設(shè)計圖7－20/書籍設(shè)計7、定稿將版式設(shè)計稿交客戶過目，與客戶多次溝通思想，交換意見后，完善設(shè)計稿，再經(jīng)客戶審?fù)旰蠖ǜ?，然后在電腦上制作制板用的正稿。7、定稿四、版式中正文設(shè)計的其它因素

版面設(shè)計中，除確定版面率，確定規(guī)范字體、字的大小、字距及行距外，還會涉及到正文設(shè)計中的其它因素。

四、版式中正文設(shè)計的其它因素

1、重點標(biāo)志：

在正文中，一個名詞、人名或地名；一個句子或一段文字等可以用各種方法加以突出使之醒目，引起讀者注意。在外文中，排裝正文的斜體是最有效的和最美觀的突出重點的方法。在中文中，一般用黑體、宋黑體、楷體、仿宋體及其它字體，以示區(qū)別正文。圖7－21/書籍正文設(shè)計圖7－21/書籍正文設(shè)計2、段落區(qū)分一般書籍的正文段落區(qū)分采用縮格的方法。每一段文字的起行留空，一般都占兩個字的位置，也就是縮兩格，但多欄排的書籍，每行字?jǐn)?shù)不是很多時，起行也有只空一格的。

段落起行的處理是為了方便閱讀，也有一些書，從書籍的性質(zhì)和內(nèi)容出發(fā)，采用首寫字加大、換色、變形等方法來處理。2、段落區(qū)分3、頁碼頁碼是用于計算書籍的頁數(shù)，可以使整本書的前后次序不致混亂，是讀者查檢目錄和作品布局所必不可少的。圖7－22/書籍正文設(shè)計3、頁碼圖7－22/書籍正文設(shè)計

多數(shù)圖書的頁碼位置都放在版心的下面靠近書口的地方，與版心距離為一個正文字的高度。有將頁碼放在版心下面正中間的，也有放在上面、外側(cè)和里面靠近訂口的。排有頁標(biāo)題的書籍，頁碼可與頁標(biāo)題合排在一起。圖7－23/書籍正文設(shè)計多數(shù)圖書的頁碼位置都放在版心的下面靠近書口的地方，與

也有一些圖書，某頁面為滿版插圖時，或在原定標(biāo)頁碼部位被出血插圖所占用，應(yīng)將頁碼改為暗碼，即不注頁碼，但占相應(yīng)頁碼數(shù)。還有一些圖書，正文則從“3、5、7”等頁碼數(shù)開始，而前面扉頁、序言頁等并沒排頁碼，這類未標(biāo)頁碼的前幾頁碼被稱之為空頁碼，也占相應(yīng)頁碼數(shù)。圖7－24/書籍正文設(shè)計也有一些圖書，某頁面為滿版插圖時，或在原定標(biāo)頁碼部位

頁碼字可與正文字同樣大小，也可大于或小于正文字，有些圖書頁碼還襯以裝飾紋樣、色塊。但頁碼的裝飾和布局必須統(tǒng)一在整個版面的設(shè)計中，夸大它的重要性是不必要的。第三講-書籍版式設(shè)計分析課件4、頁眉（頁標(biāo)題）

頁眉指設(shè)在書籍天頭上比正文字略小的章節(jié)名或書名。頁碼往往排在頁眉同一行的外側(cè)，頁眉下有時還加一條長直線，這條線被稱為書眉線。頁眉的文字可排在居中，也可排在兩旁。通常放在版心的上面，也有放在地腳處。圖7－25/書籍正文設(shè)計4、頁眉（頁標(biāo)題）圖7－25/書籍正文設(shè)計5、標(biāo)題書籍中的標(biāo)題有繁有簡，一般文學(xué)創(chuàng)作僅有章題，而學(xué)術(shù)性的著作則常常分部分篇，篇下面再分章、節(jié)、小節(jié)和其它小標(biāo)題等，層次十分復(fù)雜。為了在版面上準(zhǔn)確表現(xiàn)各級標(biāo)題之間的主次性，除了對各級字號、字體予以變化外，版面空間的大小，裝飾紋樣的繁簡，色彩的變換等都是可考慮的因素。重要篇章的標(biāo)題必要時可從新的一頁開始，排成占全頁的篇章頁。5、標(biāo)題

標(biāo)題的位置一般在版心三分之一到六分之一的上方。也有追求特殊效果把標(biāo)題放在版心的下半部。應(yīng)避免標(biāo)題放在版心的最下邊，尤其在單頁碼上，更要注意，要使標(biāo)題不脫離正文。副標(biāo)題在正標(biāo)題的下面，通常用比正標(biāo)題小一些的另一種字體。圖7－26/書籍正文設(shè)計標(biāo)題的位置一般在版心三分之一到六分之一的上方。也有6、注文注文是對正文中某一名詞、某一句、某一段文字等所加的解釋。

(1)夾注

注文夾排在正文中間，緊接著被解釋的正文后面。夾注的條件是注文很少，或者要注釋的字?jǐn)?shù)不多，用與正文字同號的字，前后加排括號或破折號直接進行解釋。6、注文

（2）腳注

把本頁的注文集中放在版心內(nèi)正文下方的位置，順序分條排列，這種腳注和正文在同一頁上，既保持了版面的完整，又便于讀者檢閱，是一種最合理的方式。

（3）后注

把書籍中所有的注文用連續(xù)數(shù)字標(biāo)出，集中順序在正文的后面進行注釋，稱書后注。該頁的注文排在本面的末尾，稱頁后注；另外還有篇后注，段后注等。（2）腳注（4）邊注

邊注是從畫冊中圖片的注文形式發(fā)展來的，一般用于科技書籍、畫冊圖片的編號和簡短的注釋。注文的字體應(yīng)比正文字體小一號或兩號，行距也應(yīng)相對縮小。注文必須放在版心以內(nèi)，可以用一空行或加一條細(xì)線與正文隔開。（4）邊注7、插圖插圖是書籍藝術(shù)中的一個重要部分，是對書籍內(nèi)容的補充。插圖可增強讀者的趣味性，也可再現(xiàn)文字語言所表達(dá)的視覺形象，幫助讀者理解內(nèi)容。書籍的插圖大致分為文藝性插圖和科技性插圖。7、插圖(1)文藝性插圖

選擇書中有典型意義的人物和場面，用形象描繪出來。這類插圖不僅可以增加閱讀的興趣，并且能夠以藝術(shù)的形象加強作品的感染力，使讀者留下更深刻的印象。圖7－27/書籍正文設(shè)計(1)文藝性插圖圖7－27/書籍正文設(shè)計（2）科技性插圖這樣的插圖大多用于科技讀物及史地書籍，是為了幫助讀者理解書的內(nèi)容，以補充文字難于表達(dá)的部分。在表現(xiàn)手法上應(yīng)力求清楚準(zhǔn)確，能夠說明問題。插圖是書籍裝幀總體的一部分，要求它的形式在書頁版面上與文字相互協(xié)調(diào)，形成統(tǒng)一的效果。插圖的位置可以和文字在同一頁或文字對頁或正文的后面，稱為文間插圖、單頁插圖和集合插圖。（2）科技性插圖（3）插圖的配置

在雙頁上，插圖與文字有各種組合形式：整頁的、半頁的、通欄的、雙頁的、出血的等等。整頁的插圖通常與版心的大小一致；半頁的插圖，它的寬度應(yīng)與版心一致，高度可不同。（3）插圖的配置

書籍插圖的表現(xiàn)手法非常多，有手繪插圖、木刻插圖、銅刻插圖、石印插圖等。在設(shè)計風(fēng)格上要和文字的形態(tài)、書籍的體裁相吻合，共同構(gòu)成書籍的整體風(fēng)格。圖7－28/書籍正文設(shè)計書籍插圖的表現(xiàn)手法非常多，有手繪插圖、木刻插圖、銅刻五、書籍裝幀的版式設(shè)計

文字、圖形、色彩在版式設(shè)計中是三個密切相聯(lián)的表現(xiàn)要素，就視覺語言的表現(xiàn)風(fēng)格而言，在一本書中要求做到三者相互協(xié)調(diào)統(tǒng)一。書籍本身有許多種形式，在版式設(shè)計上要求各異。五、書籍裝幀的版式設(shè)計1、文字群體編排

文字群體的主體是正文，全部版面都必須以正文為基礎(chǔ)進行設(shè)計。一般正文都比較簡單樸素，主體性往往被忽略，常需用書眉和標(biāo)題引起注目。然后通過前文、小標(biāo)題將視線引入正文。圖7－29/書籍正文設(shè)計圖7－30/書籍正文設(shè)計1、文字群體編排圖7－29/書籍正文設(shè)計圖7－30/文字群體編排的類型有：左右對齊——將文字從左端至右端的長度固定，使文字群體的兩端整齊美觀；行首取齊，行尾聽其自然——將文字行首取齊，行尾則隨其自然或根據(jù)單字情況另起下行；中間取齊——將文字各行的中央對齊，組成平