2009年,魅族M8搭載的WinCE操作系統(tǒng),就以清新不俗,獨(dú)樹一幟的擬物化風(fēng)格吸粉無(wú)數(shù)。2012年6月25日誕生的Flyme,則在之后五年的發(fā)展中,不斷對(duì)視覺設(shè)計(jì)理念進(jìn)行延展,從初始的重度擬物風(fēng)、顏色經(jīng)典精致、風(fēng)格清新自然;到當(dāng)下的扁平多彩、充滿朝氣,更加年輕化、有質(zhì)感,F(xiàn)lyme在延續(xù)簡(jiǎn)約自然風(fēng)格的基礎(chǔ)上,又帶給用戶更多視覺上的驚喜。
下面小編就帶大家感受一下,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)一。
Flyme 1時(shí)代:逼真的擬物視界
Flyme的UI設(shè)計(jì)與友商相比最大的不同是其打造出了一個(gè)非常逼真的擬物視界。Flyme 1的圖標(biāo)設(shè)計(jì)都非常接近實(shí)物,從外觀上就能清楚功能屬性,看起來(lái)非常小巧可愛。另外,F(xiàn)lyme 1中的應(yīng)用程序可直觀地置于桌面,有序排列,方便用戶查找。
Flyme 2時(shí)代:將簡(jiǎn)約堅(jiān)持到底
Flyme 2開始追求侘寂、舒服耐看。這個(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)。整體感覺依舊是魅族Flyme原汁原味的簡(jiǎn)約風(fēng),耐看、和諧、舒服是眾多用戶對(duì)Flyme 2的評(píng)價(jià)。
Flyme 3時(shí)代:先見之明的扁平化設(shè)計(jì)
Flyme 3極具先見之明地采用了扁平化的視覺風(fēng)格,搭配卡片式布局和全新的色彩元素,大量做減法,使界面更加簡(jiǎn)約,識(shí)別度更高。Flyme 3由于選擇了全新色彩搭配,并持續(xù)做減法,它的UI開始真正朝“文藝小清新”的方向進(jìn)階,自然的過(guò)渡動(dòng)畫也為其增色不少。
視覺上精簡(jiǎn)干練,F(xiàn)lyme 3的操作邏輯也簡(jiǎn)單了許多。新的設(shè)置菜單,左右滑動(dòng)切換的標(biāo)簽化交互方式 ,以及上滑手勢(shì)呼出多任務(wù)欄、改善窄邊框誤觸的問題,讓Flyme不僅局限于視覺上的舒適,更帶來(lái)用戶體驗(yàn)至上的設(shè)計(jì)新構(gòu)思。
Flyme 4時(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)lyme 4實(shí)現(xiàn)系統(tǒng)級(jí)的區(qū)域動(dòng)態(tài)模糊,在模糊和清晰之間切換自如,下拉狀態(tài)欄的毛玻璃效果讓通知欄更加一目了然,F(xiàn)lyme在UI上的用心程度可見一斑。
Flyme 5時(shí)代:大膽豐富更有料
Flyme 5開始追求更加豐富的色彩,整體顏色更加鮮艷,飽和度更高,還加入漸變色用以過(guò)渡;特殊頁(yè)面使用大面積的色塊覆蓋,讓整個(gè)頁(yè)面的視覺效果更大膽更有料。
Flyme 5另一個(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趣味性十足。
Flyme 6時(shí)代:有顏值更有內(nèi)涵
全新的Flyme以“內(nèi)容設(shè)計(jì)”為核心理念,視覺上采用全新的色彩組合,鮮力十足,并且繪制了全新的系統(tǒng)icon。Flyme 5中的動(dòng)態(tài)交互在Flyme 6中也得到了延續(xù),通過(guò)對(duì)多種動(dòng)畫控件的自由組合,使原本枯燥、單調(diào)的靜態(tài)內(nèi)容變得生動(dòng)有趣。
更值得一提的是,F(xiàn)lyme 6對(duì)于文本系統(tǒng),字重、字間距的調(diào)整,為用戶帶來(lái)主次分明的高效閱讀體驗(yàn)。
回顧Flyme一路走來(lái)的UI設(shè)計(jì),小編發(fā)現(xiàn),F(xiàn)lyme在保持高顏值的同時(shí),也融入了很多創(chuàng)新設(shè)計(jì)理念,讓Flyme不只是單純的好看,而是“有顏有內(nèi)涵”。期待走過(guò)五年的Flyme在未來(lái)可以為用戶以及整個(gè)行業(yè)帶來(lái)更多新鮮有創(chuàng)意的設(shè)計(jì)理念。
文章內(nèi)容僅供閱讀,不構(gòu)成投資建議,請(qǐng)謹(jǐn)慎對(duì)待。投資者據(jù)此操作,風(fēng)險(xiǎn)自擔(dān)。
2024年的Adobe MAX 2024發(fā)布會(huì)上,Adobe推出了最新版本的Adobe Creative Cloud。
奧維云網(wǎng)(AVC)推總數(shù)據(jù)顯示,2024年1-9月明火炊具線上零售額94.2億元,同比增加3.1%,其中抖音渠道表現(xiàn)優(yōu)異,同比有14%的漲幅,傳統(tǒng)電商略有下滑,同比降低2.3%。
“以前都要去窗口辦,一套流程下來(lái)都要半個(gè)月了,現(xiàn)在方便多了!”打開“重慶公積金”微信小程序,按照提示流程提交相關(guān)材料,僅幾秒鐘,重慶市民曾某的賬戶就打進(jìn)了21600元。
華碩ProArt創(chuàng)藝27 Pro PA279CRV顯示器,憑借其優(yōu)秀的性能配置和精準(zhǔn)的色彩呈現(xiàn)能力,為您的創(chuàng)作工作帶來(lái)實(shí)質(zhì)性的幫助,雙十一期間低至2799元,性價(jià)比很高,簡(jiǎn)直是創(chuàng)作者們的首選。
9月14日,2024全球工業(yè)互聯(lián)網(wǎng)大會(huì)——工業(yè)互聯(lián)網(wǎng)標(biāo)識(shí)解析專題論壇在沈陽(yáng)成功舉辦。