正在閱讀:無限扁平風是否延續?從歷代魅族設計暢聊Flyme 8無限扁平風是否延續?從歷代魅族設計暢聊Flyme 8

2019-08-25 00:15 出處:PConline原創 作者:不吃魚的貓 責任編輯:xujianlin1

  [PConline 雜談]現代人,與螢幕交流的時間,已經佔據了生活的絕大部分:日常的溝通、支付、出行,都離不開手機;你與手機交流、與手機五指緊扣的時間,比親密的伴侶還要多出數倍。而 UI,作為你與手機交流的皮膚,也因手機品牌的多樣性而出現了多元化。

  如今,每個品牌都有著自己的一套 UI 設計風格,向用戶述說著自己的品牌 DNA。而提到國產手機設計的先驅,就不得不提到魅族,提到 Flyme。

flyme8

魅族——匠心

  在日本的製造、日本的設計中,總會提到那麼一個詞:匠心。何為匠心?能工巧匠的心思,分毫必究,在設計的每一個細節上都做到錙銖必較。這或許就是匠心最好的證明。

魅族 MX2 :超前的創造力

  在十分久遠之前,不少國產手機都被貼上了一些相對貶義的標簽,那時候的手機品牌還以洋品牌為主。摸索著轉型的魅族,用魅族 M8 開創了全新的時代先河,開創了從無設計到有設計;而後,魅族 M9 的內外全開花,用實力為全世界消費者所折服。

  魅族 MX2 時代,那個設計上極其偏執的魅族走上了舞臺。

魅族MX 2

  在設計上,魅族 MX2 有太多可說的地方了。在延續魅族 MX 的圓潤外觀上,魅族 MX2 進行了細節的進一步優化,讓手機手感更佳;在全行業使用塑膠機身之時,魅族將不鏽鋼+雙料注塑工藝完美結合。

  除了在設計和材質上變化外,魅族在大家都不知道屏佔比為何物之時,就在魅族 MX2 上用上了當時全球最窄的 3.15mm 邊框;在三大天王鍵設計異常突兀的年華堙A魅族用發光的虛擬小圓圈做成了 home 鍵,科技感十足。

魅族MX 2

  這時候的魅族,用設計、堆料、匠心,甚至說超前的創造力,在國產手機上開創了一個又一個美學設計先例。

一刀切:美學與信號的完美結合

  手機天線的設計,可謂是手機中最富技術含量的,是影響手機信號的最重要因素。在 iPhone 4 時代,由於激進的設計而鬧出了“死亡之握”的笑話,金屬機身對手機信號有巨大的幹擾為人們所熟知,但在優秀的手感面前,宛如蜜糖與毒藥。不少手機廠商為了兼顧信號和手感,將金屬進行切割、分段,這樣的設計犧牲了手機的美感與手感。

魅族RPO 6

  在魅族 PRO 6 上,出現“一刀切”天線工藝。在全機身背面上下各開一刀,解決了工程和設計的矛盾,還解決了信號問題。在隨後 iPhone 7 Plus 也選擇了這樣的天線設計,可以說魅族的設計已經成為手機行業的標杆。

極邊全面屏:這是魅族對這個時代的吶喊

  在手機開始追求屏佔比之時,為了那個屏佔比數值,不少廠家不得不採用水滴屏、劉海螢幕,甚至用上了破環機身重量平衡的機械式升降結構,在設計上一向有獨立主張的魅族,選擇了用 “meizu design” 來向時代吶喊。

  魅族希望屏佔比盡可能高,邊框盡可能窄,同時還要保持整機的對稱設計。這樣的螢幕沒有公版設計,只能再一次重新開模定制。魅族與三星合作定制了 18:9 的 6 英寸和 6.5 英寸 AMOLED 顯示屏。這兩塊螢幕所有元器件都採用最新工藝,全都要量身定制,提供最大程度的窄邊框結構,這種設計魅族稱之為“極邊全面屏”。

3

  為了與整機邊角相呼應,魅族精心設計了用六段弧線組成的極為流暢的超大螢幕圓角,透過魅族首創的玻璃切割方法,使螢幕顯示黑邊的內外弧線幾乎做到完全一致,視覺上至臻和諧。

  這樣的設計,是魅族對這個浮躁的時代的吶喊,也是魅族作為一個匠人,最好的堅持。

