萬盛學電腦網

 萬盛學電腦網 >> 圖文處理 >> 平面設計理論 >> 聊聊MIUI 6與背後的設計公司RIGO

聊聊MIUI 6與背後的設計公司RIGO

 聊聊MIUI 6與背後的設計公司RIGO 三聯

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

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

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

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

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

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

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

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

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

clip_image006

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

clip_image008
clip_image010

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

clip_image012
clip_image014

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

copyright © 萬盛學電腦網 all rights reserved