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

1、黑、白、灰、线在版式设计中的运用摘 要 版式设计通过图形和文字向人们表达信息，在黑白版式中，设计师是通过图形和文字呈现的“黑” “白” “灰” “线”来表达思想的。如果说一个版面就像一个有血有肉的人，那么“黑”就是版面的“骨头” ，“白”是版面的“灵魂” ， “灰”是版面的“血肉” ， “线”是版面的“筋脉” 。版面通过对“黑” “白” “灰” “线”的合理使用，使文章形成统一变化的有机整体。设计师应围绕读者设计出适合读者观看并且美观的黑白版式，达到功用与审美的统一。 关键词 黑、白、灰、线 版式设计 中图分类号 G232 文献标识码 A 文章编号 1009-5853 （2014） 02-00

2、35-03 版式设计是视觉传达的重要手段，是设计者必备的基本功之一。版式设计通过图形和文字向人们表达信息，把原稿的体裁、结构、层次、图、字等方面作艺术而又合理的处理，让观看者在享受美感的同时，接受作者想要传达的信息。版式设计的最终目的是使版面形成清晰的条理性，突出主题，达到最佳诉求效果1。一幅作品的好坏，创意固然重要，但只有在创意的基础上加上优秀的版式设计，才能使作品上升到新的高度。好的版式，可以让受众更加关注作品，可以为作品锦上添花。 版式设计运用于报纸、杂志、招贴、书籍、包装、产品样册、挂历、唱片封套、企业形象、网页等所有平面设计领域。版式设计的材料有两类图形与文字，就好像厨师做菜原料中的

3、荤菜与素菜，一个厨师对原料的选择、对火候的把握、对油盐酱醋的量化，决定着菜肴的色彩、形式、口感和营养，在黑白版式中，设计师通过图形与文字呈现出的“黑” “白” “灰” “线”来表达情感。 1 “黑”是版面的“骨头” 郑板桥画竹子，毕加索画牛，几笔便画出精神，尽得风流，没有一笔是多余的，这是绘画作品中的“骨头” 。 “春风又绿江南岸” ，一个“绿”字，形象、生动、意境高，是这句诗的“骨头” 。在黑白版式设计中，“黑”是版面的“骨头” 。 “黑”非真黑。版面中的“黑” ，主要通过醒目的字体、厚重的色块获得，但要灵动、通气、精彩， “黑”而不闷。反之则主次不分、前后不分、整个版面没精神，就像一个人没

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

5、作品中的运用极其广泛，如音乐中的休止符，现代诗中的“啊” ，现实生活中的“沉默” ，戏曲也讲出场艺术，一个角色亮相，敲锣打鼓等很多的前奏。 图 3“目录”的左边大版空白，让读者的视觉能进来，慢慢再看到正题。图 4 中，因为文字是竖排的，所以按照古代线装书的排列方法，先留白，再让读者的视觉从右边进来。这种版式处理方法与三国演义人物塑造非常相像，主人公诸葛亮到三十八回通过三顾茅庐“千呼万唤始出来” ，一旦来了，便三分天下，两把大火烧得曹军胆战心惊，让读者眼睛一亮。 图 4 皖南风情目录设计（学生作品） 这不正像图 3 左边上半块版式和图 4 右边上半部的空白吗？而下角的空白呢？便是诸葛亮在“一百零

6、四回 陨大星汉丞相归天”到“一百二十回 降孙皓三分归一统”这十六回，虽不是小说的中心，不是小说最精彩的部分，但却不能没有，这种大势所趋、无力回天的结果，留给读者一声叹息，让读者流连忘返，欲罢不能。 音乐不但有前奏也有尾声，它能使高潮慢慢地平缓下来，让人们的听觉产生幻觉，并且“余音绕梁，三日不绝” 。电影梅兰芳中，梅兰芳在美国的第一场演出，他那新颖别致的服饰、传统风味的发型、婀娜多姿的身段、秀美动人的扮相、前无古人的嗓音、载歌载舞的表演，竟把美国人看呆了，演出结束后都忘了鼓掌，沉默片刻后才爆发出雷鸣般的掌声，久久不衰。 这种沉默在版式设计中用“白”来表达，它能使版面黑白分明、整洁清晰、开阔通透、

