我相信喜歡魅族的人一定是喜歡魅族的那份執(zhí)拗的勁，雖然現(xiàn)在為了順應(yīng)市場(chǎng)，這份執(zhí)拗似乎變得“緩和”了很多，但很多該有的堅(jiān)持都還在，借著魅藍(lán)E3的發(fā)布，我先給大家盤點(diǎn)一波，魅族這些年在手機(jī)Home鍵上都做過(guò)哪些文章？以及在對(duì)抗安卓三大金剛鍵上做過(guò)哪些交互上的努力？ 

◎題外話

喬布斯一直在給我們宣導(dǎo)iOS的操作邏輯就是打開和退出，所以他只做了一個(gè)Home Button，然后這個(gè)Home鍵延續(xù)了很多年，一直到iPhone X的發(fā)布。但是仔細(xì)探討的話，其實(shí)打開、退出只能說(shuō)是操作的邏輯的總概。返回這一基本操作才是使用頻率最高的功能按鍵。后來(lái)，隨著App的數(shù)量激增，多任務(wù)的需求也越來(lái)越大，程序的快速切換也成了必須。所以iPhone的全面屏手勢(shì)，應(yīng)運(yùn)而生。

iPhone X手勢(shì)

安卓早期對(duì)于功能導(dǎo)航鍵的分化過(guò)于細(xì)化，早期的安卓功能鍵是：Menu鍵，Home鍵，Back鍵以及Search鍵。后來(lái)Search鍵因?yàn)閼?yīng)用需求較小而被拋棄，形成了傳統(tǒng)的安卓三大金剛鍵。隨著安卓版本的不斷更新，以及需求改變，Menu鍵退出歷史舞臺(tái)取而代之的是多任務(wù)，變成了現(xiàn)階段的三大金剛鍵，并一直延續(xù)至今。

安卓傳統(tǒng)四按鍵

安卓傳統(tǒng)三按鍵

安卓三大金剛

◎腰圓鍵初現(xiàn)

從第一部魅族手機(jī)——Meizu M8開始。

魅族M8作為國(guó)內(nèi)最早的國(guó)產(chǎn)機(jī)皇，從魅族發(fā)聲要轉(zhuǎn)型做手機(jī)，一直到正式上市發(fā)布，經(jīng)歷了2年之久（2007-2009年），這中間究竟經(jīng)歷了多少的不易，我們作為用戶很難感知。

魅族M8

感覺跑偏了，說(shuō)正事！

魅族M8某種程度上受到當(dāng)時(shí)iPhone影響很大，而且當(dāng)時(shí)安卓系統(tǒng)還未正式推廣，黃章最后選擇了Windows CE的操作系統(tǒng)，整個(gè)下巴設(shè)計(jì)就是經(jīng)典一個(gè)印有魅族早期logo的home鍵，home鍵的功能相對(duì)也很單一，就是類似iPhone的操作。當(dāng)然這一代home鍵，也奠定了后續(xù)“腰圓”鍵的造型。

魅族M8腰圓Home鍵

評(píng)價(jià)：

外形：5分

交互：3分

◎安卓交互時(shí)代到來(lái)

2011年魅族M9上市

魅族M9

M9是魅族第一次加入安卓陣營(yíng)帶來(lái)的產(chǎn)品，下巴部分也為了迎合安卓三大金剛鍵做了改變。Home鍵的造型進(jìn)行重新設(shè)計(jì)，更偏后續(xù)MX4 Pro上的偏圓角矩形的造型，周邊還包圍了一圈金屬邊，這也是只能手機(jī)發(fā)展史上第一款。位于Home鍵的左右兩側(cè)則是用3個(gè)小點(diǎn)代替的Back鍵和4個(gè)小點(diǎn)代替的Menu鍵。這樣的設(shè)計(jì)，對(duì)比起同時(shí)期的安卓手機(jī)可以說(shuō)是完勝，無(wú)論是造型，還是靈性感上都有上升一個(gè)檔次。

魅族M9三大金剛鍵

當(dāng)然基本的交互邏輯還是在遵循安卓標(biāo)準(zhǔn)，并沒有什么大改動(dòng)。

評(píng)價(jià)：

外形：4分

交互：3分

◎小圓圈雛形初現(xiàn)

2012年年初魅族MX上市

作為魅族夢(mèng)想之作的開篇，經(jīng)歷多少有點(diǎn)波折，早期雙核版發(fā)熱問(wèn)題導(dǎo)致，產(chǎn)品壽命沒有維持多久，后來(lái)下半年又更新了四核版本，但總體設(shè)計(jì)并無(wú)大變。

