具有动态效果的网络安全知识宣传电子书的设计与制作

沈映珊

摘要：为增强一般民众的网络安全意识，该文提出利用FLASH技术和ACTIONSCRIPT3.0脚本语言，基于案例的网络安全知识宣传电子书的构想。以宣传网络安全知识为主题，对网络安全案例以动画的形式进行设计与实现的探究，将动画嵌入到电子书中，使民众在阅读电子书的同时，能够与电子书进行交互，通过生动有趣的动画将枯燥的网络安全知识展现出来，具备阅读性和娱乐性。为网络安全宣传电子书的制作研究和科普应用打下基础，具有一定的理论和应用价值。

关键词：网络安全；案例；宣传；电子书；动画

中图分类号：TP37 文献标识码：A 文章编号：1009-3044（2018）18-0202-05

Design and Development of E-book for Network Security Knowledge with Dynamic Effect

SHEN Ying-shan

（School of Computer， South China Normal University， Guangzhou 510631， China）

Abstract： In order to enhance the public's awareness of network security， this paper proposes a concept of case based network security knowledge publicity e-book by using Flash and ACTIONSCRIPT3.0. In order to publicize the network security knowledge as the theme， the design and implementation of the network security cases in the form of animation are designed and realized， and the animation is embedded into the e-book to enable the people to interact with the electronic books while reading the e-books， to show the boring network security knowledge through vivid and interesting animations， which with readable and entertaining. It lays a solid foundation for the network security publicity of e-book production and popular science application， and has certain theoretical and applied value.

Key words： network scurity； case； propaganda； e-book； animation

1 研究背景与意义

1.1 研究背景

随着我国互联网的高速发展，网络和信息技术已经渗透到了社会的各个领域中。据《我国公众网络安全意识调查报告（2015）》显示，青少年网络安全基础技能、网络应用安全等意识亟待加强，老年人安全事件处理能力和法律法规了解程度急需提升。因此，急需加大力度普及推广网络安全意识教育，普及网络安全知识和技能，提升全民网络安全意识[1]。截至2017年12月，中国网民规模已达7.72亿，互联网普及率达55.8%[2]，互联网已经成为很多人工作生活中必不可分的部分。在如今的网络信息时代，人们在享受互联网各种便利的同时，信息安全问题却频繁发生，给个人和国家带来了很大的经济损失和安全威胁。

国际资深网络安全专家詹姆斯·刘易斯在2014中国互联网安全大会上说过“90%的成功网络攻击仅需要基本的技能，95%的攻击通过简单的修补就可以预防”。换而言之，市民可通过提高网络信息安全意识，掌握防范技能是可以有效地防治绝大部分网络入侵。

近年来，各种新式的病毒和信息诈骗手段层出不穷，安全防范难度增大，不过纵观各种信息安全事件可知，很多人使用网络和信息载体设备时缺乏基本必要的安全防范意识，才让不法分子有机可乘，从而导致信息秘密泄露、经济财产损失等事件发生。营造一个安全良好的网络环境刻不容缓，而提升广大市民的网络信息安全防范意识是预防各类信息安全事件的首要途径，其重要性不言而喻。

利用FLASH技术和ACTIONSCRIPT3.0脚本语言制作网络安全知识电子书，通过在电子书中嵌入动画、案例相结合的形式进行网络安全知识宣传，克服了书籍、宣传册、海报等传统物料宣传单向输送信息、传播范围有限等缺点，人们可以利用电脑、智能移动终端阅读电子书的同时同，电子书进行交互，通过生动有趣的动画将枯燥的网络安全知识展现出来。这种方式，在快速生活节奏下能降低人们学习网络安全知识的时间成本，同时也为电子书的传播提供了广大的平台，传阅速度快，有利于进行全民网络安全教育。能够让民众了解网络安全存在的问题，掌握基本的网络安全防护技能，增强网络案例意识，从而共同构建网络安全社会。

1.2 电子书设计的意义

电子书是一种比较新的传播媒介，它具备传播媒介的大部分优点，制作成本较低，利用软件绘制和脚本程序实现，不需要印刷，减少了树木砍伐，保护环境。电子书内容丰富，可以结合图片、文字、视频、音频、网页链接等，具有一定的交互性和趣味性。电子书传播方式简单、便捷，通过网络，利用电脑或智能移动终端展示，可以实现指数级数量的传播。但电子书也存在自己的缺点，目前可交互的电子书相对较少，大部分电子书仍然是纯文字，缺少一點的趣味性。该文通过在电子书中嵌入动画的形式，使不同年龄的民众可以自主选择是否播放动画还是直接阅读文字。在保持传统阅读习惯之外，能在书中通过动态效果，获得虚拟现实的效果，从而给人们带来不一样的阅读体验。

2 电子书设计与制作

