國(guó)產(chǎn)定制系統(tǒng)先驅(qū)！從歷代魅族設(shè)計(jì)暢聊Flyme 8

現(xiàn)代人與屏幕交流的時(shí)間已經(jīng)占據(jù)了生活的絕大部分：日常的溝通、支付、出行，都離不開(kāi)手機(jī)；你與手機(jī)交流、與手機(jī)五指緊扣的時(shí)間，比親密的伴侶還要多出數(shù)倍。

而系統(tǒng)作為你與手機(jī)交流的皮膚，也因手機(jī)品牌的多樣性而出現(xiàn)了多元化。

如今，每個(gè)品牌都有著自己的一套設(shè)計(jì)風(fēng)格，向用戶述說(shuō)著自己的品牌DNA。而提到國(guó)產(chǎn)手機(jī)設(shè)計(jì)的先驅(qū)，就不得不提到魅族，提到Flyme。

魅族—;—;匠心

在日本的制造、日本的設(shè)計(jì)中，總會(huì)提到那么一個(gè)詞：匠心。

何為匠心？能工巧匠的心思，分毫必究，在設(shè)計(jì)的每一個(gè)細(xì)節(jié)上都做到錙銖必較。這或許就是匠心最好的證明。

魅族 MX2 ：超前的創(chuàng)造力

在十分久遠(yuǎn)之前，不少國(guó)產(chǎn)手機(jī)都被貼上了一些相對(duì)貶義的標(biāo)簽，那時(shí)候的手機(jī)品牌還以洋品牌為主。

摸索著轉(zhuǎn)型的魅族，用魅族M8開(kāi)創(chuàng)了全新的時(shí)代先河，開(kāi)創(chuàng)了從無(wú)設(shè)計(jì)到有設(shè)計(jì)；而后，魅族 M9 的內(nèi)外全開(kāi)花，用實(shí)力為全世界消費(fèi)者所折服。

魅族MX2時(shí)代，那個(gè)設(shè)計(jì)上極其偏執(zhí)的魅族走上了舞臺(tái)。

在設(shè)計(jì)上，魅族MX2有太多可說(shuō)的地方了。在延續(xù)魅族MX的圓潤(rùn)外觀上，魅族MX2進(jìn)行了細(xì)節(jié)的進(jìn)一步優(yōu)化，讓手機(jī)手感更佳；在全行業(yè)使用塑料機(jī)身之時(shí)，魅族將不銹鋼+雙料注塑工藝完美結(jié)合。

除了在設(shè)計(jì)和材質(zhì)上變化外，魅族在大家都不知道屏占比為何物之時(shí)，就在魅族MX2上用上了當(dāng)時(shí)全球最窄的3.15mm邊框；在三大天王鍵設(shè)計(jì)異常突兀的年華里，魅族用發(fā)光的虛擬小圓圈做成了 home 鍵，科技感十足。

這時(shí)候的魅族，用設(shè)計(jì)、堆料、匠心，甚至說(shuō)超前的創(chuàng)造力，在國(guó)產(chǎn)手機(jī)上開(kāi)創(chuàng)了一個(gè)又一個(gè)美學(xué)設(shè)計(jì)先例。

一刀切：美學(xué)與信號(hào)的完美結(jié)合

手機(jī)天線的設(shè)計(jì)，可謂是手機(jī)中最富技術(shù)含量的，是影響手機(jī)信號(hào)的最重要因素。

在iPhone 4時(shí)代，由于激進(jìn)的設(shè)計(jì)而鬧出了“死亡之握”的笑話，金屬機(jī)身對(duì)手機(jī)信號(hào)有巨大的干擾為人們所熟知，但在優(yōu)秀的手感面前，宛如蜜糖與毒藥。

不少手機(jī)廠商為了兼顧信號(hào)和手感，將金屬進(jìn)行切割、分段，這樣的設(shè)計(jì)犧牲了手機(jī)的美感與手感。

