用一篇好文，带你回顾 2007-2019 的手势交互简史

随着触摸屏和传感器技术的发展，出现了许多交互的机会，而手势通常被认为是与屏幕最自然的一种交互方式。手势交互的普及，降低了人与设备之间的沟通门槛，并且带来了革命性体验和便捷。今天，我就带大家回顾一下手势交互的前世今生。

在 iPhone 发布之前，很多手机厂商都在寻找真正适合手机的触摸屏设计。但它们看起来都不太智能，因为手机有 40% 的区域都是实体键盘，那就意味着，固定的按钮无法为 App 提供定制化功能。

2007 革命性的滑动解锁

1. 初代 iPhone

2007 年第一代 iPhone 掀起了智能手机的革命，具有高分辨率、多点触控 Multi-Touch 功能的 iPhone，真正确立了手势交互的标准。Jobs 放出领先对手 5 年的狂言，经典的滑动解锁设计，更是让人们赞叹不已。

△ 初代 iPhone

2009 经典的多任务

1. webOS 卡互

 iOS  Android 系统卡任形，由 webOS 率先。 webOS 互界演示典，征 2009  CES 乎观众。

△ webOS 任演示

与 webOS 相比，同时期的 iPhone 还只停留在单任务的状态。直到 2010 年的 iOS4 苹果才正式引入多任务概念。再往后发展到现在，类似的卡片式多任务已经可以在大部分手机中看到，但基本和 2009 年 webOS 所演示的成果大同小异。

△ 操作系统多任务后台

虽然 WebOS 已经死了，但卡片式界面已经蓬勃发展。此外，Safari 和 Chrome 还将其标签视图替换为具有相同手势的卡片视图。坦率地说，说这些操作系统不受 WebOS 的影响都是骗人的。

2011 三大金刚键

1. Android 4.0

2011年10月19日，三星与Google联合在香港正式发布了首款搭载了 Android4.0 的手机 GALAXY Nexus。最新的 Android 操作系统引入了屏幕内虚拟导航栏，最终，返回键、主页键和多任务键的组合日渐深入人心，「三大金刚键」的名号应运而生。

△ Android 三大金刚键

虚拟导航栏的优势其实不少，顺应了触摸屏成为主流的发展趋势。但缺点就是 App 程序内的底栏会和虚拟导航栏组成「双下巴」，让人难以忍受。

2012 魅族的小圆圈

1. 小圆圈

魅族独特的交互方式一直是它的优势，在安卓阵营都使用三大金刚键的背景下，魅族率先做出了小圆圈的设计。它可以实现多种手势功能，例如锁屏，返回，呼出语音等功能。

△ 魅族 MX 2

2. mBack

mBack，触摸返，按压返。

魅族 mBack 继圆标志，魅族颗按键返功，任则屏幕滑呼。

2012 英雄末路

1. 为触屏而生的 BlackBerry OS 10

2012年5月，黑莓在美国召开发布会，展示了其专门为 Z10 研发的全新移动操作系统 BB 10。

△ BlackBerry Z10

黑莓 Z10 身 Home 键或者键扰视，势滑 BB 10 核互，止操依忆深刻，2012。

黑莓曾经把这个功能叫做 flow，也就是上划解锁，向上滑动返回主页，和 iPhone X 一样的操作方式。但由于应用生态软件匮乏，最终宣告失败。

2013 悬浮手势

1. 索尼 Xperia Sola

索尼 Xperia Sola 引 「浮空触屏」（Floating touch），需触摸屏幕滑 Web 页，指距离屏幕 15 毫范围触操势。它应灵敏，够识效击，滑，轻扫势。

这项功能之后在三星 Galaxy S4 也得到了应用：

△ Samsung Galaxy S4

2017 手势的崛起

1. iPhone X 启屏

2017  iPhone X ，启屏。，Home 键击界击任。 iPhone 取消 Home 键，滑、滑悬势互，屏幕空使效率。

△ iPhone X

与图形 UI 元素不同，手势不需要视觉表示，因此可以为内容留出更多空间，同时更高的屏占比有更好的操作体验。

2018 拥抱全面屏手势

随着全面屏潮流席卷下，各大厂商相继跟进，开始拥抱「全面屏手势交互」。

1. vivo

在国内几家手机厂商中，vivo 最早推出全面屏手势。通过隐藏三大金刚虚拟键，将底部区域划分为左中右三块，分别对应原来三个按键的功能。

操作方式也比较容易，中间底部上滑可以直接返回主页，右侧底部上滑可以返回上一级，左侧底部上滑可以调出多任务和控制栏。

2.  MIUI

，MIUI 操逻辑。

中间上滑的操作与苹果相似，同样拥有两个功能，上滑时会返回主页，停顿一秒调出多任务界面。不同的是，对返回上一级进行了调整，左右边缘向屏幕内滑动，都是返回上一级，这样很好地避免了持握时左右手不同带来的不便。

3. 魅族 Flyme

魅族 Flyme 7 在 mBack 之外新加入了全面屏交互手势，底部往上短滑为返回，往上长滑为返回桌面，上滑并停顿则是呼出多任务后台。值得一提的是，在这三个主要的手势之外，从屏幕侧边缘左右往内滑也支持返回功能。

2019 一统江湖

1. Android Q

在今年的 Google I/O 大会上，新版本 Android Q 除了保留传统的三大虚拟按键和 Android P 的二键设计之外，启用新手势交互方案，屏幕底部便不会再出现返回键和导航栏，只会剩下一个指示条，所有手势也都改成了和 iOS 系统一样的操作逻辑，两大阵营在交互上终于达成一致。

2. 未来已来：隔空手势交互

LG 在今年 MWC 发布的 G8 ThinQ 带来了 Air Motion 隔空手势操作，而 Google 方面也证实 Pixel 4 将支持人脸解锁和隔空手势。Pixel 4 整合了 Soli 雷达遥控方案，让你能利用手势进行静音、切歌等等操作。你看，这个功能在吃小龙虾的时候，是不是很方便呢？

总结

随着时间的推移，手机相关技术和功能都在不断向前发展。在全面屏的潮流之后，手势交互未来又会往哪方面发展呢？让我们一起期待新的技术革命早点到来。

欢迎关注作者的微信公众号：「洋爷」