2.1 案例选择

根据当前网络生活中出现频率较高的网络安全问题，收集并整理了“信息安全”、“上网安全”“手机安全”“法律知识”等方面的四个案例作为电子书的主要内容，每个案例都由动画视频案例、文字、图片等内容组成，如图1所示。

2.2 设计原则

动画的设计风格种类众多，总的来说可以归纳为三类，夸张与变形类、写实类与半写实类、抽象与写意类。如表1所示，每一种动画设计都有其自身的特点，目前网络上比较流行的是扁平化的风格，不管是在用户界面设计还是动画设计，都具有扁平化发展的趋势。扁平化的核心概念是放弃一切装饰效果，3D效果元素诸如渐变，纹理，透视等等都不采用。当扁平化以动画形式表现出来时，将带给人以更有趣味性的感受。

2.3 版式设计

版式设计是对信息元素进行有机的排列组合，对信息传播的载体进行整合和加工，能将理性思维个性化表达出来，具有很高的美学价值和经济实用功能。版式设计满足了信息传播的需要，在传播信息的同时带给人们视觉上的美感和精神上的享受。

在电子宣传书中，版式设计即确定书本的尺寸，日常生活中常接触到的书本一般是竖版的，相比于横版，竖版更便于携带和握持。而电子书里面嵌入了动画，为了让读者能够清晰地看到动画，使动画视频在页面里占据的面积尽可能大。本次设计将Flash舞台的尺寸设置为1366*768像素，书本尺寸为600*500像素，翻开时的尺寸为1200*500像素，从而实现高达57%的屏占比。

2.4 色彩定位

整本书的色彩基调为蓝色，蓝色给人轻松愉悦的感觉，适合作为网络安全知识手册的主色调。因为宣传网络知识，需要具备科技感与安全性，书页中辅助以绿色。使蓝色和绿色相邻，搭配在一起给人和谐、活泼的感觉，如图2所示。书中所使用的颜色不多，目的是为了突出文字内容和动画内容，避免对读者阅读过程中造成干扰。

2.5 人物制作

在網络安全知识宣传电子书中的视频动画是以现实生活的案例呈现为主，人物成为其中的主角。人物角色的形象与动作是作为独立元件制作出来的，使用独立元件，可以将人物主角分割成不同的组成部分，将各个部分作为同一个元件放在单独的图层上来实现，按照上下叠层关系排序，形成分层绘制。使用分层，其优点中在绘制人物的不同的部分或改变动作时，可以锁定其他图层，而只对特定图层上的内容进行修改、调整而不影响其他图层的内容，方便后期动画制作中人物动作的实现。每个角色被分割成：头部（脸、头发、眉眼、鼻、脖子、嘴），上身（手臂、上衣），下身（腿、鞋和脚）三个部分，一共12个图层，每个小部位都会转换成单独的元件。

其次是对人物元件进行线条勾勒，如图4所示，线条勾勒就像给的物搭架子一样，从封闭式的线条可以将人物的细节部分进行仔细的描绘。然后在框架的各个部分填上颜色就顺理成章了。根据剧情需要，如在“网上购物”这一动画中主要角色会有四种形象的变化，分别是生活中的正常形象，想象自己穿上网购的裙子时的形象，现实生活中穿上网购裙子的形象，以及走路时侧面的形象，如图5所示。基于勾勒框架的基础上，对不同形象的人物进行局部着色和整体上色，可以使人物呈现更多的变化，包括表现细节的变化和着装的变化 ，但却不会从根本上改变人物的基本形象。

2.6 动画设计

2.6.1 翻页效果实现

为符合读者的心理模型的需要，大部分的电子书都尽力保留现实生活中阅读翻书的效果。心理模型是指一个人对某种事物概念的理解[3]，可描述和阐明一个心理过程或事件。可由实物构成或由数学方程、图表构成。在该设计中，为使电子书在使用过程中达到传统书本的特点，需要设计逼真的翻页效果。为克服电子翻页效果存在的翻页过程不顺畅、鼠标拖曳翻页、翻页效果不够逼真等问题，该设计在使用一般电子书的翻页效果的基础上，进行了技术上的改进。

假设一本电子书有n页，如图6所示，每次翻页需要用到3页，即当前页①（n页），当前页的卷边②部分，翻页后要显示的下一页③（第n+1页）。那就可以将电子书的一页定义为三个层，当前页面层为第一层（图形AFEC），即读者正在阅读的、显示书本内容的页面，随鼠标拖拽时卷起的页角为第二层（图形ABCD），第三层是当页角卷起时，露出的下一页（图形BDHG），三个层叠按顺序叠放。

