天下网吧 >> 网吧系统 >> 系统动态 >> 正文

原来苹果iPhone上的3D Touch应该这样玩…

2016-5-1不详佚名

iPhone 6s和6s Plus 的压敏屏幕所带来的3D Touch 让iPhone 的交互多了一个全新的维度,交互从不再局限于2D平面手势,按压操作的加入使得手机交互进入了3D的维度。交互层次的提升让操作拥有了更大的潜力和截然不同的操作模式。

手机的屏幕对于不同力度的按压进行识别,并且作出不同的交互反馈。快速轻拍是大家习惯性的标准操作,而加大力度的按压则不同,两种不同的操作作用于图标和其他基本控件上的时候,会触发不同的反馈和结果。一般说来,新增按压力度这个维度之后,用户可以通过力度改变来获取更详细的信息和更丰富的菜单选项,提升了交互的层次,带来更丰富的体验,让产品更加得心应手。

那么对于UI和UX设计师而言,3D Touch能带来怎样的交互体验上的改变呢?今天的20个原型设计案例应该可以给你带来灵感。

IMG Upload Concept–3D Touch and Multi Selection

原来苹果iPhone上的3D Touch应该这样玩…

第一个案例来自中国杭州的设计师Leo Leung。在他的概念设计中,3D Touch并没有止步于预览(Peek)而开始加入更多更强的交互功能,可以快速高效地多选多个不同的图片,并且无需更多复杂的交互。

Adding a New Goal Animation

原来苹果iPhone上的3D Touch应该这样玩…

这个交互的设计思路看起来有点过于简单,但稍加推敲,你会发现它非常实用。Force Touch在此主要为用户提供触发“New Goal”的快速入口,整个交互的动画设计是顺滑而令人愉悦的,干净利落。

3D Touch for Cycling Concept

原来苹果iPhone上的3D Touch应该这样玩…

3D Touch在这个案例中,帮用户快速打开个人积分榜。不需要多次点击和滑动来一层层地进入特定界面,3D touch一发入魂,再加一个滑动操作,还可以触发“收藏”按钮。

3D Touch Notifications

原来苹果iPhone上的3D Touch应该这样玩…

Tom Graham的这个原创交互设计对于3D Touch而言相当有价值,它并不复杂,但是在当前的iOS通知推送系统基础上做出了合理的强化和优化。Force Touch打开通知预览,滑动收藏,滑动关闭,这些让通知系统的可用性更强了。

3d Touch Music Store

原来苹果iPhone上的3D Touch应该这样玩…

John Khester的3D Touch交互设计几乎是为在线音乐商店定制的,使用Force Touch触发专辑内容列表,使用滑动操作来触发专辑列表,和单纯的轻拍点击形成两条不同的交互路线。

3DTouch to Home

原来苹果iPhone上的3D Touch应该这样玩…

虽然这个交互设计只是简单的示意图,没有华丽的展示效果,但是它的用法和其他的设计有很大的不同,它作用于返回按钮,并且提供了快速返回首页的功能。

3D Touch for OS X

原来苹果iPhone上的3D Touch应该这样玩…

Mac的触控板上也有了Force Touch功能,而新加坡设计是Zhikuan的这个设计似乎就是以此为基础而设计的。Force Touch提供了预览功能,以及拓展而出的快捷操作按钮。

Shopping Peek–3D Touch

原来苹果iPhone上的3D Touch应该这样玩…

这位设计师的是为电商平台设计的,在列表页中无需点击进入具体产品条目,长按触发3D Touch来查看产品的基本信息。

Profile Peek and Pop

原来苹果iPhone上的3D Touch应该这样玩…

Peek和Pop是3D Touch的两个基本功能,而设计师Armand Chakhalyan针对带有图片的个人档的交互设计则融入了这两大功能。通过模糊背景和色调变化平稳过渡,实现了快速预览和弹出框两个交互。

3D Touch Animated Mo

本文来源:不详 作者:佚名

声明
声明:本站所发表的文章、评论及图片仅代表作者本人观点,与本站立场无关。若文章侵犯了您的相关权益,请及时与我们联系,我们会及时处理,感谢您对本站的支持!联系Email:support@txwb.com,系统开号,技术支持,服务联系QQ:1175525021本站所有有注明来源为天下网吧或天下网吧论坛的原创作品,各位转载时请注明来源链接!
天下网吧·网吧天下