版式设计中的视觉流程

马建华版式设计中的视觉流程

版式设计中的视觉流程

马建华

（延安大学。延安７１６０００）

摘要：基于版式中的视觉流程设计的根本目的是为了诱导视线，实现信息的有效传递方面，就其类型和设计中应注意的问题进行探讨，提出版式设计中的视觉流程应分为二维、三维及多维３种类型；设计中应注意的问题为逻辑性、节奏感和韵律感、诱导性、个别性４个问题。并对这几方面进行了较为深入的论证。给出了视觉流程设计在版式设计中具有着重要的作用，设计师对其设计的好坏是设计师的版式设计水平高低的直接体现的结论。以期推动版式中视觉流程设计的发展，更好地促进其价值实现。

关键词：版式设计；视觉流程设计；视觉要素中图分类号：Ｊ５２４．１

文献标识码：Ａ文章编号：１００１—３５６３（２００８）０６—０１９１—０３ＶｉｓｕａｌＦｌｏｗｉｎ

Ｆｏｒｍａｔ

Ｄｅｓｉｇｎ

ＭＡＪｉａｎ．ｈｕａ

（ＹａｎａｎＵｎｉｖｅｒｓｉｔｙ。Ｓｈａａｎｘｉ７１６０００－Ｃｈｉｎａ）

ｔｏ

Ａｂｓｔｒａｃｔ：Ｔｈｅｕｌｔｉｍａｔｅｐｕｒｐｏｓｅｏｆｖｉｓｕａｌｆｌｏｗｉｎｆｏｒｍａｔｄｅｓｉｇｎｉｓｉｎｄｕｃｅｐｅｏｐｌｅ§ｓｉｇｈｔ．ｓｏ

ｔｏ

ａｓｔｏｒｅ—

ａｌｉｚｅｅｆｆｅｃｔｉｖｅｔｒａｎｓｍｉｓｓｉｏｎｏｆｉｎｆｏｒｍａｔｉｏｎ．Ｔｈｅｔｙｐｅｓｏｆｆｏｒｍａｔｄｅｓｉｇｎａｎｄｓｏｍｅｐｒｏｂｌｅｍｓｎｅｅｄｔｉｏｎ

ｔｏ

ｐａｙ

ａｔｔｅｎ—

ｉｎｆｏｒｍａｔ

ｄｅｓｉｇｎ

ｗｅｒｅｄｉｓｃｕｓｓｅｄ．Ｉｔｗａｓ

ｐｕｔｆｏｒｗａｒｄｔｈａｔ

ｔｈｅｔｙｐｅｓｏｆ

ｆｏｒｍａｔｄｅｓｉｇｎ

ｗａｓｄｉｖｉｄｅｄｉｎｔｏ

ｔｏ

ｔｗｏ—ｄｉｍｅｎｓｉｏｎａｌｖｉｓｕａｌ，ｔｈｒｅｅ—ｄｉｍｅｎｓｉｏｎａｌａｎｄｍｕｌｔｉ—ｄｉｍｅｎｓｉｏｎａｌｔｈｒｅｅｔｙｐｅｓ：ｐｒｏｂｌｅｍｓｎｅｅｄｔｉｏｎ

ｔｏ

ｐａｙ

ａｔｔｅｎ・

ｉｎｆｏｒｍａｔｄｅｓｉｇｎ

ｗｅｒｅ

ｗｅｒｅ

ｌｏｇｉｃ，ｒｈｙｔｈｍａｎｄ

ｗａｓ

ｓｅｎｓｅ

ｏｆｒｈｙｔｈｍ－ｉｎｄｕｃｔｉｖｉｔｙ－ａｎｄｉｎｄｉｖｉｄｕａｌｉｔｙ．Ｔｈｅ

ａｂｏｖｅ

ｑｕｅｓｔｉｏｎｓ

ｄｉｓｃｕｓｓｅｄ．Ｉｔ

ｃｏｎｃｌｕｄｅｄｔｈａｔｖｉｓｕａｌｆｌｏｗｉｎｆｏｒｍａｔｄｅｓｉｇｎｈａｓｉｍｐｏｒｔａｎｔｆｕｎｃｔｉｏｎ；ｔｈｅｑｕａｌ－

ｔｏ

ｉｔｙｏｆｖｉｓｕａｌｆｌｏｗｄｅｓｉｇｎｉｎｆｏｒｍａｔｄｅｓｉｇｎｉｓｔｈｅｄｉｒｅｃｔｅｍｂｏｄｉｍｅｎｔｏｆｔｈｅｄｅｓｉｇｎｅｒｇｌｅｖｅｌ．Ｔｈｅｐｕｒｐｏｓｅｗａｓ

ｐｒｏｍｏｔｅｔｈｅｄｅｖｅｌｏｐｍｅｎｔｏｆｖｉｓｕａｌｆｌｏｗｄｅｓｉｇｎｉｎｆｏｒｍａｔｄｅｓｉｇｎ．

Ｋｅｙ

