1310-6499-520
今天是:
站内搜索:  
您的当前位置:主页 > 知识博客 > 设计管理 >
联系我们

名称:九分网络科技

联系:13106499520

地址:福建省福州市仓山区金榕南路553号


扫一扫添加微信

今年超火的放置类AR设计,送你一份大厂出品的设计指南(下)--九分网络

时间:2020-06-27   分类:设计管理    作者:网络   来源:网络整理   点击:184

今年超火的放置类AR设计,送你一份大厂出品的设计指南(下) 本文来自九分网络

内容采集来自9fen.net

编者按:近几年AR的概念非常火热,正在改变着我们与外界的交互方式。究竟AR模型的手势如何设计交互的体验如何改善,一起来看这篇好文。

内容采集来自9fen.net

往期回顾:《今年超火的放置类AR设计,送你一份大厂出品的设计指南(上)》

内容采集来自9fen.net

模型交互的设计分析及体验建议模型交互的作用范围及交互特点

当用户在真实环境的场景中稳定放下物体模型后,会有与模型进行进一步互动的需求。这类模型交互,通常会改变模型本身的物理属性。例如: 本文来自九分网络

移动:改变物体在环境中的位置。

九分网络

缩放:改变物体的大小。 内容采集来自9fen.net

旋转:旋转物体便于用户不改变自身位置观察物体。

九分网络

删除/重置:让模型在环境中消失或出现。 九分网络

基于目前的 AR技术和手机设备限制,目前的模型交互主要是通过屏幕利用二维交互驱动 AR 三维场景中的模型,从而与模型进行互动。屏幕二维交互设计,主要是利用二维手势和界面控件去达到交互的目的。例如: www.9fen.net

按钮/摇杆:在手机界面中设计按钮、摇杆。

九分网络

手势:目前技术支持的瞬间的手势操作、连续的手势操作。比如单指点击、单指长按、双指缩放、双指旋转等等,我们在日常使用APP常用的手势操作。

九分网络

通过进行合理的分析设计,赋予这些手势和界面控件具体的功能,去控制三维场景中模型的移动、旋转、缩放。 九分网络

今年超火的放置类AR设计,送你一份大厂出品的设计指南(下)

内容采集来自9fen.net

内容采集来自9fen.net

模型移动的交互定义及设计形式

用户会与模型进行互动,移动是最为常见的一种操作行为。通过在手机屏幕的手势操作或按钮操作,控制模型在现实场景中的位移。

本文来自九分网络

我们需要通过设计用户使用常用并熟知的手势与模型进行交互,利用二维手势驱动三维空间中的模型在X轴、Y轴、Z轴的位移。

copyright 9fen.net

今年超火的放置类AR设计,送你一份大厂出品的设计指南(下)

内容采集来自9fen.net

copyright 9fen.net

放置模型后根据移动范围X轴、Y轴、Z轴,与在现实环境的虚拟模型进行移动互动操作,设计手段包括手势、摇杆的方式。可以参考以下五种设计内容: www.9fen.net

单指按住左右移动:模型移动以屏幕有效的外侧边沿为限。 本文来自九分网络

单指按住前后移动:纵深移动遵循近大远小的透视效果。 九分网络

单指按住上下移动:模型以中轴线上下移动,实际为改变模型所在平面位置,投影以暗示高度。(需注意,单指按住前后和上下移动不会同时出现。)

www.9fen.net

点哪去哪:模型从原位置向目标位置移动。 copyright 9fen.net

界面摇杆:若屏幕手势交互有可能对控制对象造成持续遮挡,或者无法很好的完成复杂操作要求,可以通过屏幕控件满足需求。

copyright 9fen.net

今年超火的放置类AR设计,送你一份大厂出品的设计指南(下)

九分网络

copyright 9fen.net

今年超火的放置类AR设计,送你一份大厂出品的设计指南(下) 九分网络

内容采集来自9fen.net

今年超火的放置类AR设计,送你一份大厂出品的设计指南(下)

内容采集来自9fen.net

内容采集来自9fen.net

模型移动并非需要X、Y、Z三个轴均开放,实际是根据模型位移交互的具体需求去选择开放维度,并设计合理的交互方式去响应模型的移动。可参考以下案例: 九分网络

今年超火的放置类AR设计,送你一份大厂出品的设计指南(下) 内容采集来自9fen.net

内容采集来自9fen.net

今年超火的放置类AR设计,送你一份大厂出品的设计指南(下)

copyright 9fen.net

www.9fen.net

模型旋转的交互定义及设计形式

在现实场景中除了移动模型的位置,还可以通过旋转360°来观察模型细节,不仅控制模型还能把玩模型,赋予模型生命感,让用户更好地与模型进行互动。设计手段主要是针对手势的设计。可以参考以下三种设计内容:

本文来自九分网络

双指顺/逆时拧:一只手双指顺时/逆时拧旋转模型。 九分网络

双指向左/向右滑动:一只手双指左右滑动。 内容采集来自9fen.net

单指向左/向右滑动:一只手单指左右滑动。 九分网络

标签: AR设计 放置类AR设计

郑重声明:本文版权归原作者所有,九分网络转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。


九分网络专业提供公众号、小程序、PC及移动端站点搭建!网站程序及服务器维护:13106499520。微信:452570709

----相关文章----