且行且不易!聊聊MIUI 6與背后的設計公司RIGO

要評價MIUI V6,必須提到一個公司就是Rigo。MIUI V5一直打著強烈的Rigo風格,但是他卻與扁平化和內容主導相違背,越往后慢慢發現這種風格的弊病越多。而標簽如此之重的情況下,MIUI V6的苦惱是:如何從Rigo風格中走出來,擁抱扁平化?

@可風f?(金山交互設計師):其實我覺得MIUI 6這次升級其實是一次很艱難的設計轉型過程,但是并沒有達到完美。

且行且不易!聊聊MIUI 6與背后的設計公司RIGO

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

且行且不易!聊聊MIUI 6與背后的設計公司RIGO

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

且行且不易!聊聊MIUI 6與背后的設計公司RIGO

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

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

且行且不易!聊聊MIUI 6與背后的設計公司RIGO

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

且行且不易!聊聊MIUI 6與背后的設計公司RIGO

且行且不易!聊聊MIUI 6與背后的設計公司RIGO

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

且行且不易!聊聊MIUI 6與背后的設計公司RIGO

且行且不易!聊聊MIUI 6與背后的設計公司RIGO

MIUI ?6是一個非常好的系統,使用舒服視覺也很漂亮,對于用戶來說足夠了。但是在我看來6是讓我比較失望的,因為作為兄弟公司我也一直期望他們能從舊風格中探索出一些能比肩iOS7和Material Design或者Metro Design的新設計語言出來,能夠跳出來超越自己做到更高一層。所以回顧MIUI V5的輝煌,6是做了一系列正確的事,我們仍然套在那個框里被國外引領著,我們都還有很長的一段路要走。

最新的設計趨勢看過來!

看看谷歌設計師的實踐心得!
《超贊!谷歌設計師的Material Design實踐心得》

Material Design新鮮資源一大波!
《新鮮熱辣!一組實用的MATERIAL DESIGN風格素材!》

超全面總結!一下就懂了!
《超全面總結!深聊MATERIAL DESIGN引領的設計趨勢》

且行且不易!聊聊MIUI 6與背后的設計公司RIGO

投稿者:@可風f

【優設網 原創文章 投稿郵箱:2650232288@qq.com】

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

且行且不易!聊聊MIUI 6與背后的設計公司RIGO

收藏
點贊

復制本文鏈接 文章為作者獨立觀點不代表優設網立場,未經允許不得轉載。