魅族MX

而魅族MX的下巴，相對(duì)于魅族M9也做了小改。

最大的改變是將Home鍵變成了一個(gè)突出的小圓點(diǎn)，這個(gè)小圓點(diǎn)基本也就是后續(xù)小圓圈的初始原型。左右兩邊的Back和Menu鍵做了隱藏式設(shè)計(jì)，在觸控的時(shí)候會(huì)自動(dòng)點(diǎn)亮，這種隱藏式設(shè)計(jì)對(duì)于正面一體感的塑造功不可沒。

魅族MX小圓點(diǎn)雛形初現(xiàn)

 基本的交互邏輯也還是在遵循安卓標(biāo)準(zhǔn)，并沒有什么大改動(dòng)。

評(píng)價(jià)：

外形：4分

交互：3分 

◎小圓圈誕生

隨后魅族MX2上市

在我看來(lái)這算是魅族早期最為成熟的產(chǎn)品，并奠定了魅族后續(xù)很多機(jī)型的設(shè)計(jì)基調(diào)，也是我第一款購(gòu)入的魅族產(chǎn)品。

這一代魅族開始大刀闊斧的改變安卓傳統(tǒng)三大金剛鍵，硬件上直接看去Menu鍵以及Back鍵，僅保留了Home按鍵，且Home鍵大膽采用了備受廣大魅友的好評(píng)，被封為”信仰之圈“的小圓圈設(shè)計(jì)，成為了一個(gè)一見到她就知道這是魅族手機(jī)的標(biāo)志性設(shè)計(jì)語(yǔ)言。

魅族MX2

小圓圈的交互帶來(lái)的，不光是一個(gè)Home鍵的設(shè)計(jì)。同時(shí)可以作為通知呼吸燈，后續(xù)也支持長(zhǎng)按鎖屏。

◎SmartBar試水

當(dāng)然，F(xiàn)lyme畢竟是安卓系統(tǒng)，大刀闊斧的砍掉兩個(gè)金剛鍵，基本的操作邏輯會(huì)帶來(lái)很大的影響，虛擬按鍵條似乎不可阻擋了。

但一向?qū)υO(shè)計(jì)有所追求的魅族，也看到了虛擬按鍵條對(duì)顯示區(qū)域的擠占，這個(gè)時(shí)候SmartBar誕生了。

SmartBar

SmartBar算是一項(xiàng)交互的操作方案，可以智能的整合系統(tǒng)Back鍵和Menu鍵，讓他們和軟件功能合二為一。

SmartBar理念

 理論上來(lái)說(shuō)，只要Android應(yīng)用遵循Android Design的設(shè)計(jì)規(guī)范去開發(fā)程序，SmartBar就可以自動(dòng)適配，但是理想很豐滿，顯示很骨感，巧婦難成無(wú)米之炊。大量的軟件開發(fā)者因?yàn)橐�要同時(shí)開發(fā)Android和iOS的程序，很多應(yīng)用程序的UI就會(huì)照搬iOS上的，并未遵循Android Design的設(shè)計(jì)規(guī)范。而且已魅族的體諒，也很難去引領(lǐng)Android應(yīng)用開發(fā)者去適配。最終造成了只有少量的程序適配SmartBar的現(xiàn)象。

小圓圈+SmartBar

但這次努力，也讓我們看到了魅族對(duì)于交互的創(chuàng)新，魅族的想法。

在意識(shí)到了SmartBar不大可能成功的后，后續(xù)的Flyme版本也進(jìn)行了一些小更新，當(dāng)然不痛不癢。比如，在出現(xiàn)雙底欄現(xiàn)象時(shí)，可以設(shè)置底欄高度大小，較少占用面積；比如可以設(shè)置隱藏底欄。

可隱藏SmartBar固件發(fā)布

智能隱藏SmartBar選項(xiàng)

最后索性直接取消了SmartBar的，在小圓圈上嘗試更多的交互。

因此有了后來(lái)的：長(zhǎng)按小圓圈鎖屏，輕觸小圓圈返回，小圓圈上劃至屏幕執(zhí)行Home鍵操作，多任務(wù)則是屏幕底部?jī)蓚?cè)上劃。（我忘了是民間還是官方方法了）。

這一套的交互邏輯，算的上非常成熟的手勢(shì)操作了。

評(píng)價(jià)：

外形：5分

交互：4分 

◎mTouch誕生——安卓交互革命時(shí)代開啟

