在线看视频你懂的,老司机性视频

隨著觸摸屏和傳感器技術(shù)的發(fā)展，出現(xiàn)了許多交互的機(jī)會(huì)，而手勢通常被認(rèn)為是與屏幕最自然的一種交互方式。手勢交互的普及，降低了人與設(shè)備之間的溝通門檻，并且?guī)砹烁锩泽w驗(yàn)和便捷。今天，我就帶大家回顧一下手勢交互的前世今生。

在 iPhone 發(fā)布之前，很多手機(jī)廠商都在尋找真正適合手機(jī)的觸摸屏設(shè)計(jì)。但它們看起來都不太智能，因?yàn)槭謾C(jī)有40%的區(qū)域都是實(shí)體鍵盤，那就意味著，固定的按鈕無法為 App 提供定制化功能。

2007-2019 手勢交互簡史

“智能手機(jī)們”

2007. 革命性的滑動(dòng)解鎖

– 初代 iPhone

2007年第一代 iPhone 掀起了智能手機(jī)的革命，具有高分辨率、多點(diǎn)觸控 Multi-Touch 功能的 iPhone，真正確立了手勢交互的標(biāo)準(zhǔn)。Jobs 放出領(lǐng)先對(duì)手5年的狂言，經(jīng)典的滑動(dòng)解鎖設(shè)計(jì)，更是讓人們贊嘆不已。

2007-2019 手勢交互簡史

初代 iPhone

2009. 經(jīng)典的多任務(wù)

– webOS 卡片式交互

我們在 iOS 和 Android 系統(tǒng)中看到的那種卡片式多任務(wù)形態(tài)，是由 webOS 率先提出的。這一段關(guān)于 webOS 交互界面的演示非常經(jīng)典，也征服了 2009 年 CES 發(fā)布會(huì)上近乎所有的觀眾。

2007-2019 手勢交互簡史

webOS 多任務(wù)演示

與 webOS 相比，同時(shí)期的 iPhone 還只停留在單任務(wù)的狀態(tài)。直到 2010 年的 iOS4 蘋果才正式引入多任務(wù)概念。再往后發(fā)展到現(xiàn)在，類似的卡片式多任務(wù)已經(jīng)可以在大部分手機(jī)中看到，但基本和 2009 年 webOS 所演示的成果大同小異。

2007-2019 手勢交互簡史

操作系統(tǒng)多任務(wù)后臺(tái)

雖然 WebOS 已經(jīng)死了，但卡片式界面已經(jīng)蓬勃發(fā)展。此外，Safari 和 Chrome 還將其標(biāo)簽視圖替換為具有相同手勢的卡片視圖。坦率地說，說這些操作系統(tǒng)不受WebOS的影響都是騙人的。

2011. 三大金剛鍵

– Android 4.0

2011年10月19日，三星與Google聯(lián)合在香港正式發(fā)布了首款搭載了Android4.0 的手機(jī)GALAXY Nexus。最新的 Android 操作系統(tǒng)引入了屏幕內(nèi)虛擬導(dǎo)航欄，最終，返回鍵、主頁鍵和多任務(wù)鍵的組合日漸深入人心，“三大金剛鍵”的名號(hào)應(yīng)運(yùn)而生。

2007-2019 手勢交互簡史

Android 三大金剛鍵

虛擬導(dǎo)航欄的優(yōu)勢其實(shí)不少，順應(yīng)了觸摸屏成為主流的發(fā)展趨勢。但缺點(diǎn)就是 App 程序內(nèi)的底欄會(huì)和虛擬導(dǎo)航欄組成“雙下巴”，讓人難以忍受。

2012. 魅族的小圓圈

– 小圓圈

魅族獨(dú)特的交互方式一直是它的優(yōu)勢，在安卓陣營都使用三大金剛鍵的背景下，魅族率先做出了小圓圈的設(shè)計(jì)。它可以實(shí)現(xiàn)多種手勢功能，例如鎖屏，返回，呼出語音等功能。

2007-2019 手勢交互簡史

魅族 MX 2

– mBack

「mBack，觸摸返回上一級(jí)，按壓返回桌面。」

魅族 mBack 是繼小圓點(diǎn)后又一標(biāo)志性設(shè)計(jì)，魅族用一顆實(shí)體按鍵同時(shí)實(shí)現(xiàn)了返回和回到桌面兩個(gè)功能，多任務(wù)則交給了屏幕底部上滑呼出。

2012. 英雄末路

– 為觸屏而生的 BlackBerry OS 10

2012 年 5 月，黑莓在美國召開發(fā)布會(huì)，展示了其專門為 Z10 研發(fā)的全新移動(dòng)操作系統(tǒng) BB 10。

2007-2019 手勢交互簡史

BlackBerry Z10