ｗｏｒｄｓ：ｆｏｒｍａｔｄｅｓｉｇｎ；ｖｉｓｕａｌｆｌｏｗｄｅｓｉｇｎ；ｖｉｓｕａｌｅｌｅｍｅｎｔ

版式设计，是将有限的视觉元素在一定的空间中进行有机的排列组合，将理性思维个性化地表现出来，是一种具有个人风格和艺术特色的视觉传达方式。它在传达信息的同时，也产生感官上的美感。版式设计应用的范围可涉及到报纸、杂志、书籍、画册、ＤＭ单、挂历、招贴、产品包装、展板、网页、环艺等设计领域，它的设计原理和理论贯穿于每一个视觉传达设计类型。视觉流程是版式设计的一项主要内容，其设计结果即是版式设计。因此，在版式设计中，视觉流程的好坏对其设计效果的优劣起着至关重要的作用。

织地随着设计中的视觉元素迅速、流畅地运动，使观众获取最佳印象，最终实现信息的有效传递。

２版式设计中视觉流程的类型

版式设计中的视觉流程设计可有以下２种分类方法。从视觉流程所处的维度空间的角度看，版式设计中的视觉流程可分为以下３种类型：２．１二维空间中的视觉流程

二维空间是指只有２个维度的空间，即仅有长度和宽度２

ｌ版式设计中视觉流程的概念

版式设计中的视觉流程是一种视觉的。空间的运动。，是观众的视线随各视觉元素在空间沿一定轨迹运动的过程。它在版式设计中的主要作用在于诱导视线，使其能有秩序、有组

收稿日期：２００８４）１－０６；修订日期：２００８－０５．０４

个要素所组成的平面空间。由于空间的限定，观众的视线只能在其中的一个平面范围内流动，它是现代艺术设计领域中已经开始重视的一种视觉流程类型。常见有：光盘封面及书籍、挂

历、网站设计等中的每一个视觉页面。

作者简介：马建华（１９７０一），延安人，延安大学讲师，主要研究方向为视觉传达与多媒体设计。

１９１

万方数据　

２．２三维空间中的视觉流程

三维空间是指具有长、宽、高３个维度的空间，即表现出物体的纵深、高度和它的觅度的立体空间。这一类型的视觉流程设计较前一种复杂，其中不仅要考虑每一个二维空间中的视觉流程，而且还要考虑与另一个维度之间的视觉流程。这种类型常见有：书籍装帧设计、包装设计、展示设计等多个版面的设计。

２．３多维空间中的视觉流程

多维空间是指在同一画面上同时出现２种以上三维空间关系组合的特殊造型方式，也有人将三维空间加上时间形成的四维空间叫做多维空间¨１。多维空间中的视觉流程是指观众的视线打破单一静止的画面，使本来前后遮挡的几个或更多的视觉页面的组成元素融合到一起。形成多层次、丰富的空间效果。其根本的目的就是创造丰富多样的视觉效果，引起丰富的联想，同时与页面的主题相呼应¨１。在现代网页、书籍装帧及交互式多媒体等设计中有所运用。

另外，从视觉流动的形式方面，又一般可分为线型视觉流程、焦点视觉流程、反复视觉流程、导向视觉流程、散点视觉流程等。

３版式中的视觉流程设计应注意的问题

在版式设计中，能否组织好自然流畅的视觉流程，并得到灵活而合理的运用，使观众的视线按照设计者的意图进行阅读，使其按照合理的顺序、快捷的途径和有效的感知方式，将直接影响到所传达信息的准确性与有效性。为此，设计师在设计过程中应注意以下几方面的问题。

重视视觉流程的逻辑性

人类的视觉特性决定了视觉流程的形成。表现视线只能

产生一个焦点，而不能同时停留在两处或两处以上的地方。所以人们在阅读一种信息时，视觉总有一种自然的流动习惯，先看什么，后看什么，再看什么。视觉流程往往会体现出比较明显的方向感。如：当在同一视觉页面中时，视觉流动的方向一般表现为：从上到下、从左到右，呈现出由左上方沿弧形线向右下方的移动的方向；从动态到静态；从明到暗；及关注内容和形式紧密相关的信息等。并且，心理学研究表明：人的视线在一个既定的平面内注意力的分布不均衡，注意力最大的是上部、左部和中上，见图ｌ。

４０％

２０％

２５％

１５％

图ｌ

视觉注意力在平面中的分布

Ｆｉｇ．１

Ｄｉｓｔｒｉｂｕｔｉｏｎｏｆａｔｔｅｎｔｉｏｎｉｎｐｌａｎｅ

因此，版式设计中好的视觉流程，应该是符合人们认识过１９２

万　

方数据包装工程ＰＡＣＫＡＧＩＮＧ

ＥＮＧＩＮＥＥＲＩＮＧＶ０１．２９Ｎｏ．６２００８．０６

程的心理顺序和思维发展的逻辑顺序。即能让视线沿着一条既自然又合理的线路畅快地流动，使版式设计中的视觉流程形成一个无形的脉络，似乎一条线、一股气贯穿其中，形成逻辑性极强的视觉流程¨Ｊ。在现代交互式艺术设计中，读者往往是通过与计算机的互动来实现在显示器上的阅读，由于它总是以

