初中美术教科书版式设计初探——以人教版美术为例

于艳

摘 要：文章主要论述了人教版初中美术教科书的版式设计如何在整体视觉设计体系中，体现其学科特点；如何通过对版面各视觉元素的编排设计，将美的内涵融入其中，让学生在轻松的氛围中欣赏美，感知美，受到美的熏陶。

关键词：教科书；版式设计；初中美术

检 索：www.artdesign.org.cn

中图分类号：J045 文献标志码： A 文章编号：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年，按照教育部义务教育课程标准的要求，人教版教科书的修订工作全面展开。此次教材修订，人民教育出版社聘请了吕敬人先生担当艺术总监，负责整套教科书的整体视觉体系设计。在内文的版式设计中，吕先生把网格设计的方法运用到教科书中，对所有学科的版心、各级标题文字的字体、字号、字距、行距等制定了统一的标准，形成规范。因此，各具体学科版式的设计都是在整体框架下的再设计，整体设计的理念是各学科版式设计风格形成的依据。

一、美术教科书的特点及设计原则

美术教科书是美术课程内容的重要载体，是教师与学生沟通的桥梁。由教育部制订的《义务教育美术课程标准（2011年版）》提到，“美术以视觉形象承载和表达人的思想观念、情感态度和审美趣味，丰富人类的精神和物质世界。”美术课程以对视觉形象的感知、理解和创造为特征，是学校进行美育的主要途径，在实施素质教育的过程中具有不可替代的作用。可见，美术学科的编排设计要凸显其视觉性的特征，其视觉美感和愉悦性方面有比其他学科更高的要求。

笔者设计前期查阅大量资料，对国内外美术教科书的现状有了一定了解，又对人教版现行教科书存在的问题进行了梳理、分析，在与文编、作者多次沟通后，制定了如下设计原则：

第一，版式设计应在符合国家相关规定和人教版整体设计规范的基础上充分体现美术学科的特点。

第二，形式服务于内容，设计要紧密围绕教学意图，强调其功能性。

第三，设计应该符合初中生的认知水平，预期达到简约、大气、规整而又不失生动活泼的效果。

第四，设计要体现专业性，给学生提供一个版式设计的范本，因为七年级上册中就有“版式设计”的教学内容。这也应了美国心理学家布鲁纳说过的一句话，“最好的学习动机，乃是对所学材料本身发生兴趣。”①

二、版式设计思路及设计要点

（一）网格系统的调整

网格设计也叫做网格系统，就是在页面上按照预先确定好的网格，理性而有序地排列文字和图片的一种版面设计方法。在此次人教版教科书整体视觉设计体系中，吕敬人先生以4X5mm的长方形网格作为基础设定了版面的版心大小、位置、分栏数量、分栏宽度以及书眉页码的位置等（图1）。这为保证人教版教科书的整体性和统一性是非常必要的。但由于各学科的性质、体例、要求等各不相同，各具体学科必须根据自身特点灵活加以运用，正如瑞士著名设计师约瑟夫·米勒·布鲁克曼主张的：“网格体系应成为一个助手，而不是框架，它允许有各种各样的使用方法，而且每个设计师都可以寻求一种接近个人风格的方案，但是他必须学会怎样使用网格，这是一种艺术，需要实践。”②

1.版心

此次教材修订，人教社教科书的成品尺寸为184X260 mm，各学科统一的版心为144X210mm，在前期的内文初排时，发现这个版心对于美术学科不适用，因为美术以图片的教学为主，每页图片少则三四幅，多则十几幅，有中外美术作品、学生作业、摄影图片、步骤图、示意图、图解图及活动场景图等，且每张图片还有相应的图注或说明文字，版心太小不适合图片的布局。《中小学教科书幅面尺寸及版面通用要求》中也规定“以图为主的中小学教科书在设计时版心大于规定的尺寸，但订口、切口、天头、地脚宽度不得小于7mm”。因此，笔者参考了国内外多个版本美术教科书的版心设计，并在充分考虑了目前国内后期印刷装订水平的前提下，经过与编辑、出版部门的多次论证，最终确定版心为162X230mm，版心距离天头、地脚、订口、切口的距离分别为13mm、17mm、12mm、10mm。（图2）endprint

2.分栏

网格为设计元素提供了不同的结构，包括分栏网格和基线网格。分栏是网格中最重要的元素之一。设计师可以很熟练地运用分栏的数目和宽度来表现文本，并构成一种既能呈现多样的信息又能方便读者阅读的版式。美术学科的版心调大之后，也设为三栏，栏宽为6mm。按照国家规定，以图为主的教科书，只要版心符合国家规定的要求，“不受版面行数、每行字数限制”，这样分栏的重要性更为突出。在对美术学科的内容进行了整体分析和规划后，具体设计时，图片、文字在版心编排时可选择的空间有2/3栏，1/2栏，1/3栏或1栏。

3.字体字号