黑莓 Z10 整個(gè)機(jī)身正面沒有 Home 鍵或者菜單鍵來干擾視線，因?yàn)槭謩莼瑒?dòng)是 BB 10 的核心交互，到現(xiàn)在為止這個(gè)操作依然讓我記憶深刻，那可是2012年！

黑莓曾經(jīng)把這個(gè)功能叫做flow，也就是上劃解鎖，向上滑動(dòng)返回主頁，和 iPhone X 一樣的操作方式。但由于應(yīng)用生態(tài)軟件匱乏，最終宣告失敗。

2013. 懸浮手勢

– 索尼 Xperia Sola

索尼在 Xperia Sola 上引入 “浮空觸屏技術(shù)”（Floating touch），你不需要觸摸到屏幕就能滑動(dòng) Web 網(wǎng)頁，當(dāng)手指進(jìn)入到距離屏幕 15 毫米的范圍內(nèi)就能觸發(fā)操作手勢。而且它的感應(yīng)器很靈敏，能夠識(shí)別有效的點(diǎn)擊，滑動(dòng)，輕掃等手勢。

這項(xiàng)功能之后在三星 Galaxy S4 也得到了應(yīng)用：

2007-2019 手勢交互簡史

Samsung Galaxy S4

2017. 手勢的崛起

– iPhone X 開啟全面屏?xí)r代

2017年 iPhone X 的發(fā)布，正式開啟了全面屏?xí)r代。在過去 Home 鍵的主要作用是單擊回到主界面和雙擊調(diào)出多任務(wù)。而新 iPhone 取消了 Home 鍵，通過上滑、上滑懸停的手勢交互方式，最大化的提高屏幕空間使用效率。

2007-2019 手勢交互簡史

iPhone X

與圖形UI元素不同，手勢不需要視覺表示，因此可以為內(nèi)容留出更多空間，同時(shí)更高的屏占比有更好的操作體驗(yàn)。

2018. 擁抱全面屏手勢

隨著全面屏潮流席卷下，各大廠商相繼跟進(jìn)，開始擁抱“全面屏手勢交互”。

– vivo

在國內(nèi)幾家手機(jī)廠商中，vivo最早推出全面屏手勢。通過隱藏三大金剛虛擬鍵，將底部區(qū)域會(huì)劃分為左中右三塊，分別對(duì)應(yīng)原來三個(gè)按鍵的功能。

2007-2019 手勢交互簡史

在操作方式也比較容易，中間底部上滑可以直接返回主頁，右側(cè)底部上滑可以反回上一級(jí)，左側(cè)底部上滑可以調(diào)出多任務(wù)和控制欄。

2007-2019 手勢交互簡史

– 小米 MIUI

小米方面，MIUI 的操作邏輯有別于其他幾家。

中間上滑的操作與蘋果相似，同樣擁有兩功能，上滑時(shí)會(huì)返回主頁，停頓一秒調(diào)出多任務(wù)界面。不同的是，對(duì)返回上一級(jí)進(jìn)行了調(diào)整，左右邊緣向屏幕內(nèi)滑動(dòng)，都是返回上一級(jí)，這樣很好的避免了持握時(shí)左右手不同帶來的不便。

– 魅族 Flyme

魅族 Flyme 7 在 mBack 之外新加入了全面屏交互手勢，底部往上短滑為返回，往上長滑為返回桌面，上滑并停頓則是呼出多任務(wù)后臺(tái)。值得一提的是，在這三個(gè)主要的手勢之外，從屏幕側(cè)邊緣左右往內(nèi)滑也支持返回功能。

2007-2019 手勢交互簡史

2019. 一統(tǒng)江湖

– Android Q

在今年的 Google I/O 大會(huì)上，新版本 Android Q 除了保留傳統(tǒng)的三大虛擬按鍵和 Android P 的二鍵設(shè)計(jì)之外，啟用新手勢交互方案，屏幕底部便不會(huì)再出現(xiàn)返回鍵和導(dǎo)航欄，只會(huì)剩下一個(gè)指示條，所有手勢也都改成了和 iOS 系統(tǒng)一樣的操作邏輯，兩大陣營在交互上終于達(dá)成一致。

2007-2019 手勢交互簡史

– 未來已來：隔空手勢交互

LG 在今年 MWC 發(fā)布的 G8 ThinQ 帶來 Air Motion 隔空手勢操作，而 Google 方面也證實(shí) Pixel 4 將支持人臉解鎖和隔空手勢。Pixel 4 整合了 Soli 雷達(dá)遙控方案，讓你能利用手勢進(jìn)行靜音、切歌等等操作。你看，這個(gè)功能在吃小龍蝦的時(shí)候，是不是很方便呢？

2007-2019 手勢交互簡史