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

◎題外話

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

iPhone X手勢

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

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

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

安卓三大金剛

◎腰圓鍵初現(xiàn)

從第一部魅族手機——Meizu M8開始。

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

魅族M8

感覺跑偏了，說正事！

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

魅族M8腰圓Home鍵

評價：

外形：5分

交互：3分

◎安卓交互時代到來

2011年魅族M9上市

魅族M9

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

魅族M9三大金剛鍵

當然基本的交互邏輯還是在遵循安卓標準，并沒有什么大改動。

評價：

外形：4分

交互：3分

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

2012年年初魅族MX上市

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

魅族MX

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

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

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

 基本的交互邏輯也還是在遵循安卓標準，并沒有什么大改動。

評價：

外形：4分

交互：3分 

◎小圓圈誕生

隨后魅族MX2上市

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

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

魅族MX2

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

◎SmartBar試水

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

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

SmartBar

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

SmartBar理念

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

小圓圈+SmartBar

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

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

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

智能隱藏SmartBar選項

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

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

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

評價：

外形：5分

交互：4分 

◎mTouch誕生——安卓交互革命時代開啟

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

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

魅族MX4

當時打出的口號也是回歸經(jīng)典，這個經(jīng)典呼應的就是魅族M9上的矩形實體Home鍵。并引進了全新的交互概念——mTouch。

mTouch1.0

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

評價：

外形：3分

交互：4分

◎mBack順勢而生與腰圓鍵的確立

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

魅藍Note2

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

mBack

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

mBack

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

mBack

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

評價：

外形：5分

交互：4分

◎mTouch2.0交互的終極王者

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

魅族MX5

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

mTouch2.0

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

腰圓mTouch

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

評價：

外形：5分

交互：5分 

◎全面屏時代的交互初試——Super mBack

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

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

Super mBack

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

解決了指紋識別問題后，接下來就是交互問題。

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

小圓圈+mBack

Super mBack不單單是軟件及交互，因為涉及到了屏下壓力傳感器的加入。

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

Super mBack手勢操作

對于這個交互，其實不亞于iPhone X上的全面屏交互方式，但是我并不感冒它。

說下我的理由：

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

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

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

2、學習成本較大

對于我們這些老魅友來說，其實都還好說，但對于家里的來人來說是真的難；過年給我爸媽買了一部手機，教了半小時手勢，仍然不熟練，最后還是放棄，讓他們用了虛擬按鍵。

當然，對我來說，其實就是第一個原因讓我很拒絕，我在自己的微博吐槽過很多次了。

Super mBack手勢操作

評價：

外形：3分

交互：5分 

◎總結(jié)

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

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

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

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

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

現(xiàn)在魅族缺的是時間，我相信魅友們愿意等待魅族的下一個交互的完善和誕生，讓我們一起翹首以盼！

Generation-1

Generation-2

Generation-3

Generation-4

Generation-5