原创力文档- 1、本文档共29页，可阅读全部内容。
- 2、原创力文档（book118）网站文档一经付费（服务费），不意味着购买了该文档的版权，仅供个人/单位学习、研究之用，不得用于商业用途，未经授权，严禁复制、发行、汇编、翻译或者网络传播等，侵权必究。
- 3、本站所有内容均由合作方或网友上传，本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供研究参考，付费前请自行鉴别。如您付费，意味着您自己接受本站规则且自行承担风险，本站不退款、不进行额外附加服务；查看《如何避免下载的几个坑》。如果您已付费下载过本站文档，您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等，请点击“版权申诉”（推荐），也可以打举报电话：400-050-0827(电话支持时间：9:00-18:30)。
H5作品的交互设计
与互动效果制作;第1节交互设计原则与方法;所谓交互设计,是指在人与产品、服务及系统之间创建一系列对话,其更偏向于技术性的设定与实现过程。世界交互设计协会第一任主席雷曼(Reimann)对于交互设计做出了如下定义:“交互设计是定义人工制品(设计客体)、环境和系统的行为的设计。”
从技术层面而言,交互设计需要涉及计算机工程学、语言编程、信息设备、信息架构学的运用。从用户层面而言,交互设计涉及人类行为学、人因学、心理学。从设计层面而言,交互设计还涉及工业设计、界面表现、产品语意及传达。
对于H5交互设计而言,在合理选择了H5制作工具、辅助工具、设计工具后,我们需要重点思考的,是用户使用你的H5作品时的体验,因此需要结合用户心理、操作习惯、视觉感受来做整体考量。
;一、视觉可见原则;二、环境贴切原则;三、一致性原则;四、容错与及时反馈原则;第2节互动效果的分类;一、基于传感器的互动效果;二、基于触摸屏操作的互动效果;三、基于融媒体展示的互动功能;方正飞翔数字版V8.3除了41种预设动画外，新增路径动画、形变动画、形变路径三种可自定义的动画功能，用户可根据内容设计创造自己独有的动画效果。;方正飞翔数字版V8.3新增自定义按钮动作。在之前的版本中，一个按钮只能添加一个动作，现在按钮可以设置多个动作同时触发，并增加了双击、长按的动作，以及逻辑条件。;画廊功能有三种不同的样式，分别是走马灯、按钮式、导航式。走马灯无需按钮滑动切换图片；按钮式如右侧案例，点击按钮显示对应图片；导航式是点击导航键进行前后画面的切换。;自由拖拽可以实现图片在版面中的任意移动，方正飞翔数字版V7.2.2增加了更多自由拖拽的可控性，可以限制范围、限制操作。;图像扫视可以实现在局部范围内通过手势滑动，查看高清大图的效果，可模拟镜头移动、物品搜寻等场景效果。;图像对比可以实现两张图片横向或纵向的对比，通过拖动分界线可以改变两张图片的显示占比。;类似擦玻璃或刮刮乐的效果，可设置擦除半径和自动消失百分比。支持对擦除设置逻辑事件，可在擦除时、擦除动作结束时、擦除对象消失时设置触发动作。
逻辑事件、自定义按钮
动作支持根据擦除百分
比进行判断触发动作。;合成图片常用于强交互的H5作品中，作品会引导用户完成一系列操作，并将得到的最终结果保存成一张图片供用户分享传播。;动感图像主要运用于H5背景，通过随机生成的运动轨迹形成飘散的效果，飘散的数量、大小区间、摆动区间均可进行设置。;数据服务功能包括文本、单选、复选、列表、照片、微信头像昵称等功能，主要用于收集或展示用户信息。;丰富的加载页样式;计时器常被应用于测验和游戏中，可以记录答题、通关时间，或在计时结束后触发指定效果。;曾经的接力数据在方正飞翔数字版V8.3中升级为接力计数，升级后不仅支持按照浏览量显示数据，还能够通过按钮控制调整计数，可用于各种游戏、测试的分值计算。;扫码体验;问题讨论
文档评论（0）