H5交互融媒体作品创作 课件 第六章 H5作品的交互设计与互动效果制作.pptx

H5作品的交互设计与互动效果制作;第1节 交互设计原则与方法;所谓交互设计,是指在人与产品、服务及系统之间创建一系列对话,其更偏向于技术性的设定与实现过程。世界交互设计协会第一任主席雷曼(Reimann)对于交互设计做出了如下定义:“交互设计是定义人工制品(设计客体)、环境和系统的行为的设计。”

从技术层面而言,交互设计需要涉及计算机工程学、语言编程、信息设备、信息架构学的运用。从用户层面而言,交互设计涉及人类行为学、人因学、心理学。从设计层面而言,交互设计还涉及工业设计、界面表现、产品语意及传达。

对于H5交互设计而言,在合理选择了H5制作工具、辅助工具、设计工具后,我们需要重点思考的,是用户使用你的H5作品时的体验,因此需要结合用户心理、操作习惯、视觉感受来做整体考量。

; 一、视觉可见原则; 二、环境贴切原则; 三、一致性原则; 四、容错与及时反馈原则;第2节 互动效果的分类; 一、基于传感器的互动效果; 二、 基于触摸屏操作的互动效果; 三、 基于融媒体展示的互动功能;方正飞翔数字版V8.3除了41种预设动画外，新增路径动画、形变动画、形变路径三种可自定义的动画功能，用户可根据内容设计创造自己独有的动画效果。;方正飞翔数字版V8.3新增自定义按钮动作。在之前的版本中，一个按钮只能添加一个动作，现在按钮可以设置多个动作同时触发，并增加了双击、长按的动作，以及逻辑条件。;画廊功能有三种不同的样式，分别是走马灯、按钮式、导航式。走马灯无需按钮滑动切换图片；按钮式如右侧案例，点击按钮显示对应图片；导航式是点击导航键进行前后画面的切换。;自由拖拽可以实现图片在版面中的任意移动，方正飞翔数字版V7.2.2增加了更多自由拖拽的可控性，可以限制范围、限制操作。;图像扫视可以实现在局部范围内通过手势滑动，查看高清大图的效果，可模拟镜头移动、物品搜寻等场景效果。;图像对比可以实现两张