要評(píng)價(jià)MIUI V6，必須提到一個(gè)公司就是Rigo。MIUI V5一直打著強(qiáng)烈的Rigo風(fēng)格，但是他卻與扁平化和內(nèi)容主導(dǎo)相違背，越往后慢慢發(fā)現(xiàn)這種風(fēng)格的弊病越多。而標(biāo)簽如此之重的情況下，MIUI V6的苦惱是：如何從Rigo風(fēng)格中走出來(lái)，擁抱扁平化？

@可風(fēng)f?（金山交互設(shè)計(jì)師）：其實(shí)我覺(jué)得MIUI 6這次升級(jí)其實(shí)是一次很艱難的設(shè)計(jì)轉(zhuǎn)型過(guò)程，但是并沒(méi)有達(dá)到完美。

要說(shuō)MIUI，必須提到一個(gè)公司就是Rigo。Rigo是國(guó)內(nèi)頂尖的UI設(shè)計(jì)咨詢(xún)公司，做過(guò)很多成熟的產(chǎn)品，包括MIUI V5、金山毒霸、點(diǎn)心系統(tǒng)和獵豹瀏覽器，一直是我們雷軍系產(chǎn)品設(shè)計(jì)的一大功臣。但是大家仔細(xì)觀察會(huì)發(fā)現(xiàn)Rigo的設(shè)計(jì)有非常強(qiáng)烈的風(fēng)格特質(zhì)，比如大陰影，大高光，極度的質(zhì)感，這些設(shè)計(jì)元素在擬物化風(fēng)格時(shí)代是有極強(qiáng)的視覺(jué)沖擊力的，但是在扁平化年代，它卻和內(nèi)容為王的宗旨很大程度上相沖突。

MIUI V5發(fā)布的時(shí)候驚艷一時(shí)，因?yàn)槟鞘荝igo風(fēng)格最大規(guī)模的一次傳播，即不同于當(dāng)時(shí)市面上的擬物化，也不同于扁平化，而是在扁平和擬物中間用一種魔幻的質(zhì)感找到了一個(gè)相對(duì)的平衡點(diǎn)。正是因?yàn)槟莻€(gè)時(shí)候的巔峰，小米被貼上了這種風(fēng)格的標(biāo)簽，包括一段時(shí)間后大家看到的微博配圖、PPT、宣傳畫(huà)很大程度上都是在這種VI體系之下的。但是正如我們金山也遇到的問(wèn)題，越往后你會(huì)發(fā)現(xiàn)這種風(fēng)格的弊病越多，而標(biāo)簽如此之重的情況下，我們都在苦惱的是：如何從Rigo風(fēng)格中走出來(lái)，擁抱扁平化。

其實(shí)這一點(diǎn)都不簡(jiǎn)單，因?yàn)槿绻兇獍呀缑媾钠?，去掉修飾性的元素?huì)發(fā)現(xiàn)界面太素了，正如同當(dāng)時(shí)Android 4.0一樣，雖然足夠平也足夠簡(jiǎn)單，但是界面死氣成成的沒(méi)有任何生機(jī)。再加上之前的歷史問(wèn)題，我們的產(chǎn)品都被打上了“酷炫”的標(biāo)簽，所以酷炫不能丟。既要酷炫又要扁平，這個(gè)問(wèn)題非常的棘手。

我們能想到的最符合條件的就是iOS7，它通過(guò)磨砂玻璃的層級(jí)關(guān)系以及大量的動(dòng)效，是當(dāng)時(shí)市面上可以借鑒的唯一成熟方案。但是要一模一樣實(shí)現(xiàn)并不簡(jiǎn)單，磨砂玻璃和動(dòng)效依賴(lài)龐大的性能損耗，安卓和PC都沒(méi)辦法像蘋(píng)果那樣軟硬一體融合的那么好。我們PC獵豹瀏覽器當(dāng)時(shí)也學(xué)iOS推出了一個(gè)拍平的版本，雖然也挺好看的但是擺在PC的環(huán)境中只是拍扁沒(méi)有更多效果的支持就顯得怪怪的，并不是完美的方案。