单页面的显示形式出现，所以，当观众要实现对下一页面的阅读，需通过对其中的热区进行互动点击。这时，为了使２个视觉页面之间视觉流程具有紧密的逻辑关系，就可通过对人的视

觉惯性的把握来实现，即当前视觉页面的热点目标所处的位置，应谚是下一视觉页面转场动画的发出点，见图２。

图２热点目标所处位置与转场动画之间的关系

Ｆｉｇ．２Ｒｅｌａｔｉｏｎｂｅｔｗｅｅｎｈｏｔｓｐｏｔｐｏｓｉｔｉｏｎ

ａｎｄ

ｓｃｅｎｅ

ｔｒａｎｓｆｏｒｍｉｎｇ

ｃａｒｔｏｏｎ

３．２把握视觉流程的节奏感和韵律感

节奏和韵律是形式的审美要素。在版式设计的视觉流程设计中，节奏是一种视觉心理的“运动秩序”，是一种空间秩序，是视觉元素在空间中持续有秩序地虚实、强弱的变化¨ｏ。它是通过将其中的基本视觉元素以相同或相似的顺序重复、交替、渐变地进行排列组合来获得节奏感。韵律则是在节奏基础上更超越现形的起伏、流畅、和谐，使设计作品更加优美生动、富于变化。节奏和韵律产生的形式感，能使设计形成某种特定的情调，牵动人的感情，引起观者的共鸣；创造出形象鲜明、形式独特，具有极强诉求力的设计作品¨ｏ。

实现对一个版式中视觉流程中节奏与韵律的把握，可将其中的基本视觉元素按照一定的条理、秩序、重复等手法进行渐变、大小、长短，明暗、形状、高低等的排列构成，形成一种律动

形式，即节奏。而后，在节奏中注入美的因素和情感——个性

化，就有了韵律，韵律就好比是音乐中的旋律，不但有节奏更有情调，它能增强版面的感染力，开阔艺术的表现力。这样的视觉流程设计层次分明、富有韵律，可让观众的视觉有张弛感，产生阅读的愉悦，使设计作品百看不厌ＭＪ。

３．３

强化视觉流程的诱导性

版面中视觉流程设计的根本目的是为了左右观者的视线，

诱导其按照设计者的意图进行阅读。所以，进行设计时，当设

计师对一个版式有一个比较系统的总体设计和构想之后，就应该根据各种视觉元素的主次进行方向性暗示、视域优选，将这些元素融会贯通，以实现贯穿于整个视觉流程的诱导。具体方法为：可借助形态的动势、人物的手势、面向、眼神、标题、警句、

说明文的编排指向、指示标志等，使观者的视线按一定方向顺

３．１

马建华版式设计中的视觉流程

利地运动，形成由大到小、由主到次的程序，使设计的各视觉要素次第串联起来，实现信息的有效传递。

还可以从设计造型和材料上着手加以考虑。例如我国书籍装帧大师吕敬人先生设计的《吕敬人书籍设计２号》，图３

设计师在进行版式中的视觉流程设计时，只有依据不同的设计要求，通过对版式设计中逻辑性、诱导性、节奏感和韵律感、及其个别性展示的重视，使它们能贯穿于视觉流程设计的始终，这样，才能形成具有特色的视觉流程设计形式。

４结语

综上所述，视觉流程在版式设计中具有重要的作用。一个好的结构和流畅的视觉流程，能够引导观众的视线按照设计师的意图，以合理的顺序，快捷的途径，有效的感知方式，去获取

图３吕敬人书籍设计２号

Ｆｉｇ．３ＬＵ

最佳的视觉印象，实现信息的有效传达，起到以一当十的效果¨Ｊ。可以说，版式设计中视觉流程设计的好坏可以是设计师版式设计水平高低的直接体现。

Ｊｉｎｇ－ｒｅｎｂｏｏｋｄｅｓｉｇｎＮｏ．２

造型和半透明材质，很好地实现了对读者视觉流程的诱导，使读者产生神秘感，吸引着深入阅读其书籍的每一页面。３．４展示视觉流程的个别性

个别性是指事物的特性，即矛盾的特殊性，或一个事物区别于其它事物的特征‘”。版式设计中视觉流程的个别性，是指它在实现其基本功能的同时所体现出来的独具的特点。

视觉流程有一些基本的规律，但并不是一成不变的，设计师也可根据具体的需要设计出具有个别性的视觉流程。在设

参考文献：

［１］李安东。等．新概念设计素描［Ｍ］．北京：化学工业出版社，２００６．［２］张旭生，等・网页版式设计指南［Ｍ］．北京：围防工业出版，２００４・

Ｉｓ］王俊－型录设计［Ｍ］・上海：上海人民美术ｍ版社，２００６・［４］苟双晓，等・包装视觉语法［Ｊ］・包装ｌ：程，２００６，２７（５）：１７１．［５］门德来，伍胜＿现代平面广告设计ｃ１５企业战略［Ｍ］・西安：西安

