初中美術(shù)教科書版式設(shè)計(jì)初探——以人教版美術(shù)為例

于艷

摘 要：文章主要論述了人教版初中美術(shù)教科書的版式設(shè)計(jì)如何在整體視覺設(shè)計(jì)體系中，體現(xiàn)其學(xué)科特點(diǎn)；如何通過對(duì)版面各視覺元素的編排設(shè)計(jì)，將美的內(nèi)涵融入其中，讓學(xué)生在輕松的氛圍中欣賞美，感知美，受到美的熏陶。

關(guān)鍵詞：教科書；版式設(shè)計(jì)；初中美術(shù)

檢 索：www.artdesign.org.cn

中圖分類號(hào)：J045 文獻(xiàn)標(biāo)志碼： A 文章編號(hào)：1008-2832（2014）09-0042-03

On the Layout Design of Junior High School Art Textbooks：

A Case Study of the Textbooks Published by Peoples Education Press

Yu Yan

（The Peoples Education Press， Beijing 100081， China）

Abstract ：This paper focuses on how the layout design of junior high school art textbooks published by the Peoples Education Press （PEP） reflect the features of this school subject in the system of holistic visual design. It explains the ways of different arrangements of visual elements to express beauty and establish comfortable atmosphere where students can feel， appreciate and embrace beauty.

Key words ：textbooks； layout design； junior high school art

Internet ：www.artdesign.org.cn

2011年，按照教育部義務(wù)教育課程標(biāo)準(zhǔn)的要求，人教版教科書的修訂工作全面展開。此次教材修訂，人民教育出版社聘請(qǐng)了呂敬人先生擔(dān)當(dāng)藝術(shù)總監(jiān)，負(fù)責(zé)整套教科書的整體視覺體系設(shè)計(jì)。在內(nèi)文的版式設(shè)計(jì)中，呂先生把網(wǎng)格設(shè)計(jì)的方法運(yùn)用到教科書中，對(duì)所有學(xué)科的版心、各級(jí)標(biāo)題文字的字體、字號(hào)、字距、行距等制定了統(tǒng)一的標(biāo)準(zhǔn)，形成規(guī)范。因此，各具體學(xué)科版式的設(shè)計(jì)都是在整體框架下的再設(shè)計(jì)，整體設(shè)計(jì)的理念是各學(xué)科版式設(shè)計(jì)風(fēng)格形成的依據(jù)。

一、美術(shù)教科書的特點(diǎn)及設(shè)計(jì)原則

美術(shù)教科書是美術(shù)課程內(nèi)容的重要載體，是教師與學(xué)生溝通的橋梁。由教育部制訂的《義務(wù)教育美術(shù)課程標(biāo)準(zhǔn)（2011年版）》提到，“美術(shù)以視覺形象承載和表達(dá)人的思想觀念、情感態(tài)度和審美趣味，豐富人類的精神和物質(zhì)世界?！泵佬g(shù)課程以對(duì)視覺形象的感知、理解和創(chuàng)造為特征，是學(xué)校進(jìn)行美育的主要途徑，在實(shí)施素質(zhì)教育的過程中具有不可替代的作用?？梢?，美術(shù)學(xué)科的編排設(shè)計(jì)要凸顯其視覺性的特征，其視覺美感和愉悅性方面有比其他學(xué)科更高的要求。

筆者設(shè)計(jì)前期查閱大量資料，對(duì)國內(nèi)外美術(shù)教科書的現(xiàn)狀有了一定了解，又對(duì)人教版現(xiàn)行教科書存在的問題進(jìn)行了梳理、分析，在與文編、作者多次溝通后，制定了如下設(shè)計(jì)原則：

第一，版式設(shè)計(jì)應(yīng)在符合國家相關(guān)規(guī)定和人教版整體設(shè)計(jì)規(guī)范的基礎(chǔ)上充分體現(xiàn)美術(shù)學(xué)科的特點(diǎn)。

