2009 年，魅族M8 搭載的WinCE操作系統(tǒng)，就以清新不俗，獨(dú)樹(shù)一幟的擬物化風(fēng)格吸粉無(wú)數(shù)。 2012 年 6 月 25 日誕生的Flyme，則在之后五年的發(fā)展中，不斷對(duì)視覺(jué)設(shè)計(jì)理念進(jìn)行延展，從初始的重度擬物風(fēng)、顏色經(jīng)典精致、風(fēng)格清新自然;到當(dāng)下的扁平多彩、充滿朝氣，，更加年輕化、有質(zhì)感，F(xiàn)lyme在延續(xù)簡(jiǎn)約自然風(fēng)格的基礎(chǔ)上，又帶給用戶更多視覺(jué)上的驚喜。

下面小編就帶大家感受一下，F(xiàn)lyme及其前身八年來(lái)始終在線的高顏值。

前Flyme時(shí)代：經(jīng)典精致擬物風(fēng)

2009 年，魅族M8 的經(jīng)典擬物icon首次亮相，重度擬物化UI設(shè)計(jì)風(fēng)格，圖標(biāo)整體偏向于直接具象化圖形，注重光感的表現(xiàn)和質(zhì)感的表達(dá)，清新簡(jiǎn)約的界面風(fēng)格讓當(dāng)時(shí)的用戶眼前一亮。

而到M9 時(shí)，系統(tǒng)整體的風(fēng)格和色調(diào)依舊了保持了M8 的特色，但在細(xì)節(jié)方面做出優(yōu)化，擬物化的圖標(biāo)更加精致細(xì)膩，整體的界面風(fēng)格也更加統(tǒng)一。

Flyme1 時(shí)代：逼真的擬物視界

Flyme的UI設(shè)計(jì)與友商相比最大的不同是其打造出了一個(gè)非常逼真的擬物視界。Flyme1 的圖標(biāo)設(shè)計(jì)都非常接近實(shí)物，從外觀上就能清楚功能屬性，看起來(lái)非常小巧可愛(ài)。另外，F(xiàn)lyme1 中的應(yīng)用程序可直觀地置于桌面，有序排列，方便用戶查找。

Flyme2 時(shí)代：將簡(jiǎn)約堅(jiān)持到底

Flyme 2 開(kāi)始追求侘寂、舒服耐看。這個(gè)設(shè)計(jì)理念讓Flyme 2 時(shí)代的UI形象增添了更多品質(zhì)感，整體色調(diào)為18%中性灰，隱約透漏出一種低調(diào)的華麗;精簡(jiǎn)圖標(biāo)，讓圖標(biāo)更規(guī)整，大多以長(zhǎng)方、圓形的基礎(chǔ)型呈現(xiàn)。整體感覺(jué)依舊是魅族Flyme原汁原味的簡(jiǎn)約風(fēng)，耐看、和諧、舒服是眾多用戶對(duì)Flyme 2 的評(píng)價(jià)。

Flyme3 時(shí)代：先見(jiàn)之明的扁平化設(shè)計(jì)

Flyme3 極具先見(jiàn)之明地采用了扁平化的視覺(jué)風(fēng)格，搭配卡片式布局和全新的色彩元素，大量做減法，使界面更加簡(jiǎn)約，識(shí)別度更高。Flyme3 由于選擇了全新色彩搭配，并持續(xù)做減法，它的UI開(kāi)始真正朝“文藝小清新”的方向進(jìn)階，自然的過(guò)渡動(dòng)畫也為其增色不少。

視覺(jué)上精簡(jiǎn)干練，F(xiàn)lyme3 的操作邏輯也簡(jiǎn)單了許多。新的設(shè)置菜單，左右滑動(dòng)切換的標(biāo)簽化交互方式 ，以及上滑手勢(shì)呼出多任務(wù)欄、改善窄邊框誤觸的問(wèn)題，讓Flyme不僅局限于視覺(jué)上的舒適，更帶來(lái)用戶體驗(yàn)至上的設(shè)計(jì)新構(gòu)思。

Flyme4 時(shí)代：?jiǎn)紊狄I(lǐng)“新”風(fēng)潮

Flyme 4 在當(dāng)時(shí)大膽的重繪了超過(guò)2000 個(gè)圖標(biāo)，讓整體界面風(fēng)格統(tǒng)一。再加上以圖標(biāo)主顏色作為UI配色，色彩多而不亂，相比Flyme 3 更活潑。大屏手機(jī)讓圖標(biāo)有了更大的空間，但圖標(biāo)變大后細(xì)節(jié)反倒比之前更精致，而且是單色系的圖標(biāo)占主導(dǎo)，邊角更為鋒利直接。我們不難發(fā)現(xiàn)，F(xiàn)lyme 4 整個(gè)界面和圖標(biāo)用色相對(duì)克制，不花哨不浮夸的設(shè)計(jì)語(yǔ)言引領(lǐng)了設(shè)計(jì)界的新風(fēng)潮。

在操作上，F(xiàn)lyme4 實(shí)現(xiàn)系統(tǒng)級(jí)的區(qū)域動(dòng)態(tài)模糊，在模糊和清晰之間切換自如，下拉狀態(tài)欄的毛玻璃效果讓通知欄更加一目了然，F(xiàn)lyme在UI上的用心程度可見(jiàn)一斑。

Flyme5 時(shí)代：大膽豐富更有料

Flyme5 開(kāi)始追求更加豐富的色彩，整體顏色更加鮮艷，飽和度更高，還加入漸變色用以過(guò)渡;特殊頁(yè)面使用大面積的色塊覆蓋，讓整個(gè)頁(yè)面的視覺(jué)效果更大膽更有料。

Flyme5 另一個(gè)為人稱道的設(shè)計(jì)是它徹底清除了原本放在系統(tǒng)底部的分類導(dǎo)航，重梳應(yīng)用內(nèi)部結(jié)構(gòu)，重梳后細(xì)分欄目排列清晰感增強(qiáng)，再搭配頁(yè)面與頁(yè)面切換的小動(dòng)畫交互技術(shù)，化靜為動(dòng)，讓UI趣味性十足。

Flyme6 時(shí)代：有顏值更有內(nèi)涵

全新的Flyme以“內(nèi)容設(shè)計(jì)”為核心理念，視覺(jué)上采用全新的色彩組合，鮮力十足，并且繪制了全新的系統(tǒng)icon。Flyme5 中的動(dòng)態(tài)交互在Flyme6 中也得到了延續(xù)，通過(guò)對(duì)多種動(dòng)畫控件的自由組合，使原本枯燥、單調(diào)的靜態(tài)內(nèi)容變得生動(dòng)有趣。

更值得一提的是，F(xiàn)lyme6 對(duì)于文本系統(tǒng)，字重、字間距的調(diào)整，為用戶帶來(lái)主次分明的高效閱讀體驗(yàn)。