盐时：掣罂黧塑譬定爹鬯孽矍磐黧兰；黧黑㈧薹霎銮篇等笔＝赢北京冲国经济出龇：瞄．

将理性思维个性化地表现出来。采用不常用的视觉流程将版式中的视觉元素进行排序，抓住主动因素让观者按照自己的引导移向下一个内容。使观者的注意力完全被设计师左右，在获得信息的同时，也产生感官上的美感和精神上的享受。

［Ｊ］．包装工程，２００７，２８（４）：１７１．２００６，２７（１）：１４７．

｝７；三建；，三关４民！≤售艺≤妄；晶幕妄苫兰化；主羞个性化问题

［８］张苏，周文辉．论视觉流程在招贴设计中的应用［Ｊ］．包装工程，

（上接第１８４页）

喷涂、在线检测等先进技术，保证实现玻璃瓶罐的轻量化；一些国家正在开发新型瓶罐表面增强技术，试图进一步降低瓶罐重量，目前流行的塑料薄膜套杯，也有利于玻璃瓶罐的轻量化；ＩＩＺ外，还可以选用多组、多滴料的成型机以提高玻璃的成型速度。

综上所述，随着资源、能源的日趋紧张，构筑循环经济社

４５．

［２］晋虹．纸袋子并不比塑料袋更环保［Ｎ］．北京日报，２００７—０４—０８

（５）．

［３］郅庄．纸包装材料的发展趋势［Ｎ］．中国包装报，２００７一ＯＩ一１７

（２）．

会，走可持续发展道路已成为全球关注的焦点和迫切任务，并

成为各行各业的发展及人类活动的准则。包装材料也不例外，除了要满足市场对包装质量和数量等日益提高的要求外，还应向拓宽应用领域以及包装与环保谐调发展等方向努力。应积极发展绿色包装，提高回收利用率，努力开发多功能、无污染的新型包装材料。

［４］张小．可食性包装：演绎食品包装的新潮流［Ｊ］．中国包装，２００６

（１）：９６．

［５］

卜丽娜．白色污染［Ｊ］．吉林粮食高等专科学校学报，２００５，２０

（３）：ｌｌ—１３．

［６］张凤林，郭钟宁，李瑞京．包装材料发展与环境保护［Ｊ］．包装工程，１９９９，２０（４）：５３—５４，５７．

［７］戴宏民，戴佩华．绿色包装材料的研发进展和我国的发展对策

［Ｊ］．包装Ｔ＝程，２００４，２５（５）５—７，２９．

参考文献：

［１］黄慧琴．论包装与环境的关系［Ｊ］．包装工程，１９９９，２０（１）：４４—

［８］

黄跃．绿色包装材料浅探［Ｊ］．南平师专学报，２００６，２５（２）：３４—

３９．

１９３

万方数据　

版式设计中的视觉流程

作者：作者单位：刊名：英文刊名：年，卷(期)：被引用次数：

马建华， MA Jian-hua延安大学,延安,716000包装工程

PACKAGING ENGINEERING2008,29(6)2次

参考文献(8条)

1.张苏;周文辉 论视觉流程在招贴设计中的应用[期刊论文]-包装工程 2006(01)

2.马建华;王家民 销售包装设计的形式陌生化与意蕴个性化问题[期刊论文]-包装工程 2007(04)3.范云峰 营销广告策划 2004

4.门德来;伍胜 现代平面广告设计CIS企业战略 19945.苟双晓 包装视觉语法[期刊论文]-包装工程 2006(05)6.王俊 型录设计 2006

7.张旭生 网页版式设计指南 20048.李安东 新概念设计素描 2006

本文读者也读过(9条)

1. 黄洪澜.Huang Honglan 浅谈版面中的视觉流程设计[期刊论文]-学理论2009(30)2. 姚馨 书籍装帧中的自由版式设计[期刊论文]-新闻爱好者(下半月)2009(8)3. 于萌萌 浅析版式设计的视觉传达魅力[期刊论文]-中国科技博览2011(9)4. 甄建兰 点、线、面形式要素在版式设计中的妙用[期刊论文]-青年文学家2011(2)5. 樊珊珊 浅谈版式设计中的点、线、面[期刊论文]-新西部（下半月）2008(11)6. 王嘉逸 版式设计在书籍装帧中的应用[期刊论文]-北方文学(下半月)2010(4)7. 张艳 形式美法则在版式设计中的应用[期刊论文]-黑龙江科技信息2010(20)8. 尹岩.尹然 版式设计应重视整体布局[期刊论文]-科技与出版2008(6)

9. 程新浩.CHENG Xin-hao 空间与平面的碰撞——平面不平版式设计艺术魅力探析[期刊论文]-青海师范大学学报（哲学社会科学版）2008(1)

引证文献(2条)

1.牟洁.王世伦 Web教学网页的视觉牵引初探[期刊论文]-兵工自动化 2010(1)

2.牟洁.王世伦 Web教学网页中的视觉干扰及其控制[期刊论文]-攀枝花学院学报（综合版） 2009(6)

本文链接：http://d.g.wanfangdata.com.cn/Periodical_bzgc200806070.aspx