根据国家规定，美术教科书每册只有2.75个印张，封面、内文加起来也就48个页面。初中美术教科书共有五个单元，每个单元有两至三课内容，没有篇章页，各级标题和正文都在同一个页面上，顺序依次是单元标题、课题、导学、正文。由于每个页面信息容量大，内容相对固定，相对别的学科排版比较紧凑。在保证各级标题及内文字体与其他学科一致外，字号进行了相应的调整，一级标题（单元题）为27.5P，二级标题（课题）为21P，正文为10.5P，图注为9P。由内容决定，各级标题与导学、正文间的距离，不可能像以文字为主的学科那样留有较大的空白，在对美术教科书每课内容的量有了总体认识之后，最终确定单元题与课题间的距离为13.5mm，课题与导学间的距离为7mm，导学与正文间距离为9mm。这样标题整体看上去，通过字体字号以及距离的变化，视觉导向清晰流畅，既保证了最佳的视觉效果，又最大限度地提高了版面利用率。

（二）图片设计

美术教科书以图为主，图片是版式设计的 “重头戏”。由于每个版面的图量各不相同，根据教学意图，图片摆放的先后顺序及大小都有所要求，因此每个页面都要根据实际情况进行不同的设计，应用网格能使大量的图片和谐有序地统一起来。

1.图片的选择和美化

对于图片的选择，先从来源上把好第一道关，原则上要选取分辨率符合印刷标准，质量高的图片，这是实现教学内容清晰传达的前提。但实际上作者提供的原始图片往往由于构图、光线等因素而不够完美，所以对图片进行适当地剪裁和后期处理显得至关重要。一种情况是针对背景不美的图片，像一些年代较久远的作品或作者提供的拍摄角度不是很理想的学生作业、步骤图等，用图片去底的方法把图片去掉背景然后重新配底色；另一种情况是根据版面设计需要，通过图片去底的方法，增强其视觉冲击力，使版面富于变化。（图3）

2.图片的组合

针对美术学科每个版面图量大的特点，为了避免版面的琐碎，把图片按其功能和学习目的分类并进行组合排列，把不同方向、不同大小的图片有目的有变化地顺序配置，以加强版面的整体感。图片组合后，根据所占的栏宽，间距有所不同，例如占1/2栏的图片之间的距离是4mm，占1/3栏的图片间距是2mm，组合后的图片与文字之间的间距是6mm，这些规矩在整本书中固定并形成规律，加强了整体版面内在的秩序性和节奏感。

3.图片外形的变化

初中美术的图片大多是方形，方图太多容易使整个版面过于规整而显单调，这样不利于提高初中生的学习兴趣。因此，在设计时适时增加圆角方形、圆形、椭圆形以及异形图以增添版面的变化元素，或在组合的图片中尽可能通过个别去底的图片打破图片方正的布局局面，以更加强调和突出主体形象，与常规图片形成对比。另外根据教学意图，需要突出的图片，则通过放大的方式，安排在版面的中心位置，甚至在不影响阅读的前提下做了出血处理（图4）。通过这些方式不仅强化了主题内容，而且还不同程度地增加了版面的活泼感，让学生们在轻松的氛围中欣赏美、感知美，受到美的熏陶。

（三）文本编排

文字的首要功能是传达信息，教科书的文本应该便于阅读并让读者产生兴趣。相对别的学科，美术教科书的文字所占的比例是比较少的，但仍然是不可忽视的元素，包括前言、目录、课题、导学、正文、图注、栏目、单元评价、后记等。在排版中既要有对字号、字距、行距、段式、灰度、密度、空间的精细设计，又要对视线流、层次、节奏、规则的理解，还要有对文字内在表现力中贯入气场、氛围、诗意表达的追求。

用平面构成的视觉原理来观察文字的构成，我们可以把一个字视为一个点，把一行字视为一条线，把一篇字视为一个面。在设计时通过各级标题之间字体、大小、粗细、行距的变化，创造出点、线、面的视觉效果和丰富的色调，使版面结构既层次分明又兼具形式韵味，达到整体和谐、韵律分明的效果。在美术教科书以图为主的版面中，如果图片作为“面”无疑就是版式中的黑色区域，成片的文字就是灰色区域，与白底一同构成黑白灰关系，我们从目录页的设计就可以感觉到这种关系（图5）。美术教科书正文中对美术作品的分析更多地集中在图片说明文字即图注中。图注一般放在图片的下方，给图片增加了可读性的内容，但考虑到点、线、面的结构与韵味时也会灵活地将其放到图片的上方、左侧或者右侧，通过箭头的指示方向标明它与图片的对应关系。并且在对版面做整体规划时，有意识地将图注文字组合编排，通过文字位置的合理布局，均衡每个版面的黑白灰关系，也使整体版面的层次关系明确，更加突出主体内容，以达到教学的目的（图6）。对美术教科书而言，如果图片自身丰富的变化是形成版式节奏的最强音，那文本的层次感在版式设计中形成强烈的韵律感。

（四）余白空间

