2015-2016年最受欢迎的手势设计是什么？比如，苹果的3D触控

【编者按】文章来自百度MUX翻译小组，应作者要求，如文章已获雷锋网授权转载，也请保留原标题。

译者注：本文译自UXPin出品的电子书Mobile Design Book of Trends 2015&2016中第一章Clever Gestures。这本电子书结合丰富案例讲述了2015-2016年间重要的移动设计趋势，共有6个章节：灵巧的手势操作、层级化的移动界面、隽永的字体排印、扁平化设计、愉悦的微交互、小卡片。

手势是新的一种点击操作 。

你在手机里打开的每个应用，游戏或者工具里一定包括滑动、点击、收缩的手势操作，这些是让移动应用能够工作的秘密。接下来，我们会了解更多关于手势的知识。

关于单纯的点击操作，设计师和开发者只需要考虑清楚点击行为应该在屏幕的什么位置。而对于屏幕上的手势操作，你需要思考这种类型的身体动作，手势在屏幕上的位置，还有用户是否能直观的找到、触摸到它。 

手势操作可以让页面更简洁好看，因为很多操作都隐藏在页面中。它可以加快用户的操作速度，让用户与各种形状、尺寸的设备进行舒适的互动。

那么，让我们深入了解现在主流APP的成功手势操作技术。

手势操作是指用户激活一个特定设计产生的所有身体动作, 它主要指手的动作，但也包括震动、倾斜、移动设备。 

（Photo credit：Transmit）

手势操作权威性的指南由Craig Villamor， Dan Willis，Luke Wroblewski 设定，包括许多动作的细节以及其如何工作，这个指南是一次关于人们使用移动设备和执行特定任务的研究编译出来的。 

（Photo credit：Touch Gesture Reference Guide. Creative Commons. ）

 点击：轻微触摸页面

 双击：两次快速的点击页面（常用于放大）

 拖拽：沿着页面移动，手指不离开屏幕

 收缩／放大：两个手指触摸屏幕收缩或放大

 长按：与页面保持长时间触摸

 轻滑：快速滚动

因为大屏手机越来越多，每一种手势需要让用户可以触手可及。这要求设计手势时要考虑到拇指的位置，统称为“拇指区域”。因为大部分用户习惯于用一只手拿着手机，拇指操作屏幕，设计师需要考虑用户单手操作所能触碰到屏幕的区域。

手势设计中，“手势按钮”的尺寸很重要，因为这里没有一个更好的方式来解释手势操作。为了更方便的操作，每一个按钮要足够大，至少要像拇指的尺寸（很多设计师参考“胖手指”原则）。

根据这个原理，“手势按钮”应该有44像素的宽度和高度（我们的实践显示30像素是最小的尺寸）,在更大的屏幕上，甚至要增加至70像素。此外，按钮和滑动手势应该充满整个屏幕，例如屏幕从左到右的任何一个地方都是可点击的按钮。

在移动设计上，手势总是和动画连接，动画是反馈用户完成一个行为或者任务的重要方式。

《交互设计和复杂动效》讲到动画的五个重要功能：

1. 动态通知

2. 展露信息

3. 凸显内容

4. 折叠表单和菜单

5. 滚动展示

让我们来思考一下，你每天使用APP接触多少种动画？这里有一个小的案例研究：使用这款叫Dark Sky 的天气预报APP。

（Photo credit：Dark Sky）

Dark Sky巧妙的将微手势和动画贯穿在整个APP中，呈现一天的温度有多热或者多冷这使用户有愉悦的用户体验。

1. 动态通知： 今天会下雨吗？ 页面内用微动画效果显示雨将会在什么时候下，滑动一下屏幕页面会显示关于雨水有多大的动画，这样一个简单的滑动就可以给你显示更多的信息。

2. 展露信息：基于轻击手势可以展开一整天的天气预报，你可以观察到每小时的天气情况。

3. 凸显内容： 这个APP拥有多屏，你可以通过左右滑动切换屏幕。

4. 折叠表单和菜单： 你也可以折叠起详情查看其他信息。例如，你可以点击页面顶部的菜单来折叠当前视图或者更换地理位置。

5. 滚动展示： 在逼真的坐标轴上旋转的雷达视图地球仪可以让你看见世界各地的天气状况，你也可以左右旋转屏幕底部的滑块来调整时间。

动画与手势相辅相成，如果没有动画效果，即使用户已经完成了一个手势动作，他们也得不到应有的反馈，所以动画效果使手势操作称为动作的一部分而不是单独的模块。

当然，随着新技术的发展，手势反馈方式也可能会发生改变，例如........

对于主要移动平台手势操作也很重要－iOS系统和Android系统都有关于手势操作的开发者指南。然而，iOS系统在iPhone 6s 中引进了一种新的手势操作叫3D触控。                    

（Photo credit：Apple）

苹果的3D触控，以前称为压力触控，将手势操作推进到一个更高的水平。设备可以通过感应屏幕上的压力，连接到相应的手势操作 例如：轻击、 重击、缩放手势。与其他手势操作对比，3D触控最大的不同是它被作为页面层级里的一层，用户可以在真正进入新的页面之前进行预览行为。

（编辑：云计算网_泰州站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!