马建华版式设计中的视觉流程

版式设计中的视觉流程

马建华

（延安大学。延安７１６０００）

摘要：基于版式中的视觉流程设计的根本目的是为了诱导视线，实现信息的有效传递方面，就其类型和设计中应注意的问题进行探讨，提出版式设计中的视觉流程应分为二维、三维及多维３种类型；设计中应注意的问题为逻辑性、节奏感和韵律感、诱导性、个别性４个问题。并对这几方面进行了较为深入的论证。给出了视觉流程设计在版式设计中具有着重要的作用，设计师对其设计的好坏是设计师的版式设计水平高低的直接体现的结论。以期推动版式中视觉流程设计的发展，更好地促进其价值实现。

关键词：版式设计；视觉流程设计；视觉要素中图分类号：Ｊ５２４．１

文献标识码：Ａ文章编号：１００１—３５６３（２００８）０６—０１９１—０３ＶｉｓｕａｌＦｌｏｗｉｎ

Ｆｏｒｍａｔ

Ｄｅｓｉｇｎ

ＭＡＪｉａｎ．ｈｕａ

（ＹａｎａｎＵｎｉｖｅｒｓｉｔｙ。Ｓｈａａｎｘｉ７１６０００－Ｃｈｉｎａ）

ｔｏ

Ａｂｓｔｒａｃｔ：Ｔｈｅｕｌｔｉｍａｔｅｐｕｒｐｏｓｅｏｆｖｉｓｕａｌｆｌｏｗｉｎｆｏｒｍａｔｄｅｓｉｇｎｉｓｉｎｄｕｃｅｐｅｏｐｌｅ§ｓｉｇｈｔ．ｓｏ

ｔｏ

ａｓｔｏｒｅ—

ａｌｉｚｅｅｆｆｅｃｔｉｖｅｔｒａｎｓｍｉｓｓｉｏｎｏｆｉｎｆｏｒｍａｔｉｏｎ．Ｔｈｅｔｙｐｅｓｏｆｆｏｒｍａｔｄｅｓｉｇｎａｎｄｓｏｍｅｐｒｏｂｌｅｍｓｎｅｅｄｔｉｏｎ

ｔｏ

ｐａｙ

ａｔｔｅｎ—

ｉｎｆｏｒｍａｔ

ｄｅｓｉｇｎ

ｗｅｒｅｄｉｓｃｕｓｓｅｄ．Ｉｔｗａｓ

ｐｕｔｆｏｒｗａｒｄｔｈａｔ

ｔｈｅｔｙｐｅｓｏｆ

ｆｏｒｍａｔｄｅｓｉｇｎ

ｗａｓｄｉｖｉｄｅｄｉｎｔｏ

ｔｏ

ｔｗｏ—ｄｉｍｅｎｓｉｏｎａｌｖｉｓｕａｌ，ｔｈｒｅｅ—ｄｉｍｅｎｓｉｏｎａｌａｎｄｍｕｌｔｉ—ｄｉｍｅｎｓｉｏｎａｌｔｈｒｅｅｔｙｐｅｓ：ｐｒｏｂｌｅｍｓｎｅｅｄｔｉｏｎ

ｔｏ

ｐａｙ

ａｔｔｅｎ・

ｉｎｆｏｒｍａｔｄｅｓｉｇｎ

ｗｅｒｅ

ｗｅｒｅ

ｌｏｇｉｃ，ｒｈｙｔｈｍａｎｄ

ｗａｓ

ｓｅｎｓｅ

ｏｆｒｈｙｔｈｍ－ｉｎｄｕｃｔｉｖｉｔｙ－ａｎｄｉｎｄｉｖｉｄｕａｌｉｔｙ．Ｔｈｅ

ａｂｏｖｅ

ｑｕｅｓｔｉｏｎｓ

ｄｉｓｃｕｓｓｅｄ．Ｉｔ

ｃｏｎｃｌｕｄｅｄｔｈａｔｖｉｓｕａｌｆｌｏｗｉｎｆｏｒｍａｔｄｅｓｉｇｎｈａｓｉｍｐｏｒｔａｎｔｆｕｎｃｔｉｏｎ；ｔｈｅｑｕａｌ－

ｔｏ

ｉｔｙｏｆｖｉｓｕａｌｆｌｏｗｄｅｓｉｇｎｉｎｆｏｒｍａｔｄｅｓｉｇｎｉｓｔｈｅｄｉｒｅｃｔｅｍｂｏｄｉｍｅｎｔｏｆｔｈｅｄｅｓｉｇｎｅｒｇｌｅｖｅｌ．Ｔｈｅｐｕｒｐｏｓｅｗａｓ

ｐｒｏｍｏｔｅｔｈｅｄｅｖｅｌｏｐｍｅｎｔｏｆｖｉｓｕａｌｆｌｏｗｄｅｓｉｇｎｉｎｆｏｒｍａｔｄｅｓｉｇｎ．

Ｋｅｙ