在魅族PRO 6上，出現(xiàn)“一刀切”天線工藝。在全機(jī)身背面上下各開(kāi)一刀，解決了工程和設(shè)計(jì)的矛盾，還解決了信號(hào)問(wèn)題。

iPhone 7 Plus也選擇了這樣的天線設(shè)計(jì)，可以說(shuō)魅族的設(shè)計(jì)已經(jīng)成為手機(jī)行業(yè)的標(biāo)桿。

極邊全面屏：這是魅族對(duì)這個(gè)時(shí)代的吶喊

在手機(jī)開(kāi)始追求屏占比之時(shí)，為了那個(gè)屏占比數(shù)值，不少?gòu)S家不得不采用水滴屏、劉海屏幕，甚至用上了破環(huán)機(jī)身重量平衡的機(jī)械式升降結(jié)構(gòu)，在設(shè)計(jì)上一向有獨(dú)立主張的魅族，選擇了用“meizu design”來(lái)向時(shí)代吶喊。

魅族希望屏占比盡可能高，邊框盡可能窄，同時(shí)還要保持整機(jī)的對(duì)稱設(shè)計(jì)。

這樣的屏幕沒(méi)有公版設(shè)計(jì)，只能再一次重新開(kāi)模定制。魅族與三星合作定制了18：9的6英寸和6.5英寸AMOLED顯示屏。

這兩塊屏幕所有元器件都采用最新工藝，全都要量身定制，提供最大程度的窄邊框結(jié)構(gòu)，這種設(shè)計(jì)魅族稱之為“極邊全面屏”。

為了與整機(jī)邊角相呼應(yīng)，魅族精心設(shè)計(jì)了用六段弧線組成的極為流暢的超大屏幕圓角，通過(guò)魅族首創(chuàng)的玻璃切割方法，使屏幕顯示黑邊的內(nèi)外弧線幾乎做到完全一致，視覺(jué)上至臻和諧。

這樣的設(shè)計(jì)，是魅族對(duì)這個(gè)浮躁的時(shí)代的吶喊，也是魅族作為一個(gè)匠人，最好的堅(jiān)持。

Flyme：純粹極致的幻想

除了在外觀設(shè)計(jì)上取到了一個(gè)又一個(gè)突破，在系統(tǒng)UI上，魅族的Flyme宛如一股清流。

說(shuō)起Flyme ，就不得不說(shuō)它的名字來(lái)源—;—;《飛屋環(huán)游記》的氣球房子，它就像設(shè)計(jì)師和用戶最極致的幻想，讓想象起飛。

將擬物化做到“侘寂”

當(dāng)?shù)谝淮慰匆?jiàn)這個(gè)詞時(shí)，作為專業(yè)編輯、縱橫機(jī)界多年的我們，懵了?！?strong>侘寂”是個(gè)什么鬼。

侘寂（chà jì）請(qǐng)跟我一起讀（chà jì），是美學(xué)意識(shí)的一部分，指的是樸素又安靜的事物；但在設(shè)計(jì)圈，侘寂設(shè)計(jì)指沒(méi)有刻意的人工干涉，自然，保持最樸實(shí)的本色，與真實(shí)的美感相協(xié)調(diào)的視覺(jué)體驗(yàn)；而這樣的視覺(jué)體驗(yàn)，都建立在高品質(zhì)的內(nèi)在和超細(xì)微的細(xì)節(jié)基礎(chǔ)上。

從魅族M8到Flyme 2系統(tǒng)上，魅族都采用了擬物化設(shè)計(jì)。而擬物化設(shè)計(jì)的終極奧義，正式侘寂設(shè)計(jì)。

Window CE作為一個(gè)老掉牙的系統(tǒng)，采用該系統(tǒng)的手機(jī)產(chǎn)品就宛如一臺(tái)Window XP電腦，一切顯得平凡、臃腫而無(wú)味，毫無(wú)美感和設(shè)計(jì)可言。但魅族 M8 的出現(xiàn)，徹底打破了這個(gè)局限思維。

