广州美术学院 /黄肖铭
摘要：随着网络与数字媒体的高速发展，以iPhone、iPad为代表的触屏电子产品相继面世，读者通过电子产品的可触摸交互性能感受新的阅读体验，丰富的交互感受让读者不知不觉将自己身临其中，更好地理解电子书的内容。读者不仅可以通过各种手指动势来进行下一步阅读，控制角色的对话或动作，参与剧情的发展，还可以利用录音和重力感应来模拟生活中的物理特性。丰富多元的人机交互方式为读者与电子绘本进行互动提供了良好的条件，是插图交互动态化的基础，而插图的交互动态化是电子绘本区别于传统绘本的重要特征，也是最能吸引读者的地方。如何让插画图形在继承传统文化和精神的前提下，与先进的技术结合，创作出让人耳目一新的动态作品是我们当下需要思考的问题。
关键词：电子绘本、插图动态化、交互性
当代绘本插图并不仅仅时为了说明文章或者起到一个辅助的作用，它传统的传达方式是单一的依靠静态图形语言传达，要满足大众在新技术新媒体发展的趋势下，对电子绘本阅读体验的新要求，实现插图动态交互式是大势所趋，新的设备特性带来的以触摸、体感、声音等自然的互动方式，传统插图的表现方式就此改变，也为插图的创新突破带来新的机遇。电子绘本的插图优势在于“动”，插图的交互动态必须迅速和直接，控制好读者的阅读节奏。本文以研究和分析电子绘本插图的交互动态化特征，探讨电子绘本插图的创作方法。
插图的交互动态化定义
静态插画除了画面元素是静态以外，画面还具有一定边界范围，读者不能看到或者窥探静态插画边界以外的内容；而动态插画虽然也受到电子屏幕显示尺寸的限制（以iPad为例，屏幕分辨率是1024×768），但它可以运用动画艺术语言，大大加强画面空间的表现力，插画的所有元素都有了运动或被运动的可能性，画面界外的部分可以呈现在读者面前，插画的动态化使其具有边界的延伸性。数字技术使得动态插画有了互动的可能性，人们可以点击屏幕中设计师向读者提示的图形元素，点击后有相应的动态回馈，或可以进入另一个层级出现的文字或者是插图内容，也有可能是个小游戏，给读者带来惊喜，这就是动态插画的魅力。电子绘本插图的动态化是让插图语言“动起来”和具有“交互性”，读者可以自由地和绘本之间进行沟通和互动，改善了读者原来被动地吸取绘本信息情况，还可以亲自参与到故事中，绘本可能是开放式的结局，视乎于读者与动态插图进行交互时的选择。画面生动、合理的动态设计是插图动态化的成功的重要基础，要让读者在体会电子绘本的插图交互时感受自然顺畅。
插图交互动态化的类型
主动性交互
主动性交互是指电子绘本的内容元素交互动态化需要读者的主动选择，参与交互完成信息的传达，这样的设计是为了增强用户体验和实现特殊的交流目的。读者点击绘本插图中的某元素，其作出相应的动态相应；有的绘本画面中的元素可以拖动、触碰、放大、摇晃或使用其他的手势触发，产生动态相应。如英国著名科技公司Nosy Crow推出的电子绘本《三只小猪》，当猪大哥、猪二妹和猪小弟把房子建好后，大灰狼的角色会提示读者用嘴对着电子设备中麦克风的位置用力吹气（图1），当读者配合完成此动作时，绘本中的大灰狼也会同时向三兄妹的房子用力吹气，让读者感受三个用不同材料堆砌的房子哪个最牢固，这是非常有趣的交互体验。插图的内容元素具有提示性的动态化交互，能吸引读者主动参与到信息传达的过程里面，并让读者在阅读的过程中惊喜不断，利用多元化的人机交互方式，达成良性的互动对话，满足大众使用电子绘本的体验需求。
图1，电子绘本《三只小猪》，Nosy Crow
被动性交互
被动性交互是指在电子绘本中不需要读者的参与，围绕展示形式表现视觉上的动态效果，不能在插图元素“动”的过程中与读者的“互动”，否则会打乱插图动态化的效果。人们的眼睛一般对运动着的物体更能被吸引，受众在面对静态和动态信息进行视觉选择时，更容易聚焦到那些生动活泼而又具有动感的形象。被动性动态插画承载的信息丰富多样，可以跟视频短片和音乐等相结合，通过复合的媒体形态，动态化地传递信息，使电子书更富有感染力。电子绘本被动性交互插图较有代表性的是动态标志，它出现在进入书本的splash页面，其展示效果通常是以一段动画或视频为开篇，动态标志具有节奏、动感、韵律、立体等图形形象特点，在当下电子书中得到了很大程度的品牌应用推广。如国内知名科技公司“铁皮人科技”，它出品的电子绘本splash页面就出现其动态标志（图2），标志图形是静态的，动态渐现logo的文字，让读者对它的品牌留下更深刻印象。虽然每个电子绘本公司的动态标志各有特点，但这样的创作形式能更吸引读者的注意力，当读者的阅读感受良好时，还可以在app store寻找该品牌的其他绘本作品。
图2，铁皮人科技动态标志
角色的动态化
交互式电子绘本的角色造型必须符合故事剧情需要，这里的造型是指角色形象的塑造，相当于动画片中的角色设计。电子绘本的角色设计制作精良能给读者带来美的感受，并且让读者留下深刻的印象。在角色造型动态化之前，我们先要遵从两个基本原则：1，角色设计必须符合绘本插图的整体风格；2，造型设计比例要明确、角色个性要鲜明。另外，简化是电子绘本角色造型的基本特征，因为角色动态化一般是四肢及头部运动，造型可以忽略一些不必要的细节，过于复杂的造型会导致后期编程制作任务繁琐。故事角色造型倾向圆润大方，多为儿童或者动物拟人化造型，这样能让读者更容易感受角色的性格特征。如电子绘本《Franklin Frog》（图3），它是让读者了解小蝌蚪如何变成小青蛙以及小青蛙水陆两栖的生活习惯，读者用手指点击青蛙，它会进行蛙跳或者用长舌头捕捉昆虫，形象而生动，因为青蛙的动作比较大和夸张，所以此绘本的角色造型都很简练，以几何形态为主。
图3，电子绘本《Franklin Frog》，Nosy Crow
在电子绘本中的人物、动物或者物体，通过读者简单地触屏动作就可以实现不同的动画效果，或是出现简单的对白或是发生位移变化，电子书中可能会间接给出提示性符号，有些需要仔细观察才能实现理想的动画效果。如俄罗斯科技公司“BOBAKA”推出的互动电子绘本《小绿帽》（图4），界面设计是以插图为主，绘本的文字是隐藏式的，读者点击所有会“动”的角色，他们都会有不同的动态反应，或许是变换动作，或许是跳跃，但无论何种变化都让读者对绘本的内容有更深切的感受。
图4，电子绘本《小绿帽》，BOBAKA
场景的动态化
在电子绘本中，场景设计是插图的创作基础，它是为表现故事的主题服务的，如何通过场景准确的表现电子绘本的主题和故事气氛，就是要寻求和确立作品的基调。场景设计的构图任务，就是要突出画面的“视觉中心”或者是“兴趣中心”，电子绘本的构图，平视构图是最为常用的方式。在平视构图中，角色都是侧面或者完全正面面对观众，场景的镜头动势为水平或垂直移动，视点都较为统一，读者在阅读时会感受到安全和轻松诙谐的感觉，而大部分的电子绘本都是以少年儿童为主要读者群，所以此构图方式应用最为广泛。其他的构图方式有：三角形构图、垂直线构图、辐射线构图。简洁有趣的构图方式有助于增加读者的兴趣和引导读者参加电子绘本的互动。再者，电子绘本的构图要凸显出画面的连续性，使绘本的阅读性连贯流畅，通过这个过程把握住作品的整体感觉，不会让个别画面显得脱节。
插画的场景元素在同一个画面和同一个时间内不能太多，读者在单位时间里接收的信息量是有限的，一幅画中太多的运动元素会影响绘本的叙事，一般最常见的是场景中一些小元素的运动，这是增添阅读趣味性最有效的方式。如Nosy Crow公司推出的《Little Red Riding Hood》（图5），在每一个界面的场景设计都有一只小猫头鹰，猫头鹰出现时有微妙的头部动作，当读者点击它时，它充当了旁白作用，同时这个场景元素为读者的阅读过程加入了趣味性和幽默感。
图5，电子绘本《Little Red Riding Hood》，Nosy Crow
翻页的动态化
根据读者阅读横排版书籍的习惯，电子绘本的翻页都是从左到右的视觉流程。在电子绘本的界面设计上一般设有功能按钮和菜单栏，设计时必须将读者的行为结果考虑在内，设计出合理的动态效果。一般进入到绘本的单页阅读界面时，当页内容叙述完毕，隐藏的按钮会逐渐出现，提示读者进入下一个阅读界面，隐性按钮的设置应该保持在版面的面积，应以小、精、亮为突出优势。突出小巧、精致并设置闪烁的形式，这样的设计既保留了导航的功能性，又保