ｗｏｒｄｓ：ｆｏｒｍａｔｄｅｓｉｇｎ；ｖｉｓｕａｌｆｌｏｗｄｅｓｉｇｎ；ｖｉｓｕａｌｅｌｅｍｅｎｔ

版式设计，是将有限的视觉元素在一定的空间中进行有机的排列组合，将理性思维个性化地表现出来，是一种具有个人风格和艺术特色的视觉传达方式。它在传达信息的同时，也产生感官上的美感。版式设计应用的范围可涉及到报纸、杂志、书籍、画册、ＤＭ单、挂历、招贴、产品包装、展板、网页、环艺等设计领域，它的设计原理和理论贯穿于每一个视觉传达设计类型。视觉流程是版式设计的一项主要内容，其设计结果即是版式设计。因此，在版式设计中，视觉流程的好坏对其设计效果的优劣起着至关重要的作用。

织地随着设计中的视觉元素迅速、流畅地运动，使观众获取最佳印象，最终实现信息的有效传递。

２版式设计中视觉流程的类型

版式设计中的视觉流程设计可有以下２种分类方法。从视觉流程所处的维度空间的角度看，版式设计中的视觉流程可分为以下３种类型：２．１二维空间中的视觉流程

二维空间是指只有２个维度的空间，即仅有长度和宽度２

ｌ版式设计中视觉流程的概念

版式设计中的视觉流程是一种视觉的。空间的运动。，是观众的视线随各视觉元素在空间沿一定轨迹运动的过程。它在版式设计中的主要作用在于诱导视线，使其能有秩序、有组

收稿日期：２００８４）１－０６；修订日期：２００８－０５．０４

个要素所组成的平面空间。由于空间的限定，观众的视线只能在其中的一个平面范围内流动，它是现代艺术设计领域中已经开始重视的一种视觉流程类型。常见有：光盘封面及书籍、挂

历、网站设计等中的每一个视觉页面。

作者简介：马建华（１９７０一），延安人，延安大学讲师，主要研究方向为视觉传达与多媒体设计。

１９１

万方数据　

２．２三维空间中的视觉流程

三维空间是指具有长、宽、高３个维度的空间，即表现出物体的纵深、高度和它的觅度的立体空间。这一类型的视觉流程设计较前一种复杂，其中不仅要考虑每一个二维空间中的视觉流程，而且还要考虑与另一个维度之间的视觉流程。这种类型常见有：书籍装帧设计、包装设计、展示设计等多个版面的设计。

２．３多维空间中的视觉流程

多维空间是指在同一画面上同时出现２种以上三维空间关系组合的特殊造型方式，也有人将三维空间加上时间形成的四维空间叫做多维空间¨１。多维空间中的视觉流程是指观众的视线打破单一静止的画面，使本来前后遮挡的几个或更多的视觉页面的组成元素融合到一起。形成多层次、丰富的空间效果。其根本的目的就是创造丰富多样的视觉效果，引起丰富的联想，同时与页面的主题相呼应¨１。在现代网页、书籍装帧及交互式多媒体等设计中有所运用。

另外，从视觉流动的形式方面，又一般可分为线型视觉流程、焦点视觉流程、反复视觉流程、导向视觉流程、散点视觉流程等。

３版式中的视觉流程设计应注意的问题

在版式设计中，能否组织好自然流畅的视觉流程，并得到灵活而合理的运用，使观众的视线按照设计者的意图进行阅读，使其按照合理的顺序、快捷的途径和有效的感知方式，将直接影响到所传达信息的准确性与有效性。为此，设计师在设计过程中应注意以下几方面的问题。

重视视觉流程的逻辑性

人类的视觉特性决定了视觉流程的形成。表现视线只能

产生一个焦点，而不能同时停留在两处或两处以上的地方。所以人们在阅读一种信息时，视觉总有一种自然的流动习惯，先看什么，后看什么，再看什么。视觉流程往往会体现出比较明显的方向感。如：当在同一视觉页面中时，视觉流动的方向一般表现为：从上到下、从左到右，呈现出由左上方沿弧形线向右下方的移动的方向；从动态到静态；从明到暗；及关注内容和形式紧密相关的信息等。并且，心理学研究表明：人的视线在一个既定的平面内注意力的分布不均衡，注意力最大的是上部、左部和中上，见图ｌ。

４０％

２０％

２５％

１５％

图ｌ

视觉注意力在平面中的分布

Ｆｉｇ．１

Ｄｉｓｔｒｉｂｕｔｉｏｎｏｆａｔｔｅｎｔｉｏｎｉｎｐｌａｎｅ

因此，版式设计中好的视觉流程，应该是符合人们认识过１９２

万　

方数据包装工程ＰＡＣＫＡＧＩＮＧ

ＥＮＧＩＮＥＥＲＩＮＧＶ０１．２９Ｎｏ．６２００８．０６

程的心理顺序和思维发展的逻辑顺序。即能让视线沿着一条既自然又合理的线路畅快地流动，使版式设计中的视觉流程形成一个无形的脉络，似乎一条线、一股气贯穿其中，形成逻辑性极强的视觉流程¨Ｊ。在现代交互式艺术设计中，读者往往是通过与计算机的互动来实现在显示器上的阅读，由于它总是以

