header_v0.7.32

Metro风格应用案例+心得体会

4年前发布

原创作品 / UI / 主题/皮肤
作品版权由imlans 解释, 禁止匿名转载;禁止商业使用;禁止个人使用。 临摹作品,同人作品原型版权归原作者所有。

很久没用更新作品了,感觉再不发布点东西就要人间蒸发了。这些时间做了不少游戏和应用,也一直在两者之间游走,颇有意思。
我发现这里Metro风格的东西还不多,大部分还是在追求质感和细节表现,而目前公司正好是做这方面的,我个人在这段时间内也积累了不少Metro风格设计的经验,就先把相关的作品和案例整理一下发布了。

在第一次设计Metro应用之前,一直觉得这种风格非常简单,不就是做减法嘛,纹理质感去掉,字大点,按钮大点。
结果做出来的东西只是简单了,甚至是单调,也并没有好用多少。随着做的东西越来越多,并常思考,加上认真阅读微软官方的设计指导,总算是有所收获。

其实所谓的Metro风格,不仅仅是简单的色块,大字体,或者是把质感去掉。Metro的真正意义在于“引导”,能够让用户快速的到达目的地,减少多余元素的影响,于是所有的设计都围绕此目的进行,不仅要好看好用,更要快速便捷。
Metro风格应用的设计才是真正的“细节”设计,你不能画的太好看,那样会引起太多关注造成阻断,于是需要在小细节上下功夫,依然是精确到每一个像素,下边的案例里都有表现。
然后是最核心的部分,也是最难以掌握的部分:动画,动画,还是动画。首先简单的设计风格必须搭配上丰富的动画才能让整个作品鲜活起来,而且因为我们设计核心是引导,而动画的视觉引导强度是你画再大的箭头也无法超越的。如果你有动画基础,那么你就胜利一半了。在我们使用win8或者wp系统的时候,大家可以仔细观察系统的动画,做的非常好,很细腻很生动。
调整动画也占到了我们整个应用开发时间的30%以上,如果有条件大家可以去试试我们的应用~

最后也偷偷打个广告,如果有Win8/WP8或者Metro风格相关的应用开发和设计需求,欢迎联系我们~ 

这个是我们最早的App,在美国区经常排第一~

依然在美国区前20

一个日记类小应用,经常被官方推荐~

还在开发的一个Todo应用,借鉴了Clear的设计理念,又加入了一些很酷很实用的功能

已经上架的Win8应用:Sider,侧边栏+小工具合集,希望能方便大家的日常使用

39

作品信息

  • 创作时间

    2013/03/05

相关作品 收录收藏夹 TA的主页
Metro风格应用案例+心得体会
Hello PM 意见反馈
没有新消息
密码登录
短信登录
微信二维码登录

提示文案

提示文案

提示失败
提示成功