当页面没有翻页时，即读者正在阅读当前页，可以认为是进行了层遮罩，①页进行了全覆盖。当页边卷起时，就是进行去除层遮罩的过程，第一层显示四边形EDBF区域，第二层显示ABCD区域，第三层显示DHGB区域；设置第二层内的显示区域根据鼠标运动而不停变换倾斜的角度，即产生了旋转，此时，旋转边需要始终保持与CA边斜度一致的角度。

已知C点为鼠标的坐标，H、G、F、E为页脚坐标，接下来是确定A、B、C、D点的坐标。如图8所示，直线BD为点C和点H的中垂线，根据点C和点H坐标可以求出直线BD的函数表达式，再求出直线BD与直线FG的交点B的坐标、与直线EH的交点D的坐标。最后求出点G关于直线BD对称点A的坐标，点H关于直线BD对称点C的坐标，至此求得点A、B、C、D的坐标。

为避免翻页过程因为鼠标的移动而超出书本范围导致翻页出错，需要进一步约束C点的范围，即翻页的可控范围。当鼠标在图 9深色区域内时，点C的坐标就等于鼠标坐标，当鼠标离开灰色区域时，点C必须停留在区域内。弧LMK是以点J为圆心，JK为半径的圆，弧LNK是以点I为圆心，KI为半径的圆。

2.6.2 视频播放效果设计

为了降低读者的学习成本，按照读者的日常使用播放器的习惯，电子书中的视频播放方式使用主流播放器的控制方式：通过点击视频中间的播放按钮与画面来实现播放与暂停的效果，如图10所示。视频播放效果设计是利用动画图层的元件库剪辑进行的。需要拷贝所有动画图层；然后新建一个饮片剪辑元件，命名为“video”；将拷贝的动画图层，复制进影片剪辑元件中，此时该元件就是一个视频动画，再将该元件复制到电子书的元件库中。通过从元件库中将“video”元件拖到舞台电子书页面合适的位置实现在电子书中某一页面随时播放相关内容的动画。这样的动画播放画质清晰，并实现对动画随时控制。但缺是随着动画的增加，SWF文件的容量增大，需要另外设计播放控制组件。技术上可用ACTIONSCRIPT3.0语句实现：

this.stop（）； //一开始时动画为暂停状态

var bfbl：Number = -1； //设置参数记录当前视频的状态

nbt.addEventListener（MouseEvent.CLICK， fl_MouseClickHandler）； //为btn元件添加鼠标单击侦听器

function fl_MouseClickHandler（event：MouseEvent）：void

{ if （this.bfbl == 1） //视频当前状态为播放

{

this.stop（）； //停止播放

this.bfbl=bfbl*（-1）；

nbt.alpha=1； //显示btn图标

}

Else //视频当前状态为暂停

{

this.play（）； //继续播放

this.bfbl=bfbl*（-1）；

nbt.alpha=0； //隐藏btn图标

}

3 电子书效果实现与总结

3.1 效果测试

经过在不同的电脑上与智能移动终端上测试，电子书能正常运行，图片文字清晰，动画播放顺畅，音效能正常播放，动画播放控制功能正常，翻页效果正常。

<

3.2设计总结

该文通过介绍扁平化动画制作的技巧，利用遮罩动画、引导动画、位移动画、人物动画、镜头动画等呈现网络安全知识的案例动画与故事设计。通过ACTIONSCRIPT3.0腳本语言将实现电子书。从整书的运行过程来看，动画播放平滑、可按。内容清晰，层次分明。具备阅读性和娱乐性。

电子书中虽然增加了动画视频的播放，但本质仍然是以呈现文字为主。因此在电子书的设计上还可以进一步优化，让读者获得更好的阅读体验，比如可以增加让读者自动调整字体大小的功能，这样用户在观看时可以根据需要调整字体的，获得更清晰的效果，满足个性化的需求。

通过网络安全知识电子书的设计、实现和运行，广大市民能够学习到更多的网络信息安全知识，树立正确的安全防范意识，同时自发自觉地影响身边的亲朋好友，达到全民普及的目标；通过观看与阅读电子书，民众将主动探究信息安全的相关知识，激发学习热情，思考不同行为所带来的后果，增强判断能力，养成良好的信息使用习惯，进而能够灵活应对各种信息安全状况的发生；民众将学习到的安全防范方法落实到实际的工作生活中，形成良好的安全防范社会风气。

参考文献：

[1] 中国互联网络信息中心（CNNIC）. 我国公众网络安全意识调查报告（2015）[EB/OL]. http：//www.cac.gov.cn/2015-06/01/c_1115476638.htm.

[2] 中国互联网络信息中心（CNNIC）. 第41次中国互联网络发展状况统计报告[EB/OL]. http：//www.cac.gov.cn/2018-01/31/c_1122346138.htm.

[3] 林崇德. 心理学大辞典（下卷）[M]. 上海： 上海教育出版社， 2003.