单页面的显示形式出现，所以，当观众要实现对下一页面的阅读，需通过对其中的热区进行互动点击。这时，为了使２个视觉页面之间视觉流程具有紧密的逻辑关系，就可通过对人的视

觉惯性的把握来实现，即当前视觉页面的热点目标所处的位置，应谚是下一视觉页面转场动画的发出点，见图２。

图２热点目标所处位置与转场动画之间的关系

Ｆｉｇ．２Ｒｅｌａｔｉｏｎｂｅｔｗｅｅｎｈｏｔｓｐｏｔｐｏｓｉｔｉｏｎ

ａｎｄ

ｓｃｅｎｅ

ｔｒａｎｓｆｏｒｍｉｎｇ

ｃａｒｔｏｏｎ

３．２把握视觉流程的节奏感和韵律感

节奏和韵律是形式的审美要素。在版式设计的视觉流程设计中，节奏是一种视觉心理的“运动秩序”，是一种空间秩序，是视觉元素在空间中持续有秩序地虚实、强弱的变化¨ｏ。它是通过将其中的基本视觉元素以相同或相似的顺序重复、交替、渐变地进行排列组合来获得节奏感。韵律则是在节奏基础上更超越现形的起伏、流畅、和谐，使设计作品更加优美生动、富于变化。节奏和韵律产生的形式感，能使设计形成某种特定的情调，牵动人的感情，引起观者的共鸣；创造出形象鲜明、形式独特，具有极强诉求力的设计作品¨ｏ。

实现对一个版式中视觉流程中节奏与韵律的把握，可将其中的基本视觉元素按照一定的条理、秩序、重复等手法进行渐变、大小、长短，明暗、形状、高低等的排列构成，形成一种律动

形式，即节奏。而后，在节奏中注入美的因素和情感——个性

化，就有了韵律，韵律就好比是音乐中的旋律，不但有节奏更有情调，它能增强版面的感染力，开阔艺术的表现力。这样的视觉流程设计层次分明、富有韵律，可让观众的视觉有张弛感，产生阅读的愉悦，使设计作品百看不厌ＭＪ。

３．３

强化视觉流程的诱导性

版面中视觉流程设计的根本目的是为了左右观者的视线，

诱导其按照设计者的意图进行阅读。所以，进行设计时，当设

计师对一个版式有一个比较系统的总体设计和构想之后，就应该根据各种视觉元素的主次进行方向性暗示、视域优选，将这些元素融会贯通，以实现贯穿于整个视觉流程的诱导。具体方法为：可借助形态的动势、人物的手势、面向、眼神、标题、警句、

说明文的编排指向、指示标志等，使观者的视线按一定方向顺

３．１

马建华版式设计中的视觉流程

利地运动，形成由大到小、由主到次的程序，使设计的各视觉要素次第串联起来，实现信息的有效传递。

还可以从设计造型和材料上着手加以考虑。例如我国书籍装帧大师吕敬人先生设计的《吕敬人书籍设计２号》，图３

设计师在进行版式中的视觉流程设计时，只有依据不同的设计要求，通过对版式设计中逻辑性、诱导性、节奏感和韵律感、及其个别性展示的重视，使它们能贯穿于视觉流程设计的始终，这样，才能形成具有特色的视觉流程设计形式。

４结语

综上所述，视觉流程在版式设计中具有重要的作用。一个好的结构和流畅的视觉流程，能够引导观众的视线按照设计师的意图，以合理的顺序，快捷的途径，有效的感知方式，去获取

图３吕敬人书籍设计２号

Ｆｉｇ．３ＬＵ

最佳的视觉印象，实现信息的有效传达，起到以一当十的效果¨Ｊ。可以说，版式设计中视觉流程设计的好坏可以是设计师版式设计水平高低的直接体现。

Ｊｉｎｇ－ｒｅｎｂｏｏｋｄｅｓｉｇｎＮｏ．２

造型和半透明材质，很好地实现了对读者视觉流程的诱导，使读者产生神秘感，吸引着深入阅读其书籍的每一页面。３．４展示视觉流程的个别性

个别性是指事物的特性，即矛盾的特殊性，或一个事物区别于其它事物的特征‘”。版式设计中视觉流程的个别性，是指它在实现其基本功能的同时所体现出来的独具的特点。

视觉流程有一些基本的规律，但并不是一成不变的，设计师也可根据具体的需要设计出具有个别性的视觉流程。在设

参考文献：

［１］李安东。等．新概念设计素描［Ｍ］．北京：化学工业出版社，２００６．［２］张旭生，等・网页版式设计指南［Ｍ］．北京：围防工业出版，２００４・

Ｉｓ］王俊－型录设计［Ｍ］・上海：上海人民美术ｍ版社，２００６・［４］苟双晓，等・包装视觉语法［Ｊ］・包装ｌ：程，２００６，２７（５）：１７１．［５］门德来，伍胜＿现代平面广告设计ｃ１５企业战略［Ｍ］・西安：西安