Flyme:純粹極致的幻想

  除了在外觀設計上取到了一個又一個突破,在系統 UI 上,魅族的 Flyme 宛如一股清流。說起 Flyme ,就不得不說它的名字來源——《飛屋環游記》的氣球房子,它就像設計師和用戶最極致的幻想,讓想象起飛。

將擬物化做到“侘寂”

  當第一次看見這個詞時,作為專業編輯、縱橫機界多年的我們,懵了。“侘寂”是個什麼鬼。

  侘寂(chà jì)請跟我一起讀(chà jì),是美學意識的一部分,指的是樸素又安靜的事物;但在設計圈,侘寂設計指沒有刻意的人工干涉,自然,保持最樸實的本色,與真實的美感相協調的視覺體驗;而這樣的視覺體驗,都建立在高品質的內在和超細微的細節基礎上。

  從魅族 M8 到 Flyme 2 系統上,魅族都採用了擬物化設計。而擬物化設計的終極奧義,正式侘寂設計。

  Window CE 作為一個老掉牙的系統,採用該系統的手機產品就宛如一台 Window XP 電腦,一切顯得平凡、臃腫而無味,毫無美感和設計可言。但魅族 M8 的出現,徹底打破了這個侷限思維。

魅族m8

魅族m8

  魅族在 Window CE 這套系統上,進行了圖示的重描、UI 的定制,用高度擬物化的圖示風格,帶給了 Window CE 全新的設計美學感,也給這套老掉牙的系統增添了全新的活力。

  這樣的圖示設計讓所有的消費者都眼前一亮,在非 A 即 B 的 UI 設計面前,魅族給消費者帶來了全新的 C。這款產品目前還擺在微軟總部的展館堙A這就是魅族給全球消費者帶來的自信。如果說喬布斯與其蘋果改變了全球手機產業,那麼黃章與他的魅族毫無疑問的改變了中國手機產業。

  這樣的設計思路延續到了魅族 M9 的系統上,但魅族也進行了一定的精簡,將更佳圓潤的設計加入其中,屬於魅族獨特的設計就展現無疑。

魅族m9

FlymeFlyme

  但是 UI 畢竟不是驚鴻一瞥,這是消費者每天都要接觸的事物,在追求極致、第一眼驚豔的擬物化之後,魅族開始提出了“侘寂”設計,在簡化設計之餘做到了更加極致的品質,將美感與視覺體驗相協調。在 Flyme 2 上,這樣的極致、和諧與協調,也帶給了各路用戶最完美的體驗。

flyme

Flyme 2Flyme 2

將扁平進行到底

  如果說 Flyme 2 之前的設計總結為擬物化,侘寂,從 Flyme 3 到如今,魅族在扁平化上逐漸走向了極致。

flyme

Flyme 3Flyme 3

  在擬物轉向扁平化的道路上,必然會經歷陣痛,這些陣痛來自於消費者對原UI的懷念、對廠商的不解,但是 Flyme 做到了讓消費者平穩過渡。

  在侘寂的擬物化時,Flyme 的設計已經出現了一定的扁平色彩,“大道至簡”這句詞深諳在魅族設計師腦海中。將紛繁的筆畫進行精簡,將冗雜的圖示進行簡化,將立體視覺去掉光影元素,這樣的設計做到了扁平化的漸進式處理。

  在UI的色彩上,Flyme 3 也開始轉變。從先前十分厚重的色彩,引入了更加活潑的顏色,從十分硬核的極客風變成了時尚的潮流范;而 18% 中性灰的引入,追求視覺上的更多舒適感,讓人越看,越耐看。

Flyme 3

flyme

  在引入了更加活潑的色彩後,消費群體進一步拓展後,Flyme 走上了人文思考之旅,十分超前地提出了人和自然和諧相處的理念。在 Flyme 4 上,魅族大膽地運用了大自然的顏色,提出了 Natrural design 的理念。更多更加活潑顏色地引入,讓彩色上的視覺進一步強化;在扁平化的道路上,Flyme 4 也得到了進化,完善設計上的細節,進一步精簡設計上的元素。

Flyme 4

Flyme 4Flyme 4

flyme

  如果說 Flyme 4 的設計是綠色的,平緩的,那 Flyme 5 則是魅族設計上的一次激進創新。白色的引入,配合愈發豐富的顏色搭配,讓視覺的享受更加飽滿,一改以往的“小清新”的style;在 Flyme 5 上,魅族提出了內容容器型顯示的概念,使介面更加一體化,系統更好地突顯資訊內容本身,讓用戶能在同一介面上穫取更加多的內容資訊。

