且行且不易!聊聊MIUI 6与背后的设计公司RIGO

2014/08/19 45069

且行且不易!聊聊MIUI 6与背后的UI设计公司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是做了一系列正确的事,我们仍然套在那个框里被国外引领着,我们都还有很长的一段路要走。

最新的设计趋势看过来!

看看谷歌设计师的实践心得!
《超赞!谷歌设计师的Material Design实践心得》

Material Design新鲜资源一大波!
《新鲜热辣!一组实用的MATERIAL DESIGN风格素材!》

超全面总结!一下就懂了!
《超全面总结!深聊MATERIAL DESIGN引领的设计趋势》

Material-design-trends-1

投稿者:@可风f

【优设网 原创文章 投稿邮箱:2650232288@qq.com】

================关于优设网================
“优设网uisdc.com“是一个分享网页设计、无线端设计以及PS教程的干货网站。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量75万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com
———————————————————–
想在手机上、被窝里获取设计教程、经验分享和各种意想不到的”福利”吗?
添加 优秀网页设计 微信号:【youshege】优设哥的全拼
您也可以通过扫描下方二维码快速添加:

sdcweixin

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:http://www.uisdc.com/rigo-design-miui-v6

界面设计 交互设计师 HTML5 素材 用户体验设计 好文 UI 转场动效 设计师专访 设计师 设计规范 排版布局 扁平化设计 素材下载 视觉设计 职场 产品设计 设计趋势 配色 web前端开发 海报设计 AI教程 字体下载 设计理论 动效设计 神器下载 图标设计 psd下载 logo设计 神器推荐 ICON 职场规划 App设计 酷站推荐 字体设计 交互设计 用户体验 ui设计 设计师职场 优秀网页设计 酷站 ps技巧 PS教程 网页设计 经验分享
wechat

优设官方微信

50万设计师关注

微信号:youshege

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里