盐时：掣罂黧塑譬定爹鬯孽矍磐黧兰；黧黑㈧薹霎銮篇等笔＝赢北京冲国经济出龇：瞄．

将理性思维个性化地表现出来。采用不常用的视觉流程将版式中的视觉元素进行排序，抓住主动因素让观者按照自己的引导移向下一个内容。使观者的注意力完全被设计师左右，在获得信息的同时，也产生感官上的美感和精神上的享受。

［Ｊ］．包装工程，２００７，２８（４）：１７１．２００６，２７（１）：１４７．

｝７；三建；，三关４民！≤售艺≤妄；晶幕妄苫兰化；主羞个性化问题

［８］张苏，周文辉．论视觉流程在招贴设计中的应用［Ｊ］．包装工程，

（上接第１８４页）

喷涂、在线检测等先进技术，保证实现玻璃瓶罐的轻量化；一些国家正在开发新型瓶罐表面增强技术，试图进一步降低瓶罐重量，目前流行的塑料薄膜套杯，也有利于玻璃瓶罐的轻量化；ＩＩＺ外，还可以选用多组、多滴料的成型机以提高玻璃的成型速度。

综上所述，随着资源、能源的日趋紧张，构筑循环经济社

４５．

［２］晋虹．纸袋子并不比塑料袋更环保［Ｎ］．北京日报，２００７—０４—０８

（５）．

［３］郅庄．纸包装材料的发展趋势［Ｎ］．中国包装报，２００７一ＯＩ一１７

（２）．

会，走可持续发展道路已成为全球关注的焦点和迫切任务，并

成为各行各业的发展及人类活动的准则。包装材料也不例外，除了要满足市场对包装质量和数量等日益提高的要求外，还应向拓宽应用领域以及包装与环保谐调发展等方向努力。应积极发展绿色包装，提高回收利用率，努力开发多功能、无污染的新型包装材料。

［４］张小．可食性包装：演绎食品包装的新潮流［Ｊ］．中国包装，２００６

（１）：９６．

［５］

卜丽娜．白色污染［Ｊ］．吉林粮食高等专科学校学报，２００５，２０

（３）：ｌｌ—１３．

［６］张凤林，郭钟宁，李瑞京．包装材料发展与环境保护［Ｊ］．包装工程，１９９９，２０（４）：５３—５４，５７．

［７］戴宏民，戴佩华．绿色包装材料的研发进展和我国的发展对策

［Ｊ］．包装Ｔ＝程，２００４，２５（５）５—７，２９．

参考文献：

［１］黄慧琴．论包装与环境的关系［Ｊ］．包装工程，１９９９，２０（１）：４４—

［８］

黄跃．绿色包装材料浅探［Ｊ］．南平师专学报，２００６，２５（２）：３４—

３９．

１９３

万方数据　

版式设计中的视觉流程

作者：作者单位：刊名：英文刊名：年，卷(期)：被引用次数：

马建华， MA Jian-hua延安大学,延安,716000包装工程

PACKAGING ENGINEERING2008,29(6)2次

参考文献(8条)

1.张苏;周文辉 论视觉流程在招贴设计中的应用[期刊论文]-包装工程 2006(01)

2.马建华;王家民 销售包装设计的形式陌生化与意蕴个性化问题[期刊论文]-包装工程 2007(04)3.范云峰 营销广告策划 2004

4.门德来;伍胜 现代平面广告设计CIS企业战略 19945.苟双晓 包装视觉语法[期刊论文]-包装工程 2006(05)6.王俊 型录设计 2006

7.张旭生 网页版式设计指南 20048.李安东 新概念设计素描 2006

本文读者也读过(9条)

1. 黄洪澜.Huang Honglan 浅谈版面中的视觉流程设计[期刊论文]-学理论2009(30)2. 姚馨 书籍装帧中的自由版式设计[期刊论文]-新闻爱好者(下半月)2009(8)3. 于萌萌 浅析版式设计的视觉传达魅力[期刊论文]-中国科技博览2011(9)4. 甄建兰 点、线、面形式要素在版式设计中的妙用[期刊论文]-青年文学家2011(2)5. 樊珊珊 浅谈版式设计中的点、线、面[期刊论文]-新西部（下半月）2008(11)6. 王嘉逸 版式设计在书籍装帧中的应用[期刊论文]-北方文学(下半月)2010(4)7. 张艳 形式美法则在版式设计中的应用[期刊论文]-黑龙江科技信息2010(20)8. 尹岩.尹然 版式设计应重视整体布局[期刊论文]-科技与出版2008(6)

9. 程新浩.CHENG Xin-hao 空间与平面的碰撞——平面不平版式设计艺术魅力探析[期刊论文]-青海师范大学学报（哲学社会科学版）2008(1)

引证文献(2条)

1.牟洁.王世伦 Web教学网页的视觉牵引初探[期刊论文]-兵工自动化 2010(1)

2.牟洁.王世伦 Web教学网页中的视觉干扰及其控制[期刊论文]-攀枝花学院学报（综合版） 2009(6)

本文链接：http://d.g.wanfangdata.com.cn/Periodical_bzgc200806070.aspx