普通高等学校应用型教材·新闻传播学H5交互融媒体作品创作
（第2版）
目录ContentsH5作品制作准备H5作品的选题与策划H5作品的素材查找与加工H5作品的页面设计01020304课程配套教材方正飞翔数字版功能快速入门05H5作品的交互设计与互动效果制作06
目录ContentsH5制作综合实践:出版领域H5作品的测试、发布与运营H5制作综合实践:传媒领域090708专用名词术语表附录H5作品制作准备本章要点关键词第1章1.辨析H5的概念,掌握H5这一名词的由来。2.掌握H5作为一种作品形态,在新闻领域的应用。3.掌握H5作品制作的注意事项,并能够将之应用到H5作品中。4.掌握H5作品的基本制作流程。H5制作规范制作流程第1节H5技术常识
一、什么是H5
如果你在国外与从事互联网或新媒体行业的工作者谈及H5,他们甚至会没有听说过这个引爆中国移动互联网的名词!实际上,H5是中国人专用的一个名词,有人说,H5是HTML5的简称,中文意思是第五代超文本标记语言,是一项伴随着移动互联网技术的兴起而发展的技术标准。但事实上，这个说法在H5这个名词刚刚出现时,或许是正确的,但在2014年之后,H5出现在各个领域,H5早就超出了“HTML5缩写”这个说法的含义,成为了一种在中国兴起和流行的特殊作品形态。
我们可以认为H5是一个多项技术与技术标准的集合
二、H5的技术特点与优势跨终端跨平台技术更新快融媒体强交互
三、H5的应用领域内容生产市场营销游戏
作品形态策划思路第1节怎样才算是一个好的H5选题
如今，我们可以在多种渠道看到无数H5作品，也可以看到时常有在朋友圈刷屏的爆款H5作品，这些作品通常被用户们给予了很高评价，那么，到底怎样才算是一个好的H5选题呢我们可以从以下几个角度来判断。
一、一部好的作品，首要的是正面的价值取向
无论是内容为主的H5作品，还是以营销宣传为目的的H5作品，评判的首要标准，都是这部作品是否有一个正面的价值取向。在进行H5作品的选题和策划时，有很多制作者将选题和内容策划的重点落在了创新性和实用性方面，但一个明确、正面的价值取向，才是能够画龙点睛地表达作品内容的重要部分。一个正面的价值取向，意味着要从作品中突出对正面或负面内容的引导和启迪意义。比如在新闻报道、图书的解读营销的H5作品中，不可避免地会出现负面新闻，或者文字作品中的负面情节，在这时，我们要注意内容的呈现方式，并且从作品情节的选取上来做一些取舍，引导用户进行正面的解读。
二、好的作品，可以用思想和观点打动用户
三、作品可以兼顾内容高度概括性与细节的完整性
H5作品不同于传统媒体，它需要在很小的移动终端的屏幕上，用融媒体元素和交互内容呈现某一主题，因此选取各种融媒体信息，巧妙地进行融合与浓缩，就显得尤为重要。一个好的H5作品，应该兼顾内容高度的概括性与细节的完整性，基于这一原则，在内容方面应该做出适当的取舍。
四、作品的交互设计、操作指引须合理
H5作品使用了丰富的交互效果，但如果忽略了作品的操作指引，则会让用户的体验过程非常坎坷，用户因某一操作而无法继续阅读，心情跌落谷底时，也就认定H5作品不是个好作品了。作品的操作指引是至关重要的，决定了作品的用户体验是否良好。因为H5是占据用户很大注意力资源的一种作品类型，制作者必须让用户打开作品，并且一直跟着制作者的思路看下去，因此一个清晰的交互和操作指引，是用户的引路标，可以帮助用户聚焦于作品的主要内容和体验路径。
五、H5作品的平面和版式设计依然重要
虽然H5属于新媒体作品的范畴，但平面和版式设计，尤其是需要遵循的版式规律与规范依然重要。比如H5作品中使用了传统的工笔画和写意画作为平面元素。那么版面上的其他元素，也应该符合这种中国传统书写的规范，如果左右排列不一致，则会造成用户阅读的混乱。除了版式设计上的问题，H5作品在选择字体时，也应选择易读性较强的字体作为正文字体，以提升作品的易读性，让用户有良好的阅读体验。在第四章中，我们会着重讲解H5作品的页面设计。第2节如何进行H5作品的选题
一、明确作品形态——为什么要做H5作品
一个优质的H5作品，究其本质，还是对内容解读和呈现得生动恰当。那么，有了一个选题之后，我们如何从这个选题进行延伸，组织H5作品的内容，形成完整的内容策划方案呢在策划和制作H5作品时，多数制作者会采用头脑风暴或模仿的方式，边制作边构思，这样可能会导致H5作品发布后达不到预期的效果或传播目的。
因此在这一节中，我们介绍一种从0到1打造H5作品的思路，可以帮助你形成一个从H5作品的定位，到最终的发布和运营策略的闭环式的H5作品策划方案，
二、如何从0到1策划H5作品H5内容策划定位需求分析功能确认界面和交互运营策略定位、定调性、定用户确认要为谁做、整体基调是什么样子的，目标用户画像。目标用户想要什么如果我是用户，我想要什么样的功能和交互形式
功能清单基于用户，选择所需功能，并将他们有机整合
UI和产品体验设计符合目标用户审美的界面，适当加入人机交互的内容
图片音频
视频
字体
互动效果第
1
节
交互设计原则与方法20世纪七八十年代之交,旧金山湾区一群敬业而有远见的研究员、工程师和设计师正在忙于发明未来人们与电脑交互的方式。从施乐帕克研究中心(Xerox
ComputerInteraction)领域分支并发展得来的新型学科,交互设计具有十分典型的跨学科特征,涉及范围包括计算机科学、计算机工程学、信息学、美学、心理学与社会学等。●所谓交互设计,是指在人与产品、服务及系统之间创建一系列对话,其更偏向于技术性的设定与实现过程。世界交互设计协会第一任主席雷曼(Reimann)对于交互设计做出了如下定义:“交互设计是定义人工制品(设计客体)、环境和系统的行为的设计。”●从技术层面而言,交互设计需要涉及计算机工程学、语言编程、信息设备、信息架构学的运用。从用户层面而言,交互设计涉及人类行为学、人因学、心理学。从设计层面而言,交互设计还涉及工业设计、界面表现、产品语意及传达。●对于H5交互设计而言,在合理选择了H5制作工具、辅助工具、设计工具后,我们需要重点思考的,是用户使用你的H5作品时的体验,因此需要结合用户心理、操作习惯、视觉感受来做整体考量。一、视觉可见原则二、环境贴切原则三、一致性原则四、容错与及时反馈原则第
2
回』=-y占ansmh‘，俏“，‘－旬．仇．”．，．摊位
说恰已·忽地也刻”’
－.舍嗡
”相宜本草
《乡音祝福》
HS图5-2-2,itti
乡古祝福二、
基于触摸屏操作的互动效果图5-2-4《温戚电影十周年》
HS三、
基于融媒体展示的互动功能图5-2-7《穿越宇宙的邀请函》
HS方正飞翔数字版V8.3除了41种预设动画外，新增路径动画、形变动画、形变路径三种可自定