- 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中升级为接力计数,升级后不仅支持按照浏览量显示数据,还能够通过按钮控制调整计数,可用于各种游戏、测试的分值计算。;扫码体验;问题讨论
您可能关注的文档
- 人员绩效考核方案.pdf
- 新视野大学英语4读写教程答案思政智慧版.pdf
- 北师大版四年级上册数学期末测试卷【含答案】.pdf
- 高一数学目录(高中数学人教A版必修1-必修5的目录).pdf
- 各种动物英语单词 Animal English.pdf
- 2022-2023学年冀教版四年级数学上册期末测试卷含答案.pdf
- 2023年一年级语文上册一单元考试题(含答案).pdf
- 项目员工绩效考核管理办法.pdf
- 师范大学《概率论与数理统计》期末试卷_A卷及答案.pdf
- 教师工作总结:2024年中学体育组教育教学工作总结(35篇).docx
- 新的一年工作展望.docx
- 医生年终个人工作的述职报告(3篇).docx
- 2023年消防设施操作员之消防设备中级技能考前冲刺练习题附答案详解.docx
- 2022-2023年环境影响评价工程师之环评技术导则与标准通关练习题包括详细解答.docx
- 2023年中级注册安全工程师之安全生产管理考前冲刺检测卷和答案.docx
- 2023年中级银行从业资格之中级银行管理考前冲刺测试卷提供答案解析.docx
- 2023年公共营养师之二级营养师通关模拟考试试卷附带答案.docx
- 证券分析师之发布证券研究报告业务考前冲刺模拟题库.docx
- 2022-2023年二级建造师之二建建设工程法规及相关知识综合提升测试卷附答案.docx
- 2023年二级建造师之二建机电工程实务通关模拟考试试卷提供答案解析.docx
文档评论(0)