2009年，魅族M8搭載的WinCE操作系統(tǒng)，就以清新不俗，獨樹一幟的擬物化風(fēng)格吸粉無數(shù)。2012年6月25日誕生的Flyme，則在之后五年的發(fā)展中，不斷對視覺設(shè)計理念進行延展，從初始的重度擬物風(fēng)、顏色經(jīng)典精致、風(fēng)格清新自然;到當(dāng)下的扁平多彩、充滿朝氣，更加年輕化、有質(zhì)感，F(xiàn)lyme在延續(xù)簡約自然風(fēng)格的基礎(chǔ)上，又帶給用戶更多視覺上的驚喜。
下面小編就帶大家感受一下，F(xiàn)lyme及其前身八年來始終在線的高顏值。
前Flyme時代：經(jīng)典精致擬物風(fēng)
2009年，魅族M8的經(jīng)典擬物icon首次亮相，重度擬物化UI設(shè)計風(fēng)格，圖標(biāo)整體偏向于直接具象化圖形，注重光感的表現(xiàn)和質(zhì)感的表達(dá)，清新簡約的界面風(fēng)格讓當(dāng)時的用戶眼前一亮。
而到M9時，系統(tǒng)整體的風(fēng)格和色調(diào)依舊了保持了M8的特色，但在細(xì)節(jié)方面做出優(yōu)化，擬物化的圖標(biāo)更加精致細(xì)膩，整體的界面風(fēng)格也更加統(tǒng)一。
Flyme 1時代：逼真的擬物視界
Flyme的UI設(shè)計與友商相比最大的不同是其打造出了一個非常逼真的擬物視界。Flyme 1的圖標(biāo)設(shè)計都非常接近實物，從外觀上就能清楚功能屬性，看起來非常小巧可愛。另外，F(xiàn)lyme 1中的應(yīng)用程序可直觀地置于桌面，有序排列，方便用戶查找。
Flyme 2時代：將簡約堅持到底
Flyme 2開始追求侘寂、舒服耐看。這個設(shè)計理念讓Flyme 2時代的UI形象增添了更多品質(zhì)感，整體色調(diào)為18%中性灰，隱約透漏出一種低調(diào)的華麗;精簡圖標(biāo)，讓圖標(biāo)更規(guī)整，大多以長方、圓形的基礎(chǔ)型呈現(xiàn)。整體感覺依舊是魅族Flyme原汁原味的簡約風(fēng)，耐看、和諧、舒服是眾多用戶對Flyme 2的評價。
Flyme 3時代：先見之明的扁平化設(shè)計
Flyme 3極具先見之明地采用了扁平化的視覺風(fēng)格，搭配卡片式布局和全新的色彩元素，大量做減法，使界面更加簡約，識別度更高。Flyme 3由于選擇了全新色彩搭配，并持續(xù)做減法，它的UI開始真正朝“文藝小清新”的方向進階，自然的過渡動畫也為其增色不少。
視覺上精簡干練，F(xiàn)lyme 3的操作邏輯也簡單了許多。新的設(shè)置菜單,左右滑動切換的標(biāo)簽化交互方式 ，以及上滑手勢呼出多任務(wù)欄、改善窄邊框誤觸的問題，讓Flyme不僅局限于視覺上的舒適，更帶來用戶體驗至上的設(shè)計新構(gòu)思。
Flyme 4時代：單色系引領(lǐng)“新”風(fēng)潮
Flyme 4在當(dāng)時大膽的重繪了超過2000 個圖標(biāo)，讓整體界面風(fēng)格統(tǒng)一。再加上以圖標(biāo)主顏色作為UI配色，色彩多而不亂，相比Flyme 3更活潑。大屏手機讓圖標(biāo)有了更大的空間，但圖標(biāo)變大后細(xì)節(jié)反倒比之前更精致，而且是單色系的圖標(biāo)占主導(dǎo)，邊角更為鋒利直接。我們不難發(fā)現(xiàn)，F(xiàn)lyme 4整個界面和圖標(biāo)用色相對克制，不花哨不浮夸的設(shè)計語言引領(lǐng)了設(shè)計界的新風(fēng)潮。
在操作上，F(xiàn)lyme 4實現(xiàn)系統(tǒng)級的區(qū)域動態(tài)模糊,在模糊和清晰之間切換自如,下拉狀態(tài)欄的毛玻璃效果讓通知欄更加一目了然，F(xiàn)lyme在UI上的用心程度可見一斑。
Flyme 5時代：大膽豐富更有料
Flyme 5開始追求更加豐富的色彩，整體顏色更加鮮艷，飽和度更高，還加入漸變色用以過渡;特殊頁面使用大面積的色塊覆蓋，讓整個頁面的視覺效果更大膽更有料。
Flyme 5另一個為人稱道的設(shè)計是它徹底清除了原本放在系統(tǒng)底部的分類導(dǎo)航，重梳應(yīng)用內(nèi)部結(jié)構(gòu)，重梳后細(xì)分欄目排列清晰感增強，再搭配頁面與頁面切換的小動畫交互技術(shù)，化靜為動，讓UI趣味性十足。
Flyme 6時代：有顏值更有內(nèi)涵
全新的Flyme以“內(nèi)容設(shè)計”為核心理念，視覺上采用全新的色彩組合，鮮力十足，并且繪制了全新的系統(tǒng)icon。Flyme 5中的動態(tài)交互在Flyme 6中也得到了延續(xù)，通過對多種動畫控件的自由組合,使原本枯燥、單調(diào)的靜態(tài)內(nèi)容變得生動有趣。
更值得一提的是，F(xiàn)lyme 6對于文本系統(tǒng)，字重、字間距的調(diào)整，為用戶帶來主次分明的高效閱讀體驗。
回顧Flyme一路走來的UI設(shè)計，小編發(fā)現(xiàn)，F(xiàn)lyme在保持高顏值的同時，也融入了很多創(chuàng)新設(shè)計理念，讓Flyme不只是單純的好看，而是“有顏有內(nèi)涵”。期待走過五年的Flyme在未來可以為用戶以及整個行業(yè)帶來更多新鮮有創(chuàng)意的設(shè)計理念。
