发布时间:2022-12-26 14:07:42来源:JQDEMO.COM
本文目录
01 单击交互
点击是最常见的手势之一,可以用在页面转场上。这种交互手势,一般需要设置点击引导。
引导可以作为注释帮助用户理解H5,让用户跟着H5的思路行动,推动剧情发展。与主题相符的个性化的引导设计,能快速将用户带入情境。
比如红网的《带上“希望的种子”去北京》中,用户可以点击行李传送带上的行李“开箱验货”,查看代表们的建议,聆听他们的故事。
H5用行李箱作为点击按钮,为用户搭建去北京的场景。即使不能亲临现场,也可以“参与”会议,了解到会议内容。
点击手势也常用在测试型H5上,用户点击屏幕选择不同选项,生成专属测试结果。
网易哒哒的《测测你的哲学气质》、《测测你是欢乐颂里的谁》、《饲养手册》都是测试型H5,只需简单的点击交互即可完成。
02 连击交互
连击交互主要应用在游戏类H5中。连续点击屏幕的节奏感比较强,关联点击次数与积分排名,则会带有竞技性,能刺激分享、吸引更多人参与。
这种单一的交互方式操作比较简单,所以会搭配限时、限次等玩法。
网易哒哒的《漫威电影十周年》H5设计了一个“揍”灭霸的环节,用户需要猛点屏幕,记录10秒内时间“揍”灭霸的次数。10秒结束后,用户可看到连击的次数和自己全网排名。
《守护你的幸运足球》属于不设置连击次数限制的H5。连击求精准不求数量,需要点击屏幕控制足球高度,不能“飞”得太高撞上飞鸟和石柱,也不能掉在地上。
《穿越中国70年》是网易哒哒出品的一支“庆祝新中国成立70年周年”的视频型H5。
其中“为祖国点赞”环节需要用户连击屏幕,每点击一次记为一分。连击时产生的爱心特效会变色,画面给用户新鲜感。
点赞创意来自短视频点赞,交互手势是用户熟悉的形式,有利于带动为祖国“打call”的积极情绪,增强体验感和沉浸感。
03 长按交互
长按需要用户根据引导,长时间接触H5页面中的某处按钮,保证画面的连续播放和顺利转场。
由于长按需要用户的手指保持静止的停顿状态,用户可能会感到无聊乏味。在设计时,最好可以提示H5的播放进度,给予用户时长参考。
长按交互常用于一镜到底形式的H5。往往考验故事的衔接和镜头的转换,运用得当可以带给用户很好的体验,让用户精神更加集中,从而提升完播率。
《你我当年》利用长按动作,用户可以用画中画形式畅快观看所有内容。
《武林外传》、《仙剑奇侠传》
04 长图视差交互
长图视差交互常搭配滑动手势进行,带动H5连贯播放。
这可以增加画面的新鲜感,缓解高密度内容带来的的视觉疲劳。减少阅读长图文时的乏味,从画面效果上辅助H5流畅转场。
网易哒哒的《自白》利用这种方式,向下滑动推进故事剧情,把主人公的变化呈现给用户。借用滑动手势控制故事的播放,让用户更有参与感。
《你想要的每个好,我们都努力做好》用滑动长图+视差动画的形式,带领用户从1988年穿越到2018年,串联起兴业银行的30年发展历史。
《我在童话里遇到你的时光》使用一张长图,滑动时会有一些小元素穿插过场,使得整支H5看起来炫酷又丰富。
05 拖拽交互
拖拽区别于滑动,需要按着屏幕不松手,从一个点拖到另一个点,移动速度由用户控制,适合图片展示类或叙事类的策划专题。
网易哒哒的《睡姿大比拼》H5利用了骨骼动画技术,用户可以拖动小人的四肢,DIY自己在床上的睡姿。
除了可以选择场景、人物外貌,H5还提供床上的小物件做搭配,放大或缩小后用来布置卧室。
06 双指缩放交互
双指交互需要用户两只手指同时接触屏幕,比如滑动屏幕放大或缩小某物,也常用于画面转场。
这种交互方式对手势的微操有要求,玩法有些复杂。但互动性比单指点击、滑动更强,也更具趣味性。
网易新闻的H5《跟贴比新闻更接近真相》采用穿越时空设定,设计了双指放大手势进入下一页,点击按钮查看当页详情。每页统一的手势便于用户理解。
07 声音交互
除了触觉交互,还有听觉交互。声音交互方式比较少见,大多与录音有关,按照H5引导录一段话,DIY生成专属音频。
网易云音乐的《有故事的声活单曲》,就是让用户录音,讲出自己的故事,创建录音文件。录音结束后,配上文案生成定制海报。
用声音控制H5,还可以表现为自选音乐片段,DIY成一首完整歌曲。
网易云音乐的《玩音乐,我从来没在怕的》,让用户从几种音效中选出最喜欢的风格,再为原曲调音,生成个性化乐曲。
DIY出来的音乐代表个人喜好,具有一定的社交属性。
08 书写交互
书写交互是自由度较高的互动方式,用户可以根据提示自由创作文字、图画。
通过绘画创作出来的形象个性鲜明,也是用户情绪的体现,面对自己绘制的角色,用户也能更用心地投入到H5,流失率往往不高。
网易哒哒的《里约大冒险》给予用户一定指导,根据提示绘制小人、绳子、降落伞等形象。
这些形象虽然线条有些粗糙,运动起来与背景对比鲜明,但是因为是原创角色,用户对画面的包容性也更强。
文字部分的书写交互,常用在测试类H5上。用户根据提示输入名字或者想说的话,生成海报得到测试结果。
网易新闻的H5《以你之名,守护汉字》可以输入自己的名字,找到需要自己守护的濒危汉字。
H5测试生成的都是日常很少用到的生僻字,主题“守护”汉字,既可以让用户认识这些濒危汉字,也能够给予用户一种使命感,将汉字主动分享传播。
09 重力交互
模拟现成的物理规律能大大降低理解门槛,还能为策划增添趣味性。
手机在硬件上给出了很多技术发挥的可能性,活用重力感应、陀螺仪、速度加速器等硬件设备可以创新H5玩法,增加代入感。
摇晃手机时,H5会自动判断手机倾斜的角度。由于技术性比较强,所以重力交互常用在某个特定页面。
网易新闻的《时空恋爱事务所》就是利用手机重力传感器,摇晃手机唤醒主人公,开始剧情。
10 3d空间交互
3D交互主要利用3D技术,搭建立体化场景,突破画面扁平化的限制,强调层次感。
但这种交互方式在开发设计环节难度较大,考虑到用户的使用习惯,3D交互的玩法也比较单一,常搭配点击、滑动等基础手势操作,3D作为H5亮点出现。
《龙猫线上扭蛋机今日营业!》中将“扭蛋机”“金币”等元素3D化,原本正常比例的动漫人物Q版化。
扭扭蛋是一个动态的过程,如果使用二维平面形象,互动的效果并不明显;3D物体强调了用户的临场感,还原扭扭蛋未知的趣味性,H5玩起来更加真实。
11 全景交互
在360°全景形式中,用户可以上下、左右滑动。
这种H5以类vr的形式承载整个画面交互,更注重H5场景的设计,空间立体感比较强,要求画面360°边界衔接流畅。
不过由于加载内容较多,H5体量较大,很可能会出现播放时画面卡顿等问题。
汉字是我们的伟大的祖先智慧的结晶。有了文字才有了中华文明。我们要热爱我们的汉字,保护好我们的汉字。我认为我们应该这样保护我们的汉字。一 认真学习我们的汉字,让中华文明传承下去。
三要文明用语,体现中国人的高素质。
四写正确的汉字,用正确的词语。
五对外多传播我们的汉字,我们的文化。
意思是指亲属的关心,怀念的守候和守护。
1、眷,汉字,拼音是juàn ,意思是亲属或关心;怀念;爱恋。
2、基本信息
眷juàn
【释义】亲属:眷属|家眷|女眷。关心;怀念;爱恋:眷顾、眷恋、眷念。
【眷恋】juànliàn怀念;留恋。
〖例句〗远方的游子,眷恋着祖国,眷恋着亲人。
【眷属】juànshǔ,家眷;亲属。特指夫妻。
〖例句〗小李新婚很幸福,他希望有情人都能成为眷属。
瑞凌超变无限刀单职业
84.55M | 挂机养成
传奇sf999
未知 | 挂机养成
雷霆杀神二合一
85.99M | 挂机养成
百灵沉默
1278.65M | 挂机养成
王者之战神器无限刀
286.85M | 挂机养成
枪战射击王牌手机版
44.7M | 枪战射击
躺平求生对战
24.6M | 休闲益智
越野货运卡车运输最新版
146.6M | 模拟塔防
暴走水戏
52.5M | 休闲益智
一起走猫步最新版
230M | 休闲益智
餐厅萌物语
105.7M | 模拟塔防
奇幻祖玛双刀微变版V1.0
13.04MB | 挂机养成
透视特戒超变传奇V1.80
292MB | 挂机养成
无限刀传奇发布网V1.0
292MB | 挂机养成
奉天传奇神器高爆版V1.80
292MB | 挂机养成
天元毒祖传奇V5.15
237MB | 挂机养成
2023-01-12
迷你世界怎么刷皮肤(迷你世界怎么刷皮肤勋章)
末世鼠疫2(末世鼠疫2职业选择)
dnf送礼物(dnf送礼物给npc有什么用)
公主连结怎么搭配38图速推阵容 阵容搭配推荐
战地5钢铁熔炉地图是怎么玩的 地图玩法技巧
九年阴影需要购买吗 购买建游戏购买建议及心得分享
钢铁崛起怎么做 圣厄斯塔什区1任务 游戏任务攻略
奥比岛手游领航员爱好家答案是什么 游戏题目答案一览
光遇有哪些秋宵节活动 中秋节活动介绍