第二，形式服務(wù)于內(nèi)容，設(shè)計(jì)要緊密圍繞教學(xué)意圖，強(qiáng)調(diào)其功能性。

第三，設(shè)計(jì)應(yīng)該符合初中生的認(rèn)知水平，預(yù)期達(dá)到簡約、大氣、規(guī)整而又不失生動(dòng)活潑的效果。

第四，設(shè)計(jì)要體現(xiàn)專業(yè)性，給學(xué)生提供一個(gè)版式設(shè)計(jì)的范本，因?yàn)槠吣昙?jí)上冊(cè)中就有“版式設(shè)計(jì)”的教學(xué)內(nèi)容。這也應(yīng)了美國心理學(xué)家布魯納說過的一句話，“最好的學(xué)習(xí)動(dòng)機(jī)，乃是對(duì)所學(xué)材料本身發(fā)生興趣。”①

二、版式設(shè)計(jì)思路及設(shè)計(jì)要點(diǎn)

（一）網(wǎng)格系統(tǒng)的調(diào)整

網(wǎng)格設(shè)計(jì)也叫做網(wǎng)格系統(tǒng)，就是在頁面上按照預(yù)先確定好的網(wǎng)格，理性而有序地排列文字和圖片的一種版面設(shè)計(jì)方法。在此次人教版教科書整體視覺設(shè)計(jì)體系中，呂敬人先生以4X5mm的長方形網(wǎng)格作為基礎(chǔ)設(shè)定了版面的版心大小、位置、分欄數(shù)量、分欄寬度以及書眉頁碼的位置等（圖1）。這為保證人教版教科書的整體性和統(tǒng)一性是非常必要的。但由于各學(xué)科的性質(zhì)、體例、要求等各不相同，各具體學(xué)科必須根據(jù)自身特點(diǎn)靈活加以運(yùn)用，正如瑞士著名設(shè)計(jì)師約瑟夫·米勒·布魯克曼主張的：“網(wǎng)格體系應(yīng)成為一個(gè)助手，而不是框架，它允許有各種各樣的使用方法，而且每個(gè)設(shè)計(jì)師都可以尋求一種接近個(gè)人風(fēng)格的方案，但是他必須學(xué)會(huì)怎樣使用網(wǎng)格，這是一種藝術(shù)，需要實(shí)踐?！雹?/p>

1.版心

此次教材修訂，人教社教科書的成品尺寸為184X260 mm，各學(xué)科統(tǒng)一的版心為144X210mm，在前期的內(nèi)文初排時(shí)，發(fā)現(xiàn)這個(gè)版心對(duì)于美術(shù)學(xué)科不適用，因?yàn)槊佬g(shù)以圖片的教學(xué)為主，每頁圖片少則三四幅，多則十幾幅，有中外美術(shù)作品、學(xué)生作業(yè)、攝影圖片、步驟圖、示意圖、圖解圖及活動(dòng)場(chǎng)景圖等，且每張圖片還有相應(yīng)的圖注或說明文字，版心太小不適合圖片的布局。《中小學(xué)教科書幅面尺寸及版面通用要求》中也規(guī)定“以圖為主的中小學(xué)教科書在設(shè)計(jì)時(shí)版心大于規(guī)定的尺寸，但訂口、切口、天頭、地腳寬度不得小于7mm”。因此，筆者參考了國內(nèi)外多個(gè)版本美術(shù)教科書的版心設(shè)計(jì)，并在充分考慮了目前國內(nèi)后期印刷裝訂水平的前提下，經(jīng)過與編輯、出版部門的多次論證，最終確定版心為162X230mm，版心距離天頭、地腳、訂口、切口的距離分別為13mm、17mm、12mm、10mm。（圖2）endprint

2.分欄