2014年11月19日，魅族MX4 Pro發(fā)布。

由于指紋識(shí)別技術(shù)的大力發(fā)展，指紋識(shí)別成了各家旗艦產(chǎn)品的標(biāo)配。不甘于試用后置指紋的魅族，又一次對(duì)下巴動(dòng)了刀子。魅族MX4 Pro也成了全球首款正面按壓式指紋識(shí)別方案的Android手機(jī)。

魅族MX4

當(dāng)時(shí)打出的口號(hào)也是回歸經(jīng)典，這個(gè)經(jīng)典呼應(yīng)的就是魅族M9上的矩形實(shí)體Home鍵。并引進(jìn)了全新的交互概念——mTouch。

mTouch1.0

mTouch，是集指紋識(shí)別，安卓功能按鍵于一體的交互產(chǎn)物。不光只是指紋解鎖，還兼顧Home按鍵，返回操作等操作�；�本邏輯：輕觸Home區(qū)域返回上一級(jí)（Back鍵功能），按下返回主界面（Home鍵功能），長(zhǎng)按可設(shè)置為鎖屏、喚醒語(yǔ)音助手，多任務(wù)依舊延續(xù)Home鍵兩側(cè)上劃呼出。

評(píng)價(jià)：

外形：3分

交互：4分

◎mBack順勢(shì)而生與腰圓鍵的確立

2015年6月2日，魅藍(lán)Note2發(fā)布。

魅藍(lán)Note2

雖然當(dāng)時(shí)指紋識(shí)別已經(jīng)在中高端機(jī)型上被普遍采用，但是中低端手機(jī)上上指紋的成本還是較高，且魅族一直堅(jiān)持前置指紋的方案，也增大了成本，于是另一種全新的交互又一次誕生——mBack。

mBack

mBack的整體的交互邏輯其實(shí)和mTouch如出一轍，只不過(guò)少了指紋識(shí)別，算是一個(gè)廉價(jià)版的mTouch�；�本邏輯：輕觸Home區(qū)域返回上一級(jí)（Back鍵功能），按下返回主界面（Home鍵功能），長(zhǎng)按可設(shè)置為鎖屏、喚醒語(yǔ)音助手，多任務(wù)依舊延續(xù)Home鍵兩側(cè)上劃呼出。

mBack

最大的改變大概是應(yīng)廣大網(wǎng)友的一至要求，將Home鍵的形狀換成了更偏魅族M8的腰圓造型，這一設(shè)計(jì)也被后續(xù)重廠商借鑒，畢竟相較于iPhone的圓形Home鍵，mBack的腰圓設(shè)計(jì)會(huì)更省屏幕面積。

mBack

這一設(shè)計(jì)一度被魅友形容成有毒的設(shè)計(jì)，用了就再也回不去了，可以說(shuō)是廣受好評(píng)。

評(píng)價(jià)：

外形：5分

交互：4分

◎mTouch2.0交互的終極王者

2015年6月30日，魅族MX5正式發(fā)布。

魅族MX5

這次的交互革命為我們帶來(lái)了全面升級(jí)的mTouch 2.0，這一交互一直被延續(xù)到后續(xù)很多魅族的眾多機(jī)型，包括所有魅藍(lán)，MX，PRO系列。甚至來(lái)說(shuō)，后續(xù)的很多廠商，如：小米，錘子，vivo等也都推出了類似的交互。

mTouch2.0

 mTouch 2.0是魅族綜合了mTouch 1.0以及mBack的優(yōu)秀操作和設(shè)計(jì)的產(chǎn)物，相較于mTouch1.0，其在Back操作的實(shí)施效率，準(zhǔn)確率上得到了全面的提升�；�本邏輯沒變：輕觸Home區(qū)域返回上一級(jí)（Back鍵功能），按下返回主界面（Home鍵功能），長(zhǎng)按可設(shè)置為鎖屏、喚醒語(yǔ)音助手，多任務(wù)依舊延續(xù)Home鍵兩側(cè)上劃呼出。

腰圓mTouch

然后就是升級(jí)了外觀，全面統(tǒng)一腰圓鍵的設(shè)計(jì)語(yǔ)言。

評(píng)價(jià)：

外形：5分

交互：5分 

◎全面屏?xí)r代的交互初試——Super mBack

在mTouch統(tǒng)治了魅族交互4年后，全面屏?xí)r代到來(lái)，mTouch顯得格格不入。2018年1月17日，魅藍(lán)S6發(fā)布后，魅族給我們帶來(lái)了新的交互，試圖帶領(lǐng)魅友進(jìn)入一個(gè)新的交互時(shí)代。不過(guò)，好像一切事與愿違。

