恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
快速指南之移动设备上的 AR (第二部分)
0.0°
2018-04-24 自译外文 经验/观点 原作者: Bushra 举报 7974 30 244 4

Image title


在开始之前...


Image title

我经常被问到 AR 设计所需的技能和工具。事实上这项技术还处于起步阶段并没有明确的答案。设计师使用的方法正在慢慢摸索中,而确切的技能取决于设计师的激情,以后将会再讨论这些。


第一技能

Image title

有一种值得一提的技巧,它是每个项目的基础:

讲故事:有效地解释一系列的事件或行动的能力。

这一步对于任何关于动作或动画都是至关重要的,同样适用于 AR 设计。描述越详细具体就越容易实现,并最终进行测试。

“用户在房间里放一个物体。"
vs
“用户拖拽一个 3D 物体到地面上。”


Image title

一些基础

下面是一些基本的接口模式和行为集合。这些模式和行为是已经存在的,在设计 AR 体验时值得考虑。为了从绝对基础开始将不包括物体或面部识别。


增加内容 

一个物体如何在空间中进行展示可以为接下来的行为设定规范。


自动和手动

Image title


你的内容是自动放置在环境中?还是用户应该手动设置内容?


A)自动插入内容(例如当启动应用时,蜡烛会出现在桌子上方)。

B)与空间的交互决定了内容的位置(例如在桌子上点击添加蜡烛)。

C)用户通过确定内容的位置来指定内容的位置(例如将蜡烛拖到桌子上)。


Image title

位置指示器

Image title

使用位置指示器来显示可以放置内容的区域。

可视化指示器还可以帮助同时解决多个任务。

例如,一个方形的指示器它用了地面平面的角度和角度是一个很好的指示器。


还可以根据空间的内容决定放置的位置。这个指示器也可能是动画或一个引人注目的交互更有意义的方式(例如对象直接出现或者对象从一个盒子里出现)。


Image title

警告和奖励


Image title

奖励可以激励用户继续下一步动作或者完成一项成就。当他们是错误的方向时,可以给他们警告。

当有重要的时刻时要考虑到对整个环境的处理(例如在达成成就之后出现祝贺的礼花)。

Image title


屏幕指示


Image title

在对象移动到设备所面对以外的地方时要做好向用户发出警告的准备。电子游戏经常使用这个惯例,在屏幕的边缘有一个动态的箭头,或者一个指向未知方向的指南针。


内容交互

Image title

当前的移动设备涉及到触摸屏幕,用户在他们想做的事情和他们能做的事情之间总是会有某种形式的歧义。没有人能保证所有用户都能知道如何在移动设备上进行3D空间上的互动。下面是一些在整个过程中提供线索和线索模式的帮助。


“咔嚓”

“咔嚓”指的是自动调整或者一个指南。它类似于有磁力的东西,它越靠近另一个磁铁磁性就越强。


Image title


在现实世界中如果你把沙发推到墙上,重力和物理作用就会产生一些限制,防止家具漂浮或者穿过墙壁。我们自出生就知道这个道理了。


在 AR 中规则会有所改变,因为必须设计这些约束和逻辑。

下面是一些例子:

Image title


A)物体对齐(例如一个沙发正好挨着桌子的边缘)。

B)环境对齐(例如一个沙发放在地毯上)。

C)参考线对齐(例如一张桌子在地毯中间)。


Image title

参考线

将阴影、范围和参考线可视化展示一个物体。


Image title


  • 范围:一个二维或三维的边界,它规范了物体的体积、尺度和形状。
  • 阴影:表示距离,物体与物体的距离。
  • 参考线:表示对齐、接近的线或线索。
  • 光标:一个移动、旋转或缩放的视觉指示器 — 当用户只能做一个动作时这是很有用的。
  • 参数:对变化程度和范围的表示。

在第三部分将详细解释参考线和UI元素。感谢阅读!

Image title


原文链接:https://medium.com/@goatsandbacon/a-quick-guide-to-designing-for-augmented-reality-on-mobile-part-2-fb76fe87dd41

作者链接:https://medium.com/@goatsandbacon

更新:2018-04-24

收藏

30人已收藏

  • 75

    作品

  • 2695

    粉丝

  • 65

    关注

  • 11个表单设计小Tips
  • 产品设计的期望与现实
  • 七个设计的基本原则
  • 为什么大团队失败反而小团队取胜

    猜你喜欢

      2018-04-24 自译外文 经验/观点 原作者: Bushra 举报 7974 30 244 4

      快速指南之移动设备上的 AR (第二部分)

      0.0°

      你确定要举报 快速指南之移动设备上的 AR (第二部分)

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2018年04月24日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      244
      30
      4

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录