且行且不易！聊聊MIUI 6與背后的設(shè)計公司RIGO

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

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

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

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

其實這一點都不簡單，因為如果純粹把界面拍平，去掉修飾性的元素會發(fā)現(xiàn)界面太素了，正如同當(dāng)時Android 4.0一樣，雖然足夠平也足夠簡單，但是界面死氣成成的沒有任何生機(jī)。再加上之前的歷史問題，我們的產(chǎn)品都被打上了“酷炫”的標(biāo)簽，所以酷炫不能丟。既要酷炫又要扁平，這個問題非常的棘手。

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

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

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

MIUI ?6是一個非常好的系統(tǒng)，使用舒服視覺也很漂亮，對于用戶來說足夠了。但是在我看來6是讓我比較失望的，因為作為兄弟公司我也一直期望他們能從舊風(fēng)格中探索出一些能比肩iOS7和Material Design或者M(jìn)etro Design的新設(shè)計語言出來，能夠跳出來超越自己做到更高一層。所以回顧MIUI V5的輝煌，6是做了一系列正確的事，我們?nèi)匀惶自谀莻€框里被國外引領(lǐng)著，我們都還有很長的一段路要走。

最新的設(shè)計趨勢看過來！

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

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

超全面總結(jié)！一下就懂了！
《超全面總結(jié)！深聊MATERIAL DESIGN引領(lǐng)的設(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"是一個分享網(wǎng)頁設(shè)計、無線端設(shè)計以及PS教程的干貨網(wǎng)站。
【特色推薦】
設(shè)計師需要讀的100本書：史上最全的設(shè)計師圖書導(dǎo)航：http://hao.uisdc.com/book/。
設(shè)計微博：擁有粉絲量75萬的人氣微博@優(yōu)秀網(wǎng)頁設(shè)計 ，歡迎關(guān)注獲取網(wǎng)頁設(shè)計資源、下載頂尖設(shè)計素材。
設(shè)計導(dǎo)航：全球頂尖設(shè)計網(wǎng)站推薦，設(shè)計師必備導(dǎo)航：http://hao.uisdc.com
———————————————————–
想在手機(jī)上、被窩里獲取設(shè)計教程、經(jīng)驗分享和各種意想不到的"福利"嗎？
添加 優(yōu)秀網(wǎng)頁設(shè)計 微信號：【youshege】優(yōu)設(shè)哥的全拼
您也可以通過掃描下方二維碼快速添加：