flyme

flymeflyme

  在 Flyme 7 上,UI視覺上的扁平化進一步加強,年輕化也是 Flyme 7 想要傳達給用戶的;在 Flyme 7 上,魅族增強了互動上的體驗,讓介面的滑動更加符合物理特性;配合mEngine 的震動反饋,讓互動徹底從二維上昇到三維的程度。

Flyme 7

魅族

Flyme 8,到底要走向何方?

  截至撰文之時,魅族 Flyme 8,就像一個羞澀的黃花大閨女般,沒有額外的洩露資訊,僅有一張真假程度十分值得考究的介面洩露圖。

魅族

  為什麼說這張洩露圖的真偽程度值得考究呢?其實從介面上的細節可以看出。

  首先,從 Flyme 3 開始,魅族已經開始佈局扁平化介面,經歷了多年的迭代,扁平化已經為消費者所廣泛接受,並且已經成為了設計的全新潮流,突然間在icon的描繪上回歸擬物化,在設計潮流的輪回上能說得通,但在大環境面前,這樣的經典致敬是否會產生逆作用呢?這一點不得而知,但有一點可以得知的是,在魅族 Flyme 8 上,扁平化設計肯定會得到延續。

  而在撰文時,微博上出現了 Flyme 8 設計視覺稿。而從這些視覺稿中,我們也能一窺 Flyme 8 將要帶給我們的變化。

flyme 8

  從這份視覺稿中,我們看到了不少全新的設計理念。看到這份視覺稿的第一時間,我們就發現了 Flyme 8 第一個特點——介面的去線設計。

  在 Flyme 7 時代,選項與選項間會留有橫線作為分割,用以間隔選項;但在 Flyme 8 上,這樣的間斷被打破了,Flyme 8 將一些大的功能分類集合起來,而同類型的功能則不做任何間斷,讓介面越趨同一之時,也帶來了設計上的難度,魅族的設計如何平衡字形、圖示與進入樣式的大小、位置,這是在發佈會上十分值得期待的。

  甚至說,魅族將這種去線設計融入到了應用中。如圖中的新聞介面,在正常情況下,最底下功能欄那媟|有一條橫線作為分割單獨的功能區,將功能選項與內容選項想隔離,讓消費者一清二楚;而在 Flyme 8 則將這些功能選項區的線條都通通去掉,透過全新的設計元素——留白,將整台手機的一體化提高。

  雖然只是簡單的留白,但是魅族也做得十分極致。留白、去線,如何在亂中不亂,簡中見繁,考驗著每一個設計師的功力,將一切能去掉的線條去除,如何取舍內容、功能中的間隔呢?如何在一張白紙上取得各方面的和諧統一呢?這些都是魅族的設計師要解決的。

  但是,魅族這樣大面積的去線和留白,配合 MeiZu Design 的極致全面屏,其實會帶來絕乎異常的使用體驗。在白色的正面邊框的魅族手機中,配合留白設計和去線設計,用戶打破了手機邊框與手機螢幕間的界限,試想一下你拿到一張“白紙”,而白紙上顯示的正是你所需要的內容;同時,這張“白紙”你能隨意控制它所顯示的內容,它能做到你想要它做到的一切。而這一切的起源,都將是 Flyme 8 和 MeiZu Design。

結語:雖然全為猜測,但是Flyme 8或許讓我們看到全新的魅族

  針對 Flyme 8 的猜測,僅限於我們對過去魅族手機設計與UI設計的分析,總結,雖然這與 Flyme 8 正式版會有一定的差距,但從這些 yy 中,我們的確找到了共同點與端倪。

  魅族的 Flyme 8,配合 MeiZu Design ,這兩者的集合或許會給全手機行業帶來了全新的設計動向:在大面積的留白、去線,配合白色正面邊框、極致全面屏的搭配,讓手機變成一個完整的整體,讓手機不再侷限於手機,那一張“白紙”,或許就是我們對手機最美好的期盼。

為您推薦

加載更多
加載更多
加載更多
加載更多
加載更多
加載更多
加載更多
加載更多
加載更多

手機論壇帖子排行

最高點擊 最高回覆 最新
最新資訊離線隨時看 聊天吐槽贏獎品