基于视知觉视角下动态插画设计研究

张艳

摘 要：动态插画设计的关键在于依托图形、色彩、文字等视觉语言的运用来进行创作，并且插入时间轴和音频文件来增加其动感和视觉冲击力及情境营造，视觉语言是其信息传达的核心。视知觉规律能够帮助有效传递视觉信息，为了有效表达，设计师们需重视视知觉规律来指导创作。

关键词：插画;动态插画;视知觉

中图分类号：J218文献标识码：A 文章编号：2096-0905（2020）05-00-02

当下社会文化注重各学科的交集研究。跨学科的研究拓展了艺术的发展空间，所以从视知觉视角下对动态插画进行研究，要求创作者了解人的生理和心理需求，依赖视知觉的功能和运作规律创作出更符合人性的作品。

一、动态插画设计概述

插画艺术在国内外有深厚的历史根源，是对语言的注释说明，帮助理解文本含义。随着科技的发展，数字媒体出现，使得插画艺术具备更多的传达和表现方式，更注重于趣味、意境及更深层次理念表达，是情感文化的视觉载体。[1]计算机图形绘制产生和成熟，比如Photoshop、Illustrator、Cinema4D、Sai等软件的进一步开发，为动态插画奠定了深厚根基。所以，动态插画的产生是时代发展的必然趋势，也是科技与艺术的结晶。

动态插画是画面中具有动势变化的插图，以插画为画面的基本形式，并在此基础上插入时间线融合各元素。但从技术层面而言，动态插画的制作并没有创造新的情景与故事情节，而是将需要动的部分单独放置一个图层，融入时间轴添加帧数，通过局部拉升、位移等方法来合成动态效果，加深人们对画面的感知。[3]在视觉，听觉等多方面刺激人的感官，因此，动态插画具有动感和更强视觉冲击力以及营造氛围和情境，所以能够更清晰地传递画面所流露的情感与理念，用双向互动模式吸引读者。

目前插画动态化设计是趋势，在视觉传达设计的多领域都有应用，比如动态插画可融合在电子书、平面广告设计、虚拟包装设计、UI界面设计、标志创新設计等。但是目前市面上的动态插画水准参差不齐，如何设计出让大众喜闻乐见的作品是设计师们需要关注和思考的问题。

二、视知觉的相关理论

所谓视知觉包括视觉接受、认知，是人眼睛经过视觉刺激后传送到人脑接收与分析辨识的过程。[2]感觉与知觉是人类最原始、最基本的心理现象，两者总能联系在一起，感觉在心理层面是指眼、鼻、舌、皮肤等感官上对事物的认识，而知觉是对客观事物整体性的反映，并对所反映的事物相比客观自然具有简化性。

与此同时知觉是建立在感觉的基础上产生，二者相辅相成。

视觉的发生过程是眼睛、大脑、光、物体这四种物质进行能量交换的过程。人类通过眼睛选择感兴趣的事物经过物理领域、生理领域、心理领域三个阶段感知世界的过程叫作视知觉，也称之为视觉心理。视觉现象的产生是一个生理和心理相辅相成的过程。具有高度的选择性，能把握基本特征，认识事物本质。还可发挥以往经验的作用，可对视觉信息加工。正如阿恩海姆在《艺术与视知觉》提到“视觉在周围的空间移动着，哪有事物存在，它就进入哪里，一旦发现事物以后，它就触动它们，捕捉它们们，扫描他们的表面，寻找他们的边界，探究他们的质地。因此视觉完完全全是一种积极的活动”。[2]这句话正说明了视觉不只是个感知的过程，具有选择性和思维整体性。

总而言之，视知觉的基本规律有整体性、选择性、简化性。这些研究为视觉艺术提供了借鉴与参考。人们了解视觉产生的潜在规律，从而帮助创作者运用准确、有效的方式进行视觉表达。

三、视知觉规律在动态插画中的应用

视知觉在现代视觉传达设计中的应用非常广泛，对视知觉原理知识的学习是非常必要的。动态插画艺术作为一种独特的视觉传达艺术，通过感官来唤起观者情感共鸣以达到创作目的。因此动态插画的创作要注重与观者之间的双向互动，才能引起观者思想产生共鸣，并充分了解作品的寓意。所以，对视知觉的研究有助于创作出更优质的动态插画作品。

（一）整体性规律在动态插画中的运用

整体性规律在动态插画设计中的应用指的是图像、文字、色彩等各个组成要素之间的相互组合。运用整体性规律能够使动态插画的整体效果得到提升，将插画设计师想要表达的信息，完整地呈现在观者的面前，使观者、设计师、信息之间产生一致的思维、感受，达到高效传递信息。