魅族在Window CE這套系統(tǒng)上，進(jìn)行了圖標(biāo)的重描、UI的定制，用高度擬物化的圖標(biāo)風(fēng)格，帶給了Window CE全新的設(shè)計(jì)美學(xué)感，也給這套老掉牙的系統(tǒng)增添了全新的活力。

這樣的圖標(biāo)設(shè)計(jì)讓所有的消費(fèi)者都眼前一亮，在非A即B的UI設(shè)計(jì)面前，魅族給消費(fèi)者帶來(lái)了全新的C。

這款產(chǎn)品目前還擺在微軟總部的展館里，這就是魅族給全球消費(fèi)者帶來(lái)的自信。如果說(shuō)喬布斯與其蘋(píng)果改變了全球手機(jī)產(chǎn)業(yè)，那么黃章與他的魅族毫無(wú)疑問(wèn)的改變了中國(guó)手機(jī)產(chǎn)業(yè)。

這樣的設(shè)計(jì)思路延續(xù)到了魅族 M9 的系統(tǒng)上，但魅族也進(jìn)行了一定的精簡(jiǎn)，將更佳圓潤(rùn)的設(shè)計(jì)加入其中，屬于魅族獨(dú)特的設(shè)計(jì)就展現(xiàn)無(wú)疑。

但是UI畢竟不是驚鴻一瞥，這是消費(fèi)者每天都要接觸的事物，在追求極致、第一眼驚艷的擬物化之后，魅族開(kāi)始提出了“侘寂”設(shè)計(jì)，在簡(jiǎn)化設(shè)計(jì)之余做到了更加極致的品質(zhì)，將美感與視覺(jué)體驗(yàn)相協(xié)調(diào)。

在Flyme 2上，這樣的極致、和諧與協(xié)調(diào)，也帶給了各路用戶最完美的體驗(yàn)。

如果說(shuō)Flyme 2之前的設(shè)計(jì)總結(jié)為擬物化，侘寂，從Flyme 3到如今，魅族在扁平化上逐漸走向了極致。

在擬物轉(zhuǎn)向扁平化的道路上，必然會(huì)經(jīng)歷陣痛，這些陣痛來(lái)自于消費(fèi)者對(duì)原UI的懷念、對(duì)廠商的不解，但是 Flyme 做到了讓消費(fèi)者平穩(wěn)過(guò)渡。

在侘寂的擬物化時(shí)，F(xiàn)lyme的設(shè)計(jì)已經(jīng)出現(xiàn)了一定的扁平色彩，“大道至簡(jiǎn)”這句詞深諳在魅族設(shè)計(jì)師腦海中。將紛繁的筆畫(huà)進(jìn)行精簡(jiǎn)，將冗雜的圖標(biāo)進(jìn)行簡(jiǎn)化，將立體視覺(jué)去掉光影元素，這樣的設(shè)計(jì)做到了扁平化的漸進(jìn)式處理。

在UI的色彩上，F(xiàn)lyme 3也開(kāi)始轉(zhuǎn)變。從先前十分厚重的色彩，引入了更加活潑的顏色，從十分硬核的極客風(fēng)變成了時(shí)尚的潮流范；而18%中性灰的引入，追求視覺(jué)上的更多舒適感，讓人越看，越耐看。

在引入了更加活潑的色彩后，消費(fèi)群體進(jìn)一步拓展后，F(xiàn)lyme走上了人文思考之旅，十分超前地提出了人和自然和諧相處的理念。

在Flyme 4上，魅族大膽地運(yùn)用了大自然的顏色，提出了Natrural design的理念。

更多更加活潑顏色地引入，讓彩色上的視覺(jué)進(jìn)一步強(qiáng)化；在扁平化的道路上，F(xiàn)lyme 4也得到了進(jìn)化，完善設(shè)計(jì)上的細(xì)節(jié)，進(jìn)一步精簡(jiǎn)設(shè)計(jì)上的元素。

如果說(shuō)Flyme 4的設(shè)計(jì)是綠色的，平緩的，那Flyme 5則是魅族設(shè)計(jì)上的一次激進(jìn)創(chuàng)新。

