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很好的利用了动效,和色彩,使整个操作流程都相当生动。
 |