網(wǎng)格為設(shè)計(jì)元素提供了不同的結(jié)構(gòu)，包括分欄網(wǎng)格和基線網(wǎng)格。分欄是網(wǎng)格中最重要的元素之一。設(shè)計(jì)師可以很熟練地運(yùn)用分欄的數(shù)目和寬度來表現(xiàn)文本，并構(gòu)成一種既能呈現(xiàn)多樣的信息又能方便讀者閱讀的版式。美術(shù)學(xué)科的版心調(diào)大之后，也設(shè)為三欄，欄寬為6mm。按照國家規(guī)定，以圖為主的教科書，只要版心符合國家規(guī)定的要求，“不受版面行數(shù)、每行字?jǐn)?shù)限制”，這樣分欄的重要性更為突出。在對(duì)美術(shù)學(xué)科的內(nèi)容進(jìn)行了整體分析和規(guī)劃后，具體設(shè)計(jì)時(shí)，圖片、文字在版心編排時(shí)可選擇的空間有2/3欄，1/2欄，1/3欄或1欄。

3.字體字號(hào)

根據(jù)國家規(guī)定，美術(shù)教科書每冊(cè)只有2.75個(gè)印張，封面、內(nèi)文加起來也就48個(gè)頁面。初中美術(shù)教科書共有五個(gè)單元，每個(gè)單元有兩至三課內(nèi)容，沒有篇章頁，各級(jí)標(biāo)題和正文都在同一個(gè)頁面上，順序依次是單元標(biāo)題、課題、導(dǎo)學(xué)、正文。由于每個(gè)頁面信息容量大，內(nèi)容相對(duì)固定，相對(duì)別的學(xué)科排版比較緊湊。在保證各級(jí)標(biāo)題及內(nèi)文字體與其他學(xué)科一致外，字號(hào)進(jìn)行了相應(yīng)的調(diào)整，一級(jí)標(biāo)題（單元題）為27.5P，二級(jí)標(biāo)題（課題）為21P，正文為10.5P，圖注為9P。由內(nèi)容決定，各級(jí)標(biāo)題與導(dǎo)學(xué)、正文間的距離，不可能像以文字為主的學(xué)科那樣留有較大的空白，在對(duì)美術(shù)教科書每課內(nèi)容的量有了總體認(rèn)識(shí)之后，最終確定單元題與課題間的距離為13.5mm，課題與導(dǎo)學(xué)間的距離為7mm，導(dǎo)學(xué)與正文間距離為9mm。這樣標(biāo)題整體看上去，通過字體字號(hào)以及距離的變化，視覺導(dǎo)向清晰流暢，既保證了最佳的視覺效果，又最大限度地提高了版面利用率。

（二）圖片設(shè)計(jì)

美術(shù)教科書以圖為主，圖片是版式設(shè)計(jì)的 “重頭戲”。由于每個(gè)版面的圖量各不相同，根據(jù)教學(xué)意圖，圖片擺放的先后順序及大小都有所要求，因此每個(gè)頁面都要根據(jù)實(shí)際情況進(jìn)行不同的設(shè)計(jì)，應(yīng)用網(wǎng)格能使大量的圖片和諧有序地統(tǒng)一起來。

1.圖片的選擇和美化

對(duì)于圖片的選擇，先從來源上把好第一道關(guān)，原則上要選取分辨率符合印刷標(biāo)準(zhǔn)，質(zhì)量高的圖片，這是實(shí)現(xiàn)教學(xué)內(nèi)容清晰傳達(dá)的前提。但實(shí)際上作者提供的原始圖片往往由于構(gòu)圖、光線等因素而不夠完美，所以對(duì)圖片進(jìn)行適當(dāng)?shù)丶舨煤秃笃谔幚盹@得至關(guān)重要。一種情況是針對(duì)背景不美的圖片，像一些年代較久遠(yuǎn)的作品或作者提供的拍攝角度不是很理想的學(xué)生作業(yè)、步驟圖等，用圖片去底的方法把圖片去掉背景然后重新配底色；另一種情況是根據(jù)版面設(shè)計(jì)需要，通過圖片去底的方法，增強(qiáng)其視覺沖擊力，使版面富于變化。（圖3）

2.圖片的組合