7、主次分明，既保留了版面的稳重大方，又不失灵活生动的整体风格。整个版面因为“白”而灵动起来，给读者在视觉上造成轻快、愉悦的刺激，目力因之得到松弛、小憩，使版面就像一个活生生的人有了“灵魂”一样。 当然，大片空白不可乱用，一旦留白，必须有呼应，有过渡，以免为形式而形式，造成版面空泛。 3 “灰”是版面的“血肉” 在版式设计中，为了强调主体，可有意将其他部分削弱为有层次感的“灰” 。 “灰”的处理如小说、影视中的配角人物，是主体人物的衬托，一定不能喧宾夺主。历史上的周瑜雄姿英发，心胸广阔，东吴老将程普，早年跟随孙坚，自以为功高，瞧不起年轻的周瑜，但周瑜并不与之计较，最后使程普自己折服。程普道：“与周

8、公瑾交，如饮醇醪，不觉自醉。 ”到宋代时，世人还是很喜欢周瑜，这一点从苏东坡的念奴娇中可以看出。但作者为了塑造主人公，硬是把赤壁之战的主角换成了诸葛亮，周瑜成了心胸狭窄的代名词，从草船借箭、借东风到甘露寺招亲、讨还荆州，周瑜是“赔了夫人又折兵” ，在诸葛亮面前总是技不如人，处处碰壁。历史上的鲁肃也是一代儒将，作战时手不释卷，为东吴立下赫赫战功，但书中把鲁肃塑造成老实得出奇的人2。人物的“灰”的处理运用在版式设计中，既丰富版面内容又衬托主要部分，道理是相通的。 文章标题是“黑” ，是设计师第一眼要传达给读者的，是上例中所说的主人公诸葛亮。那么设计师第二眼要传达给读者的是什么呢？那就是文章内容，它

9、一般放在版心的位置，包括字体、字号、字距、行间、段落、章节、线框、分栏等。中文书籍选用宋体较多，这些宋体便构成版面整体的灰度。如图 5 的内文文字及灰色底图，与“黑”的文章名“文姬归汉”形成对比，增强对主体的强调，四周装饰图形为“灰” ，又增强了版面的空间感，既满足内容的需要，又使灰色的变化丰富多彩，让读者的视线由“黑”到“灰”再到“白” 。 （在三国演义中把“灰”处理成周瑜、鲁肃等人。 ）图 6 是吕敬人先生的作品， “汉学世界”四字为“黑” ，左右两边细弱的文字作为一种装饰文字与实的“汉学世界”形成对比，增强了对主体的强调。 “灰”是“黑”与“白”二者的调节因素，一种过渡形式。如果没有这几

10、层“灰” ，这个版面就不丰富，没有可看的内容，版面也就显得“空” 。就像一个人光有骨头和灵魂，却没有血肉，不丰满、不滋润，没有活力，干巴巴的。 “草蛇灰线，伏延千里” ，这是快餐作品与经典作品的最大区别。红楼梦在这一点上做得最高超，如蒋玉菡与贾宝玉互赠汗巾，贾宝玉又把汗巾转送给袭人，最后袭人与蒋玉菡的结合应了“堪羡优伶有福，谁知公子无缘”的判词，这汗巾便是“线” 。看似无关的笔墨，如莤雪被撵那一节，脂胭斋批语却说：“莤雪至狱神庙方呈正文余只见一次誊清时，狱神庙回有莤雪、红玉一大回文字。 ”这些伏线使文章成为一个完美的整体。裁缝把一块布分割成若干小块，如袖子、领子、前襟、后片，最后用线把这若干小

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

12、 语 “黑” “白” “灰” “线”能处理版面全局与局部、局部与局部的关系，也可以通过明度的强弱，明确视觉层次，引导读者视线，让读者在不知不觉中按编辑的要求，做到先看什么、再看什么、最后看什么，以视线的流动形成版面层次美。如果把一个版面设计比作一个人，那么， “黑”是版面的“骨头” ， “白”是版面的“灵魂” ， “灰”是版面的“血肉” ，“线”是版面的“筋脉” 。在版式设计中，通过对“黑” “白” “灰” “线”的合理使用，使文章与文章、文章与标题和插图之间形成统一变化的有机整体。让读者在享受美感的同时，接受作者想要传达的信息。 注 释 1管佳莺.编排设计M.武汉：湖北美术出版社，2001：1-2 2郑中.三国那些事儿M.北京：中国三峡出版社，2007：96