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

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

提交需求

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

0/20
0/200

设计大赛

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

提交完成
感谢您对UI中国的支持和信赖!
hyperlapse的交互细节
0.0°
2014-09-10 自译外文 经验/观点 原作者: brian lovin 举报 34282 88 47 6

Hyperlapse是App Store上炙手可热的新宠,我相信很多人已经体验过它极简的风格。Wired网站在前些天更是把Hyperlapse比作价值15,000美元的掌上录像机,这评价实在太大胆了。

在本文中,我将详尽的介绍Hyperlapse的交互细节以及Instagram设计师在其所倾注的风格传统。要知道,这个程序实在是太简单太美妙了,体验中让人不禁问出:“就是这样么?”

是的,就是这么简单。

下面,让我们切入正题。

1欢迎页

还有什么比直接展示这款App所创作的精美短片更能吸引用户的呢?Hyperlapse正是把握了这点,用简明又考究的方式让用户知道他们也能制作出‘那样’的短片。

在此,我唯一的建议就是,屏幕下方的提醒翻页的几个小点实在是太难被注意到了。我甚至能够想象有些用户根本意识不到他们应该向左滑动,进入下一界面。

另外,请注意Hyperlapse的圆形图标,随颜色渐变的斜面旋转着非常炫丽,比苹果的边框切面要还要精致很多。


2进入

正如任何Facebook旗下的App,模糊和弹性效果贯穿了整个Hpyerlapse体验中。稍作等待后,会弹出是否允许访问摄像头的提示。

下方的按钮会根据我的触摸作用,暂停或是模糊,当然具体的操作之后我会详尽介绍。

 

3按钮

我希望Instagram的设计师能够解答一下,当我用摄像机查看周围的环境时,记录按钮偶尔会从彩色变成黑白,这个改变的确不太容易被察觉,但我还是想知道为什么一直在变换呢?


4亮度

我发现光感传感器经常会提示我光线不足,即使我是在一个光线很好的环境下(动图展示中,我是在下午的室外)。好吧,后来我知道这只是一个友好的提示,以帮助用户录制更好的画质。


5进度提示

当我第一次使用的时候,我实在不明白对按钮下方的时间显示。在用过几次之后才知道,左边显示的是原始记录时间,右方显示加工后的短片时间(初始设置为6倍加速)。

用户在初次使用时势必要困惑于此,很难以察觉的交互设计呢。


6速率改变

如果我的动图让你很迷惑,我先说句抱歉了,实在已经尽力!

这实际上是我的喜欢Hyperlapse的一个细节,的确很聪明。当你改变时间推移速度,随着用户手指的滑动,透明的黑色覆盖在屏幕上的闪现出文本会显示当前的速率乘数。


7防抖

这是一个被隐藏的交互体验,在预览的过程中可通过点按屏幕,即可快速比较经过防抖处理和未经防抖处理的视觉效果。虽然这并没有太大的作用,期待Hyperlapse在今后能够有更多功能上的改进。


8删除

当你删除一个Hyperlapse,整个页面会向右上角滑出消逝,取代选择删除或稍后编辑选项时模糊的背景,最后又回到拍摄模式。整个光滑无缝的视图切换动效也是产品真正的乐趣所在。


9保存分享

一旦你保存你的第一个Hyperlapse,应用会直接引导你下一步分享或是新Hyperlapse。动图展示了每一个按键的细节,但是更值得注意的是在此整个全部模糊的背景框图。

10锁定

点击按住屏幕上任何一个位置,在录制过程中就可聚焦锁定在这个特殊的点上。


11保存编辑

我最后一个介绍的细节就在这个稍后编辑上,Hyperlapse很好的利用了动效,和色彩,使整个操作流程都相当生动。

更新:2014-09-10

收藏

88人已收藏

Muselilys

Know your shabby.

  • 32

    作品

  • 501

    粉丝

  • 6

    关注

  • 设计师如何找到自己真正热爱的工作
  • 你的滚动条
  • Twitter设计总监谈“宏交互”
  • 乌托邦式UI构建者:Bret Victor
相关标签

    猜你喜欢

      2014-09-10 自译外文 经验/观点 原作者: brian lovin 举报 34282 88 47 6

      hyperlapse的交互细节

      0.0°

      你确定要举报hyperlapse的交互细节

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

      0/200

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

      点击上传附件

      对谁可见:

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

      您确认要推荐?

      该作品发布时间:2014年09月10日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      47
      88
      6

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

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

      登录

      手机号

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

      登录
      第三方账号登录