針對(duì)美術(shù)學(xué)科每個(gè)版面圖量大的特點(diǎn)，為了避免版面的瑣碎，把圖片按其功能和學(xué)習(xí)目的分類并進(jìn)行組合排列，把不同方向、不同大小的圖片有目的有變化地順序配置，以加強(qiáng)版面的整體感。圖片組合后，根據(jù)所占的欄寬，間距有所不同，例如占1/2欄的圖片之間的距離是4mm，占1/3欄的圖片間距是2mm，組合后的圖片與文字之間的間距是6mm，這些規(guī)矩在整本書中固定并形成規(guī)律，加強(qiáng)了整體版面內(nèi)在的秩序性和節(jié)奏感。

3.圖片外形的變化

初中美術(shù)的圖片大多是方形，方圖太多容易使整個(gè)版面過于規(guī)整而顯單調(diào)，這樣不利于提高初中生的學(xué)習(xí)興趣。因此，在設(shè)計(jì)時(shí)適時(shí)增加圓角方形、圓形、橢圓形以及異形圖以增添版面的變化元素，或在組合的圖片中盡可能通過個(gè)別去底的圖片打破圖片方正的布局局面，以更加強(qiáng)調(diào)和突出主體形象，與常規(guī)圖片形成對(duì)比。另外根據(jù)教學(xué)意圖，需要突出的圖片，則通過放大的方式，安排在版面的中心位置，甚至在不影響閱讀的前提下做了出血處理（圖4）。通過這些方式不僅強(qiáng)化了主題內(nèi)容，而且還不同程度地增加了版面的活潑感，讓學(xué)生們?cè)谳p松的氛圍中欣賞美、感知美，受到美的熏陶。

（三）文本編排

文字的首要功能是傳達(dá)信息，教科書的文本應(yīng)該便于閱讀并讓讀者產(chǎn)生興趣。相對(duì)別的學(xué)科，美術(shù)教科書的文字所占的比例是比較少的，但仍然是不可忽視的元素，包括前言、目錄、課題、導(dǎo)學(xué)、正文、圖注、欄目、單元評(píng)價(jià)、后記等。在排版中既要有對(duì)字號(hào)、字距、行距、段式、灰度、密度、空間的精細(xì)設(shè)計(jì)，又要對(duì)視線流、層次、節(jié)奏、規(guī)則的理解，還要有對(duì)文字內(nèi)在表現(xiàn)力中貫入氣場(chǎng)、氛圍、詩意表達(dá)的追求。

用平面構(gòu)成的視覺原理來觀察文字的構(gòu)成，我們可以把一個(gè)字視為一個(gè)點(diǎn)，把一行字視為一條線，把一篇字視為一個(gè)面。在設(shè)計(jì)時(shí)通過各級(jí)標(biāo)題之間字體、大小、粗細(xì)、行距的變化，創(chuàng)造出點(diǎn)、線、面的視覺效果和豐富的色調(diào)，使版面結(jié)構(gòu)既層次分明又兼具形式韻味，達(dá)到整體和諧、韻律分明的效果。在美術(shù)教科書以圖為主的版面中，如果圖片作為“面”無疑就是版式中的黑色區(qū)域，成片的文字就是灰色區(qū)域，與白底一同構(gòu)成黑白灰關(guān)系，我們從目錄頁的設(shè)計(jì)就可以感覺到這種關(guān)系（圖5）。美術(shù)教科書正文中對(duì)美術(shù)作品的分析更多地集中在圖片說明文字即圖注中。圖注一般放在圖片的下方，給圖片增加了可讀性的內(nèi)容，但考慮到點(diǎn)、線、面的結(jié)構(gòu)與韻味時(shí)也會(huì)靈活地將其放到圖片的上方、左側(cè)或者右側(cè)，通過箭頭的指示方向標(biāo)明它與圖片的對(duì)應(yīng)關(guān)系。并且在對(duì)版面做整體規(guī)劃時(shí)，有意識(shí)地將圖注文字組合編排，通過文字位置的合理布局，均衡每個(gè)版面的黑白灰關(guān)系，也使整體版面的層次關(guān)系明確，更加突出主體內(nèi)容，以達(dá)到教學(xué)的目的（圖6）。對(duì)美術(shù)教科書而言，如果圖片自身豐富的變化是形成版式節(jié)奏的最強(qiáng)音，那文本的層次感在版式設(shè)計(jì)中形成強(qiáng)烈的韻律感。