白色的引入，配合愈發(fā)豐富的顏色搭配，讓視覺(jué)的享受更加飽滿，一改以往的“小清新”的style；在Flyme 5上，魅族提出了內(nèi)容容器型顯示的概念，使界面更加一體化，系統(tǒng)更好地突顯信息內(nèi)容本身，讓用戶能在同一界面上獲取更加多的內(nèi)容信息。

在Flyme 7上，UI視覺(jué)上的扁平化進(jìn)一步加強(qiáng)，年輕化也是Flyme 7想要傳達(dá)給用戶的；在Flyme 7上，魅族增強(qiáng)了交互上的體驗(yàn)，讓界面的滑動(dòng)更加符合物理特性；配合mEngine的震動(dòng)反饋，讓交互徹底從二維上升到三維的程度。

Flyme 8，到底要走向何方？

截至撰文之時(shí)，魅族Flyme 8，就像一個(gè)羞澀的黃花大閨女般，沒(méi)有額外的泄露信息，僅有一張真假程度十分值得考究的界面泄露圖。

為什么說(shuō)這張泄露圖的真?zhèn)纬潭戎档每季磕兀科鋵?shí)從界面上的細(xì)節(jié)可以看出。

首先從Flyme 3開(kāi)始，魅族已經(jīng)開(kāi)始布局扁平化界面，經(jīng)歷了多年的迭代，扁平化已經(jīng)為消費(fèi)者所廣泛接受，并且已經(jīng)成為了設(shè)計(jì)的全新潮流，突然間在icon的描繪上回歸擬物化，在設(shè)計(jì)潮流的輪回上能說(shuō)得通，但在大環(huán)境面前，這樣的經(jīng)典致敬是否會(huì)產(chǎn)生逆作用呢？

這一點(diǎn)不得而知，但有一點(diǎn)可以得知的是，在魅族Flyme 8上，扁平化設(shè)計(jì)肯定會(huì)得到延續(xù)。

而在撰文時(shí)，微博上出現(xiàn)了Flyme 8設(shè)計(jì)視覺(jué)稿。而從這些視覺(jué)稿中，我們也能一窺Flyme 8將要帶給我們的變化。

從這份視覺(jué)稿中，我們看到了不少全新的設(shè)計(jì)理念。看到這份視覺(jué)稿的第一時(shí)間，我們就發(fā)現(xiàn)了Flyme 8第一個(gè)特點(diǎn)—;—;界面的去線設(shè)計(jì)。

在Flyme 7時(shí)代，選項(xiàng)與選項(xiàng)間會(huì)留有橫線作為分割，用以間隔選項(xiàng)。

但在Flyme 8上，這樣的間斷被打破了，F(xiàn)lyme 8將一些大的功能分類集合起來(lái)，而同類型的功能則不做任何間斷，讓界面越趨同一之時(shí)，也帶來(lái)了設(shè)計(jì)上的難度，魅族的設(shè)計(jì)如何平衡字體、圖標(biāo)與進(jìn)入樣式的大小、位置，這是在發(fā)布會(huì)上十分值得期待的。

結(jié)語(yǔ)：雖然全為猜測(cè)，但是Flyme 8或許讓我們看到全新的魅族

針對(duì)Flyme 8的猜測(cè)，僅限于我們對(duì)過(guò)去魅族手機(jī)設(shè)計(jì)與UI設(shè)計(jì)的分析，總結(jié)，雖然這與Flyme 8正式版會(huì)有一定的差距，但從這些yy中，我們的確找到了共同點(diǎn)與端倪。

魅族的Flyme 8，配合MeiZu Design ，這兩者的集合或許會(huì)給全手機(jī)行業(yè)帶來(lái)了全新的設(shè)計(jì)動(dòng)向：在大面積的留白、去線，配合白色正面邊框、極致全面屏的搭配，讓手機(jī)變成一個(gè)完整的整體，讓手機(jī)不再局限于手機(jī)，那一張“白紙”，或許就是我們對(duì)手機(jī)最美好的期盼。