魅族將自己的第一款全面屏手機(jī)的定義定義成了全面屏0.1，與之一起帶來(lái)的還有全新的全面屏交互方案——Super mBack。

Super mBack

魅族的小執(zhí)著是堅(jiān)決不用后置指紋，這一點(diǎn)我很欣賞，屏下指紋的方案太貴，用在魅藍(lán)上面就會(huì)造成成本上升，于是曲線救國(guó)，用了側(cè)面指紋識(shí)別，很好！

解決了指紋識(shí)別問(wèn)題后，接下來(lái)就是交互問(wèn)題。

魅族堅(jiān)持了這么久，一直在給三大金剛鍵做減法，你現(xiàn)在跟我說(shuō)你要用回三大金剛鍵，我相信魅族內(nèi)部是不愿意的，同時(shí)魅友也一定是不愿意的。內(nèi)部開會(huì)討論下吧，這可咋整？于是經(jīng)過(guò)一系列討論后，腦瓜一下就想到了“小圓圈”，用戶有情懷，也是設(shè)計(jì)的減法，來(lái)，造個(gè)試試。

小圓圈+mBack

Super mBack不單單是軟件及交互，因?yàn)樯婕暗搅似料聣毫�傳感器的加入�?/p>

小圓圈并不是MX2的硬件級(jí)別，而是軟件層次，因此是需要占據(jù)屏幕面積的�；�本的邏輯是：輕觸Back，重按Home，左右上劃多任務(wù)，長(zhǎng)按鎖屏，邏輯上和mBack 沒有什么大的差異；此外還增加了橫向劃動(dòng)——切換后臺(tái)任務(wù)，長(zhǎng)按空白區(qū)——快速切換多任務(wù)。前幾天魅藍(lán)E3發(fā)布會(huì)上又增加隱藏導(dǎo)航欄的選項(xiàng)。

Super mBack手勢(shì)操作

對(duì)于這個(gè)交互，其實(shí)不亞于iPhone X上的全面屏交互方式，但是我并不感冒它。

說(shuō)下我的理由：

1、我的內(nèi)心一直是拒絕虛擬按鍵存在的

很顯然Super mBack是需要占據(jù)屏幕底部區(qū)域的，這塊區(qū)域的大小足夠放下安卓原生的導(dǎo)航欄，所以在我看來(lái)并沒有做到減法。

Super mBack需占據(jù)屏幕面積

2、學(xué)習(xí)成本較大

對(duì)于我們這些老魅友來(lái)說(shuō)，其實(shí)都還好說(shuō)，但對(duì)于家里的來(lái)人來(lái)說(shuō)是真的難；過(guò)年給我爸媽買了一部手機(jī)，教了半小時(shí)手勢(shì)，仍然不熟練，最后還是放棄，讓他們用了虛擬按鍵。

當(dāng)然，對(duì)我來(lái)說(shuō)，其實(shí)就是第一個(gè)原因讓我很拒絕，我在自己的微博吐槽過(guò)很多次了。

Super mBack手勢(shì)操作

評(píng)價(jià)：

外形：3分

交互：5分 

◎總結(jié)

外形設(shè)計(jì)上無(wú)論是小圓圈還是腰圓鍵，都可以看作是手機(jī)顏值的加分設(shè)計(jì)；

交互上無(wú)論是SmartBar，mBack，mTouch還是現(xiàn)在的Super mBack都是卓有成效的交互變革；

而這些都可以在很多其他廠商的手機(jī)的“借鑒”程度上得到肯定。

Super mBack在我看來(lái)還只是一個(gè)半成品，是魅族自己都還沒思考清楚的交互。無(wú)論是布局，大小，顯示區(qū)域等等，我寧可接受OV，錘子那種簡(jiǎn)單粗暴的手勢(shì)，也不愿意看到自己的屏幕被虛擬按鍵條擠占（別和我說(shuō)什么可隱藏，也別和我說(shuō)什么懸浮球）。

目前看來(lái)最優(yōu)秀的全面屏手勢(shì)肯定是iPhone X，其次就是小米的手勢(shì)。但其實(shí)二者殊途同歸，二者核心方式幾乎是一樣的。

現(xiàn)在魅族缺的是時(shí)間，我相信魅友們?cè)敢獾却�魅族的下一個(gè)交互的完善和誕生，讓我們一起翹首以盼！

Generation-1

Generation-2

Generation-3

Generation-4

Generation-5