剛剛結(jié)束的小米5G發(fā)布會和華為Mate30發(fā)布會帶給我很多震撼，不論是小米的環(huán)繞屏還是華為的曲面屏，都在暗示著交互設(shè)計上的一種趨勢或者方向，結(jié)合自己的工作領(lǐng)域與方向，以下總結(jié)了四個方向，希望對大家的思考也能提供一定的幫助。

1. 曲面屏的聯(lián)想；
2. 無觸碰感知—手勢交互；
3. 漸變趨勢；
4. 更輕更輕更輕的格式塔設(shè)計。

一、曲面屏的聯(lián)想

其實曲面屏已經(jīng)面世很久了，但是一直不太關(guān)注，原因也是因為各種配套設(shè)置跟不上，所以實用性非常低。對于廠商來說曲面屏的成本也很高，所以主流市場依然以全面屏作為設(shè)計潮流。但是這兩天的發(fā)布會，兩廠的設(shè)計結(jié)合來看，我認為移動終端又要迎來一次革命。

上HUAWEI Mate 30 Pro，下小米MIX Alpha

為什么說曲面屏?xí)硪淮胃锩?，首先看看這兩款手機帶來的兩個優(yōu)化技術(shù)：

1. 側(cè)邊按鍵支持映射app功能（華為）
2. 震感優(yōu)化（小米）

雖然震感加強在小米發(fā)布會上是一個特別小的點，僅用了5頁ppt介紹，但是這對沉浸感設(shè)計影響很大！目前游戲設(shè)計上做體驗主要關(guān)注的是形和聲，而玩手柄、switch或其他的人就比較了解不同觸感帶來的體驗也是另一種點睛之筆，當(dāng)然這只是其中一點。

結(jié)合華為帶來的側(cè)邊映射功能，我們還可以這樣：

我其實沒有體驗過小米的震感，但是目前市面上已有的震感反饋已經(jīng)可以模擬點擊按鈕的效果，我相信要盡可能模擬遙控器、手柄、switch、體感儀等等這些終端將更為容易。十幾年前有萬能遙控器，也許過不了多久就有萬能手機了。

另外腦補一下，目前震感都是做在一個馬達上，所以震感是通過整手的，要完美模擬現(xiàn)實效果還是需要做單點震動，不過想想都很困難，而且這只是一個體驗優(yōu)化而已。

———

二、無觸碰感知

華為發(fā)布會上還有一個新功能不得不說就是隔空手勢識別，有機構(gòu)曾發(fā)布報告稱，至2024年，“手勢識別和無觸碰感知”市場將達到340億美元。不過發(fā)布會上說的功能對我而言似乎只有在洗澡的時候挺有用。

畢竟移動設(shè)備的使用情景大部分是手持設(shè)備，所以要讓人用另一只手做手勢，那還不如動動手指劃一下。所以手勢識別技術(shù)對手機并不適用，適用場景有哪些呢？

我簡單的設(shè)想了一下：

• AR眼鏡VR設(shè)備
• 手環(huán)柯南的球鞋（開玩笑）
• 燈
• 空調(diào)
• 電視等物聯(lián)網(wǎng)設(shè)備

所以我們真正值得關(guān)注的其實是手勢識別。其實手勢交互已經(jīng)早有研究，結(jié)合目前火熱的AR真是酷炫的一嗶。

這個視頻是ManoMotion官網(wǎng)的演示視頻，視頻中演示的是裸手自然手勢交互，區(qū)別于華為的固定手勢，他的厲害之處在于不借助leap motion或深度攝像頭，純靠視覺算法實現(xiàn)，在普通手機上就可以運行，而且開放了sdk，感興趣可以去下載體驗。

不過它的缺點是你需要一直開著攝像頭，這不正是AR所帶來的么。所以我們大膽幻想一下（不太遠的未來），也許在上一節(jié)剛剛說的遙控器、體感儀這類的簡單設(shè)備完全可以通過AR實現(xiàn)。

未來已不遠。

三、漸變

我們回來扯點實際的東西，看了MIUI小凡的演講，這次“聲色雙全”相關(guān)的版本更新大致有以下幾個內(nèi)容（效率革新可以參考之前寫的淺談交互設(shè)計師的價值所在）：

1. 動態(tài)字體系統(tǒng)；
2. 動態(tài)息屏；
3. 動態(tài)自然音效體系。

從字體到屏幕到聲音，我總結(jié)下來他們只做了一件事情，漸變。這是從2017年開始的平面設(shè)計趨勢，將它運用到其他范圍就拿了2個紅點獎，想法挺贊的。漸變是一種趨勢，順著趨勢走似乎怎么走都不會錯。

交互設(shè)計上漸變運用的3大手法：色彩漸變、半透漸變、大小漸變。

直接上一張小米官網(wǎng)視頻自己感受，無聲中表達了他們這次迭代的內(nèi)容：更柔和、更簡約、更簡單。

色調(diào)漸變用的最多的是兩種顏色，最近越來越多三色漸變出現(xiàn)，在柔和安靜之中又增加了一絲活力，不過三色漸變更加考驗設(shè)計能力。我們可以延伸思考在交互上，比如按鈕移入移出時的漸變色彩變化，界面喚醒或其他需要前后明暗對比的地方。

IOS13是未用漸變效果的實例，可以對比看看效果。

半透漸變多用來做界面融入設(shè)計，這個交互設(shè)計中運用比較多，可以用在平面設(shè)計，也可用在界面交互過程。設(shè)計不分大小，大如打開界面，小如tips說明，都可以在出現(xiàn)的時候運用漸變方式使之出現(xiàn)得更加自然。另外，多漸變的疊加使用也非常有意思，如果我們把兩個漸變的播放時間錯開一點，后出現(xiàn)的內(nèi)容會更加引人關(guān)注。

大小漸變更多運用在動畫效果上，起引導(dǎo)視覺、強調(diào)等作用，也經(jīng)常與其他漸變方式混合使用。

四、更輕的格式塔設(shè)計

MIUI11運用格式塔原理的接近、相似、簡單性原則，去掉了大部分瑣碎的分割線，可以對比一下EMUI10和IOS13，整個界面干凈了許多，也更突出重點。

上MIUI11，中EMUI10，下IOS13

五、總結(jié)

隨著越來越多的碎片信息出現(xiàn)，人們發(fā)現(xiàn)要關(guān)注的內(nèi)容也越來越多，時間越來越寶貴。而人的關(guān)注力是一種有限資源，所以更加傾向于易理解、順暢無障礙的操作。在同類產(chǎn)品硬件實力提升變緩的時候，做體驗無疑是性價比最高的一種方式。

作者：曹欣穎，交互設(shè)計師；微信公眾號：UEDesigner

本文由 @曹欣穎 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載

題圖來自Unsplash，基于CC0協(xié)議