（四）余白空間

版式設(shè)計(jì)中的“白”是指版面上文、圖之外的空白處，一般情況下設(shè)計(jì)師把重點(diǎn)放在“黑”的設(shè)計(jì)上，卻容易忽視“白” 的設(shè)計(jì)。中國畫里“計(jì)白當(dāng)黑”“密不透風(fēng)，疏可走馬”等畫理都強(qiáng)調(diào)“留白”的重要地位。宗白華先生說過：“中國畫最重空白?？瞻滋幉⒎钦婵?，乃靈氣往來生命流動(dòng)之處。且空而后能簡，簡而練，則理趣橫溢，而脫略行跡?！雹垡曈X元素如何在一定的空間范圍里顯示最恰當(dāng)?shù)囊曈X張力及良好的視覺效果，與余白空間的運(yùn)用有直接關(guān)系。余白是版式設(shè)計(jì)語言的重要表現(xiàn)手段，它在教科書中的運(yùn)用除了讓學(xué)生有做筆記的實(shí)用功能外，還是一個(gè)“透氣”的視覺空間，讓讀者在輕松的狀態(tài)下閱讀并獲得愉悅的視覺感受，因此，在處理版面設(shè)計(jì)的黑白空間關(guān)系時(shí)要注重實(shí)用與審美的統(tǒng)一。endprint

美術(shù)教科書內(nèi)容信息量大且每個(gè)頁面圖片數(shù)量、大小、位置、方向等各不相同，因此在處理余白空間時(shí)要注意“度”的把握。余白太小，則氣促而拘，有擁擠和閉塞之感；如果余白太大，則氣懈而散，會(huì)顯得空曠、松散。認(rèn)知心理學(xué)教授海保博之通過反復(fù)測(cè)試分析后發(fā)現(xiàn)：畫面空白在三分之二或三分之一大小剛剛好，同時(shí)證明，如果留白超過三分之二的話，成敗之間的變化就顯得更加突出了。④美術(shù)教科書由于其自身的特殊性，要求在有限的版面內(nèi)提供盡可能大的信息，對(duì)于版面上的視覺元素必須有全面的審視，必須全面思考其內(nèi)在的涵義和相互的秩序關(guān)系，空間分布一定要合理、適度，可以說，每一處的留白處理，都是深思熟慮、反復(fù)試驗(yàn)后的安排。余白的位置、大小、形狀要講究美感的同時(shí)，將點(diǎn)、線、色、形、字組織為和諧有序的藝術(shù)形式，不僅能準(zhǔn)確地表現(xiàn)內(nèi)容，而且能使讀者在閱讀的同時(shí)得到美的享受。只有深諳“知白守黑”的美學(xué)原則，心中留有詩意般的空間，才能賦予教科書以文化意韻，滲透書卷氣息，以達(dá)意境之美。（圖7）

（五）色彩運(yùn)用

