從小米5G與華為Mate30發(fā)布會(huì),看設(shè)計(jì)趨勢(shì)

3 評(píng)論 14834 瀏覽 18 收藏 9 分鐘

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

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

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

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

從小米5G與華為Mate30發(fā)布會(huì)看設(shè)計(jì)趨勢(shì)

上HUAWEI Mate 30 Pro,下小米MIX Alpha

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

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

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

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

從小米5G與華為Mate30發(fā)布會(huì)看設(shè)計(jì)趨勢(shì)

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

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

———

二、無觸碰感知

從小米5G與華為Mate30發(fā)布會(huì)看設(shè)計(jì)趨勢(shì)

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

畢竟移動(dòng)設(shè)備的使用情景大部分是手持設(shè)備,所以要讓人用另一只手做手勢(shì),那還不如動(dòng)動(dòng)手指劃一下。所以手勢(shì)識(shí)別技術(shù)對(duì)手機(jī)并不適用,適用場(chǎng)景有哪些呢?

我簡(jiǎn)單的設(shè)想了一下:

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

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

從小米5G與華為Mate30發(fā)布會(huì)看設(shè)計(jì)趨勢(shì)

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

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

從小米5G與華為Mate30發(fā)布會(huì)看設(shè)計(jì)趨勢(shì)

未來已不遠(yuǎn)。

三、漸變

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

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

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

交互設(shè)計(jì)上漸變運(yùn)用的3大手法:色彩漸變、半透漸變、大小漸變。

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

從小米5G與華為Mate30發(fā)布會(huì)看設(shè)計(jì)趨勢(shì)

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

IOS13是未用漸變效果的實(shí)例,可以對(duì)比看看效果。

從小米5G與華為Mate30發(fā)布會(huì)看設(shè)計(jì)趨勢(shì)

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

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

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

MIUI11運(yùn)用格式塔原理的接近、相似、簡(jiǎn)單性原則,去掉了大部分瑣碎的分割線,可以對(duì)比一下EMUI10和IOS13,整個(gè)界面干凈了許多,也更突出重點(diǎn)。

從小米5G與華為Mate30發(fā)布會(huì)看設(shè)計(jì)趨勢(shì)

上MIUI11,中EMUI10,下IOS13

五、總結(jié)

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

 

作者:曹欣穎,交互設(shè)計(jì)師;微信公眾號(hào):UEDesigner

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

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

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 你買回去體驗(yàn)下手勢(shì)、5G啥的,就知道有點(diǎn)悔了。Mate20就上了一代的5G,然后移動(dòng)還在5G“未來”的路上。。。真上了還不知道出什么要餓子。

    來自廣東 回復(fù)
  2. 有思想

    回復(fù)
  3. 很好的總結(jié)

    來自北京 回復(fù)