黑、白、灰、线在版式设计中的运用

[摘 要] 版式设计通过图形和文字向人们表达信息，在黑白版式中，设计师是通过图形和文字呈现的“黑”“白”“灰”“线”来表达思想的。如果说一个版面就像一个有血有肉的人，那么“黑”就是版面的“骨头”，“白”是版面的“灵魂”，“灰”是版面的“血肉”，“线”是版面的“筋脉”。版面通过对“黑”“白”“灰”“线”的合理使用，使文章形成统一变化的有机整体。设计师应围绕读者设计出适合读者观看并且美观的黑白版式，达到功用与审美的统一。

[关键词] 黑、白、灰、线 版式设计

[中图分类号] G232 [文献标识码] A [文章编号] 1009-5853 （2014） 02-0035-03

版式设计是视觉传达的重要手段，是设计者必备的基本功之一。版式设计通过图形和文字向人们表达信息，把原稿的体裁、结构、层次、图、字等方面作艺术而又合理的处理，让观看者在享受美感的同时，接受作者想要传达的信息。版式设计的最终目的是使版面形成清晰的条理性，突出主题，达到最佳诉求效果[1]。一幅作品的好坏，创意固然重要，但只有在创意的基础上加上优秀的版式设计，才能使作品上升到新的高度。好的版式，可以让受众更加关注作品，可以为作品锦上添花。

版式设计运用于报纸、杂志、招贴、书籍、包装、产品样册、挂历、唱片封套、企业形象、网页等所有平面设计领域。版式设计的材料有两类——图形与文字，就好像厨师做菜原料中的荤菜与素菜，一个厨师对原料的选择、对火候的把握、对油盐酱醋的量化，决定着菜肴的色彩、形式、口感和营养，在黑白版式中，设计师通过图形与文字呈现出的“黑”“白”“灰”“线”来表达情感。

1 “黑”是版面的“骨头”

郑板桥画竹子，毕加索画牛，几笔便画出精神，尽得风流，没有一笔是多余的，这是绘画作品中的“骨头”。“春风又绿江南岸”，一个“绿”字，形象、生动、意境高，是这句诗的“骨头”。在黑白版式设计中，“黑”是版面的“骨头”。

“黑”非真黑。版面中的“黑”，主要通过醒目的字体、厚重的色块获得，但要灵动、通气、精彩，“黑”而不闷。反之则主次不分、前后不分、整个版面没精神，就像一个人没有骨头立不起来。文字是读者与作者和设计者彼此沟通的视觉语言。文字不但要达到与读者精神沟通的目的，更需要在两者精神认同的基础上创造新的视觉理念，所以，文字在书刊内文版面的编排上占据着重要位置。内文的文字主要有两部分：文章名（标题文字）和文章内容。在视觉传达时，文章名是第一眼传达给读者的内文文字，为了达到醒目的效果，文章名通常使用粗黑体、综艺体、琥珀体、粗圆体及手绘创意美术字等。图1中的“祝贺单位”，把字与图形完美地结合；图2中的“那拉提草原”这几个字，故意把“提”错开一些，使文字更有灵气。这些字便是这个版面的“骨头”，起到了画龙点睛的作用。

2 “白”是版面的“灵魂”

空白处理在文艺作品中的运用极其广泛，如音乐中的休止符，现代诗中的“啊……”，现实生活中的“沉默”，戏曲也讲出场艺术，一个角色亮相，敲锣打鼓等很多的前奏。

图3“目录”的左边大版空白，让读者的视觉能进来，慢慢再看到正题。图4中，因为文字是竖排的，所以按照古代线装书的排列方法，先留白，再让读者的视觉从右边进来。这种版式处理方法与《三国演义》人物塑造非常相像，主人公诸葛亮到三十八回通过三顾茅庐“千呼万唤始出来”，一旦来了，便三分天下，两把大火烧得曹军胆战心惊，让读者眼睛一亮。

图4 《皖南风情》目录设计（学生作品）

这不正像图3左边上半块版式和图4右边上半部的空白吗？而下角的空白呢？便是诸葛亮在“一百零四回 陨大星汉丞相归天”到“一百二十回 降孙皓三分归一统”这十六回，虽不是小说的中心，不是小说最精彩的部分，但却不能没有，这种大势所趋、无力回天的结果，留给读者一声叹息，让读者流连忘返，欲罢不能。

音乐不但有前奏也有尾声，它能使高潮慢慢地平缓下来，让人们的听觉产生幻觉，并且“余音绕梁，三日不绝”。电影《梅兰芳》中，梅兰芳在美国的第一场演出，他那新颖别致的服饰、传统风味的发型、婀娜多姿的身段、秀美动人的扮相、前无古人的嗓音、载歌载舞的表演，竟把美国人看呆了，演出结束后都忘了鼓掌，沉默片刻后才爆发出雷鸣般的掌声，久久不衰。