在教科書中，色彩是重要的視覺元素，在塑造個(gè)性和創(chuàng)造情感方面具有得天獨(dú)厚的優(yōu)勢(shì)，恰當(dāng)?shù)轿坏纳蔬\(yùn)用對(duì)讀者來說是一次美感體驗(yàn)。美術(shù)學(xué)科以圖為主，彩色圖片已經(jīng)呈現(xiàn)出了豐富的色調(diào)，因此在色彩的選擇和使用上是非常謹(jǐn)慎的。初中美術(shù)的色彩控制在2～3個(gè)，且使用的色彩與封面的冷暖主色一致。顏色的使用根據(jù)其用途和作用而有所不同，例如，“活動(dòng)”欄目較之“相關(guān)鏈接”、“知識(shí)點(diǎn)”等其他欄目在教學(xué)意圖上更為重要，就為其增加了暖色色底，在視覺的表現(xiàn)上較為突出，更容易引起注意；再如“單元評(píng)價(jià)”是每個(gè)單元結(jié)束時(shí)的固定欄目，為了與課內(nèi)整體偏暖的色調(diào)有所區(qū)別，而使用了偏冷的藍(lán)色；另外，對(duì)于經(jīng)過去底處理之后的圖片根據(jù)用途的不同用色也不同，對(duì)美術(shù)作品、學(xué)生作業(yè)做襯底的色彩選用偏暖的紙色，其他情況則用淡綠色色底區(qū)別。所有這些色彩由于在初中美術(shù)教科書中使用的面積較小，與整體的畫面色調(diào)既對(duì)比又協(xié)調(diào)，既統(tǒng)一又有所變化。（圖8）

三、幾點(diǎn)思考

第一，處理好共性與個(gè)性的關(guān)系。既要充分體現(xiàn)各學(xué)科的特點(diǎn)又要兼顧整體視覺體系。

第二，美編的角色要轉(zhuǎn)變。美編要主動(dòng)參與到教科書的編寫中，深入理解編寫思路，注重對(duì)少年兒童認(rèn)知水平、審美趣味的研究，不斷提高自身的各方面修養(yǎng)。

第三，注重細(xì)節(jié)。俗話說，細(xì)節(jié)決定成敗，而教科書的細(xì)節(jié)恰恰蘊(yùn)藏在版面的字里行間。對(duì)所有的視覺元素，包括欄目圖標(biāo)、圖表、表格、指示箭頭等都要進(jìn)行精心的設(shè)計(jì)。

第四，印制水平有待提高。目前教科書的印制相對(duì)國外而言還有差距。只有通過出版人、編輯、設(shè)計(jì)師、印制技術(shù)人員等眾多參與者的共同努力，教科書的整體品質(zhì)才會(huì)有所提升。

總之，美術(shù)教科書內(nèi)容的編寫與版式設(shè)計(jì)同步進(jìn)行，是一個(gè)反復(fù)推敲、不斷探索的過程。其版式設(shè)計(jì)不是把教學(xué)內(nèi)容簡單地堆砌，而是通過視覺元素的合理定位、合理走向、合理分布，使版面有明確的視覺焦點(diǎn)、清晰的視覺脈絡(luò)及合理的空間分布，形成一個(gè)有秩序的版面，并將美的內(nèi)涵融入其中。呂敬人先生提出的“詩意的閱讀” 的設(shè)計(jì)理念為我們提出了努力方向，對(duì)教科書版式設(shè)計(jì)的探索無止境，因?yàn)椋@是我們的職責(zé)所在。

注釋：

①張燁剛.運(yùn)用“留白”藝術(shù)提高初中生的審美能力[J].科技信息，2009（6）：264

②祝東平.現(xiàn)代版面形式的理性掌控——關(guān)于網(wǎng)格設(shè)計(jì)[J].創(chuàng)意與設(shè)計(jì)，2010（2）：43

③宗白華.藝境[M].北京：北京大學(xué)出版社，1987：33.

④趙煒.淺談版式設(shè)計(jì)中的空白[J].美術(shù)大觀，2007（1）：94

參考文獻(xiàn)：

[1] 加文·安布羅斯，保羅·哈里斯.網(wǎng)格設(shè)計(jì)[M].北京：中國青年出版社，2008：18

[2] 郝振省，胡守文.第七界全國書籍設(shè)計(jì)藝術(shù)展覽優(yōu)秀論文集[C].北京：中國書籍出版社，2009.

[3] 呂敬人.書籍設(shè)計(jì)基礎(chǔ)[M].北京：高等教育出版社，2012.

[4] 呂敬人.書藝問道[M].北京：中國青年出版社，2009：112endprint