动态插画应用范围广泛，所以其选取题材广泛、彰显内涵丰富且达到心理认同。这里需要挑选的元素包括颜色、 图形、文字、音频等，各个元素之间相互配合，内容丰富但有秩序性和趣味性。这需要创作者，辩证的处理画面整体和局部关系。例如，奇思“渺”想——中国二十四节气动态插画，作品用动态插画的方式描述了中国传统二十四节气的特点，整套作品充满童趣，以一个穿红色衣服的小女孩为主角充斥其中来带领观者经历每一个节气的特质与美好。其中图一在描述小满这一节气时非常有趣，把贯穿作品的穿红色衣服的女主化身为飞舞的蝴蝶穿梭于麦田中追赶小蜜蜂。轻轻摇曳的麦穗让人感觉到风在吹拂，初夏新绿晃入眼帘带来极大的舒适感。在动图的基础上又结合排版，标注小满等文字，阅读起来视觉流程清晰。主视觉的绿和点睛之笔的红衣女孩形成整体局部的对比，起到点缀又突出主角。这幅作品很好地运用了视知觉的整体性原则，把色彩、图形、文字、动态等很好的统筹起来。

（二）选择性规律在动态插画中的运用

通过视觉的作用，人们在观看大量的复杂物体时能自动选择感兴趣的信息，然后将这些选择的信息与脑中的记忆结合，形成新的思想或是感受。在动态插画里设计师要针对观者的审美标准选择具有吸引力的图形，舒适的色彩，合乎所传递信息要义的构图，完成整个动态插画的主题表达，动势点设计及音频配置。

在读图时代，影响观者接收信息的因素有很多，除去媒介传播方式，可从信息设计本身来打动观者。观者自身对于颜色、形状的喜好来筛选信息，浏览信息的过程中视知觉的选择性规律就起到了重要的作用。观者在选择过程中首先会被动态插画精妙的构图和应景的动感及有趣的配音吸引，接着是观察动态插画里的图案、颜色、文字等细节，深入了解所传递信息的细节。

因此，在视知觉选择性规律下指导动态插画设计时最先考虑的应该是作品理念的趣味性。有了趣味理念的核心，符合创意的构图是关键，再选择所传递信息的元素，并根据其特征设定角色，最后舒适的色彩搭配和文字编排可为优质的动态插画设计画上点睛之笔。在选择性规律应用的过程中需要设计师充分考虑信息的特点以及消费者心理的喜好，这样才能设计出优秀的动态插画作品。例如，图二是2018 年，西班牙艺术家IgnasiMonreal为意大利时装品牌古驰（Gucci）制作的春夏广告大片《文艺复兴》，将文艺复兴时期古典油画与Gucci时装相融合，配以轻柔的音乐，使得整个作品浪漫时尚而又具备复古气息。这一作品很好地运用了视知觉的选择性，将熟悉的油画和时装结合让人耳目一新，又蛮有趣味，从而吸引了观者的眼目。

（三）简化性规律在动态插画中的运用

视知觉的简化性规律指的是我们在观察事物时，在视知觉的感官下简化并获取事物本质特征，并且不改变物体完整性。此过程眼睛以及大脑在视觉和思维的共同运作下获取事物特征并转化形成属于自己的认知。

在快节奏生活中，动态插画设计是一种在有限的空间内表达设计师思想的艺术作品，这就需要设计师对于具备提炼和精简元素的能力，能抓住事物的主要特点进行保留或精细刻画，简化其他不必要的元素。用最简洁的语言、图像、色彩对信息进行准确传达。在动态插画设计中出现在画面上的颜色的种类、形象的细节刻画、辅助元素的数量都要尽量控制在一定的范围内，尽量简化画面中的形象，运用简单的几何图形概括复杂的形象，使得尽量少的元素出现在画面中，使画面具有充足的呼吸感和鲜明的主次关系及清晰的视觉传达能力。例如，图三Synticate? by Stepan Solodkov动态插画海报作品运用极简的构图，单纯的红黑配色并且在动感设计中依然强调版式，字體上选择极简的无衬线字体，整个画面以几何形状、简单的线条、体积和单纯的色彩充斥，视觉效果极强。

四、结束语

视知觉的基本规律有整体性、选择性、简化性，动态插画是设计的趋势可应用在很多领域，空间潜力大，分析视知觉规律并利用其原理在动态插画创作过程中不断寻找契机，从而帮助设计师设计出更多有温度、有情怀的动态插画作品。

参考文献：

[1]张熙闵.插画[M].北京：高等教育出版社，2017.

[2][美]鲁道夫·阿恩海姆著.艺术与视知觉[M].滕守尧，朱疆源，译.四川人民出版社，1998.

[3]宗雪梅.论动态插画对插画设计领域的创新与拓展[J].艺术科技，2015，28（10）：215+284.