但是另外一部分探索卻獲得了成效，就是色彩。在獵豹清理大師和CMS當(dāng)中我們通過(guò)大量柔和的彩色元素去彌補(bǔ)界面的枯燥，配合一些簡(jiǎn)單的動(dòng)效，界面很快就活了起來(lái)。幾個(gè)月之后Android L發(fā)布，谷歌推出Material Design，大大強(qiáng)調(diào)色彩在界面中的應(yīng)用，而層級(jí)關(guān)系則推薦大家倒退一步加上陰影。

所以再回到看MIUI 6，他們也一定經(jīng)歷過(guò)這樣的探索過(guò)程。只不過(guò)V6更多了保留了蘋(píng)果的影子，你可以看到它運(yùn)用了動(dòng)效讓界面更靈動(dòng)，但是并沒(méi)有iOS7那么徹底。你也可以看到它模仿iOS白色界面的通透感，但是iOS有更好的磨砂玻璃效果支持。當(dāng)發(fā)現(xiàn)還是不夠的情況下，再加上顏色來(lái)提味，就有了現(xiàn)在這個(gè)樣子。你會(huì)發(fā)現(xiàn)它什么方法都做了，但是給人一種大雜燴且并不完美的感覺(jué)。

MIUI ?6是一個(gè)非常好的系統(tǒng)，使用舒服視覺(jué)也很漂亮，對(duì)于用戶(hù)來(lái)說(shuō)足夠了。但是在我看來(lái)6是讓我比較失望的，因?yàn)樽鳛樾值芄疚乙惨恢逼谕麄兡軓呐f風(fēng)格中探索出一些能比肩iOS7和Material Design或者M(jìn)etro Design的新設(shè)計(jì)語(yǔ)言出來(lái)，能夠跳出來(lái)超越自己做到更高一層。所以回顧MIUI V5的輝煌，6是做了一系列正確的事，我們?nèi)匀惶自谀莻€(gè)框里被國(guó)外引領(lǐng)著，我們都還有很長(zhǎng)的一段路要走。

最新的設(shè)計(jì)趨勢(shì)看過(guò)來(lái)！

看看谷歌設(shè)計(jì)師的實(shí)踐心得！
《超贊！谷歌設(shè)計(jì)師的Material Design實(shí)踐心得》

Material Design新鮮資源一大波！
《新鮮熱辣！一組實(shí)用的MATERIAL DESIGN風(fēng)格素材！》

超全面總結(jié)！一下就懂了！
《超全面總結(jié)！深聊MATERIAL DESIGN引領(lǐng)的設(shè)計(jì)趨勢(shì)》

投稿者：@可風(fēng)f

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱：2650232288@qq.com】

================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是一個(gè)分享網(wǎng)頁(yè)設(shè)計(jì)、無(wú)線端設(shè)計(jì)以及PS教程的干貨網(wǎng)站。
【特色推薦】
設(shè)計(jì)師需要讀的100本書(shū)：史上最全的設(shè)計(jì)師圖書(shū)導(dǎo)航：http://hao.uisdc.com/book/。
設(shè)計(jì)微博：擁有粉絲量75萬(wàn)的人氣微博@優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì) ，歡迎關(guān)注獲取網(wǎng)頁(yè)設(shè)計(jì)資源、下載頂尖設(shè)計(jì)素材。
設(shè)計(jì)導(dǎo)航：全球頂尖設(shè)計(jì)網(wǎng)站推薦，設(shè)計(jì)師必備導(dǎo)航：http://hao.uisdc.com
———————————————————–
想在手機(jī)上、被窩里獲取設(shè)計(jì)教程、經(jīng)驗(yàn)分享和各種意想不到的"福利"嗎？
添加 優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì) 微信號(hào)：【youshege】?jī)?yōu)設(shè)哥的全拼
您也可以通過(guò)掃描下方二維碼快速添加：