版式设计中的“白”是指版面上文、图之外的空白处，一般情况下设计师把重点放在“黑”的设计上，却容易忽视“白” 的设计。中国画里“计白当黑”“密不透风，疏可走马”等画理都强调“留白”的重要地位。宗白华先生说过：“中国画最重空白。空白处并非真空，乃灵气往来生命流动之处。且空而后能简，简而练，则理趣横溢，而脱略行迹。”③视觉元素如何在一定的空间范围里显示最恰当的视觉张力及良好的视觉效果，与余白空间的运用有直接关系。余白是版式设计语言的重要表现手段，它在教科书中的运用除了让学生有做笔记的实用功能外，还是一个“透气”的视觉空间，让读者在轻松的状态下阅读并获得愉悦的视觉感受，因此，在处理版面设计的黑白空间关系时要注重实用与审美的统一。endprint

美术教科书内容信息量大且每个页面图片数量、大小、位置、方向等各不相同，因此在处理余白空间时要注意“度”的把握。余白太小，则气促而拘，有拥挤和闭塞之感；如果余白太大，则气懈而散，会显得空旷、松散。认知心理学教授海保博之通过反复测试分析后发现：画面空白在三分之二或三分之一大小刚刚好，同时证明，如果留白超过三分之二的话，成败之间的变化就显得更加突出了。④美术教科书由于其自身的特殊性，要求在有限的版面内提供尽可能大的信息，对于版面上的视觉元素必须有全面的审视，必须全面思考其内在的涵义和相互的秩序关系，空间分布一定要合理、适度，可以说，每一处的留白处理，都是深思熟虑、反复试验后的安排。余白的位置、大小、形状要讲究美感的同时，将点、线、色、形、字组织为和谐有序的艺术形式，不仅能准确地表现内容，而且能使读者在阅读的同时得到美的享受。只有深谙“知白守黑”的美学原则，心中留有诗意般的空间，才能赋予教科书以文化意韵，渗透书卷气息，以达意境之美。（图7）

（五）色彩运用

在教科书中，色彩是重要的视觉元素，在塑造个性和创造情感方面具有得天独厚的优势，恰当到位的色彩运用对读者来说是一次美感体验。美术学科以图为主，彩色图片已经呈现出了丰富的色调，因此在色彩的选择和使用上是非常谨慎的。初中美术的色彩控制在2～3个，且使用的色彩与封面的冷暖主色一致。颜色的使用根据其用途和作用而有所不同，例如，“活动”栏目较之“相关链接”、“知识点”等其他栏目在教学意图上更为重要，就为其增加了暖色色底，在视觉的表现上较为突出，更容易引起注意；再如“单元评价”是每个单元结束时的固定栏目，为了与课内整体偏暖的色调有所区别，而使用了偏冷的蓝色；另外，对于经过去底处理之后的图片根据用途的不同用色也不同，对美术作品、学生作业做衬底的色彩选用偏暖的纸色，其他情况则用淡绿色色底区别。所有这些色彩由于在初中美术教科书中使用的面积较小，与整体的画面色调既对比又协调，既统一又有所变化。（图8）

三、几点思考

第一，处理好共性与个性的关系。既要充分体现各学科的特点又要兼顾整体视觉体系。

第二，美编的角色要转变。美编要主动参与到教科书的编写中，深入理解编写思路，注重对少年儿童认知水平、审美趣味的研究，不断提高自身的各方面修养。

第三，注重细节。俗话说，细节决定成败，而教科书的细节恰恰蕴藏在版面的字里行间。对所有的视觉元素，包括栏目图标、图表、表格、指示箭头等都要进行精心的设计。

第四，印制水平有待提高。目前教科书的印制相对国外而言还有差距。只有通过出版人、编辑、设计师、印制技术人员等众多参与者的共同努力，教科书的整体品质才会有所提升。

总之，美术教科书内容的编写与版式设计同步进行，是一个反复推敲、不断探索的过程。其版式设计不是把教学内容简单地堆砌，而是通过视觉元素的合理定位、合理走向、合理分布，使版面有明确的视觉焦点、清晰的视觉脉络及合理的空间分布，形成一个有秩序的版面，并将美的内涵融入其中。吕敬人先生提出的“诗意的阅读” 的设计理念为我们提出了努力方向，对教科书版式设计的探索无止境，因为，这是我们的职责所在。

注释：

①张烨刚.运用“留白”艺术提高初中生的审美能力[J].科技信息，2009（6）：264

②祝东平.现代版面形式的理性掌控——关于网格设计[J].创意与设计，2010（2）：43

③宗白华.艺境[M].北京：北京大学出版社，1987：33.

④赵炜.浅谈版式设计中的空白[J].美术大观，2007（1）：94

参考文献：

[1] 加文·安布罗斯，保罗·哈里斯.网格设计[M].北京：中国青年出版社，2008：18

[2] 郝振省，胡守文.第七界全国书籍设计艺术展览优秀论文集[C].北京：中国书籍出版社，2009.

[3] 吕敬人.书籍设计基础[M].北京：高等教育出版社，2012.

[4] 吕敬人.书艺问道[M].北京：中国青年出版社，2009：112endprint