这种沉默在版式设计中用“白”来表达，它能使版面黑白分明、整洁清晰、开阔通透、主次分明，既保留了版面的稳重大方，又不失灵活生动的整体风格。整个版面因为“白”而灵动起来，给读者在视觉上造成轻快、愉悦的刺激，目力因之得到松弛、小憩，使版面就像一个活生生的人有了“灵魂”一样。 当然，大片空白不可乱用，一旦留白，必须有呼应，有过渡，以免为形式而形式，造成版面空泛。

3 “灰”是版面的“血肉”

在版式设计中，为了强调主体，可有意将其他部分削弱为有层次感的“灰”。“灰”的处理如小说、影视中的配角人物，是主体人物的衬托，一定不能喧宾夺主。历史上的周瑜雄姿英发，心胸广阔，东吴老将程普，早年跟随孙坚，自以为功高，瞧不起年轻的周瑜，但周瑜并不与之计较，最后使程普自己折服。程普道：“与周公瑾交，如饮醇醪，不觉自醉。”到宋代时，世人还是很喜欢周瑜，这一点从坡的《念奴娇》中可以看出。但作者为了塑造主人公，硬是把赤壁之战的主角换成了诸葛亮，周瑜成了心胸狭窄的代名词，从草船借箭、借东风到甘露寺招亲、讨还荆州，周瑜是“赔了夫人又折兵”，在诸葛亮面前总是技不如人，处处碰壁。历史上的鲁肃也是一代儒将，作战时手不释卷，为东吴立下赫赫战功，但书中把鲁肃塑造成老实得出奇的人[2]。人物的“灰”的处理运用在版式设计中，既丰富版面内容又衬托主要部分，道理是相通的。

文章标题是“黑”，是设计师第一眼要传达给读者的，是上例中所说的主人公诸葛亮。那么设计师第二眼要传达给读者的是什么呢？那就是文章内容，它一般放在版心的位置，包括字体、字号、字距、行间、段落、章节、线框、分栏等。中文书籍选用宋体较多，这些宋体便构成版面整体的灰度。如图5的内文文字及灰色底图，与“黑”的文章名“文姬归汉”形成对比，增强对主体的强调，四周装饰图形为“灰”，又增强了版面的空间感，既满足内容的需要，又使灰色的变化丰富多彩，让读者的视线由“黑”到“灰”再到“白”。（在《三国演义》中把“灰”处理成周瑜、鲁肃等人。）图6是吕敬人先生的作品，“汉学世界”四字为“黑”，左右两边细弱的文字作为一种装饰文字与实的“汉学世界”形成对比，增强了对主体的强调。

“灰”是“黑”与“白”二者的调节因素，一种过渡形式。如果没有这几层“灰”，这个版面就不丰富，没有可看的内容，版面也就显得“空”。就像一个人光有骨头和灵魂，却没有血肉，不丰满、不滋润，没有活力，干巴巴的。

“草蛇灰线，伏延千里”，这是快餐作品与经典作品的最大区别。《红楼梦》在这一点上做得最高超，如蒋玉菡与贾宝玉互赠汗巾，贾宝玉又把汗巾转送给袭人，最后袭人与蒋玉菡的结合应了“堪羡优伶有福，谁知公子无缘”的判词，这汗巾便是“线”。看似无关的笔墨，如莤雪被撵那一节，脂胭斋批语却说：“莤雪至狱神庙方呈正文……余只见一次誊清时，狱神庙回有莤雪、红玉一大回文字。”这些伏线使文章成为一个完美的整体。裁缝把一块布分割成若干小块，如袖子、领子、前襟、后片，最后用线把这若干小块的布连起来，便做成衣服。若在人体中，“线”可以看作人体的“筋脉”，连结人体各个器官、各个组织，使人各个器官、各个组织有韧性、有活力。

“线”就是版面的“筋脉”，把版面的“血肉”（即“灰”）连接起来并分割得更加清晰，改变版面的比例，给读者带来亲切、安稳的感觉并体现出栏线的层次美感。这里的“线”不仅指几何意义上的线，还有用细小的文字组成的线。所以，“线”不仅有长度，而且有宽度。如图7《诗歌月刊》杂志的目录版式中的右上角用小字组成的线。再如图8《诗歌月刊》杂志的内文版式中的“线”，清楚地将文字分割成若干群体， 使版面显得不拥挤，给人一目了然的印象。几段线条起到了分区、装饰的多重作用。

5 结 语

“黑”“白”“灰”“线”能处理版面全局与局部、局部与局部的关系，也可以通过明度的强弱，明确视觉层次，引导读者视线，让读者在不知不觉中按编辑的要求，做到先看什么、再看什么、最后看什么，以视线的流动形成版面层次美。如果把一个版面设计比作一个人，那么，“黑”是版面的“骨头”，“白”是版面的“灵魂”，“灰”是版面的“血肉”，“线”是版面的“筋脉”。在版式设计中，通过对“黑”“白”“灰”“线”的合理使用，使文章与文章、文章与标题和插图之间形成统一变化的有机整体。让读者在享受美感的同时，接受作者想要传达的信息。

注 释

[1]管佳莺.编排设计[M].武汉：湖北美术出版社，2001：1-2

[2]郑中.三国那些事儿[M].北京：中国三峡出版社，2007：96