Metro风格应用案例+心得体会
厦门/平面设计师/12年前/40047浏览
版权
Metro风格应用案例+心得体会
很久没用更新作品了,感觉再不发布点东西就要人间蒸发了。这些时间做了不少游戏和应用,也一直在两者之间游走,颇有意思。
我发现这里Metro风格的东西还不多,大部分还是在追求质感和细节表现,而目前公司正好是做这方面的,我个人在这段时间内也积累了不少Metro风格设计的经验,就先把相关的作品和案例整理一下发布了。
在第一次设计Metro应用之前,一直觉得这种风格非常简单,不就是做减法嘛,纹理质感去掉,字大点,按钮大点。
结果做出来的东西只是简单了,甚至是单调,也并没有好用多少。随着做的东西越来越多,并常思考,加上认真阅读微软官方的设计指导,总算是有所收获。
其实所谓的Metro风格,不仅仅是简单的色块,大字体,或者是把质感去掉。Metro的真正意义在于“引导”,能够让用户快速的到达目的地,减少多余元素的影响,于是所有的设计都围绕此目的进行,不仅要好看好用,更要快速便捷。
Metro风格应用的设计才是真正的“细节”设计,你不能画的太好看,那样会引起太多关注造成阻断,于是需要在小细节上下功夫,依然是精确到每一个像素,下边的案例里都有表现。
然后是最核心的部分,也是最难以掌握的部分:动画,动画,还是动画。首先简单的设计风格必须搭配上丰富的动画才能让整个作品鲜活起来,而且因为我们设计核心是引导,而动画的视觉引导强度是你画再大的箭头也无法超越的。如果你有动画基础,那么你就胜利一半了。在我们使用win8或者wp系统的时候,大家可以仔细观察系统的动画,做的非常好,很细腻很生动。
调整动画也占到了我们整个应用开发时间的30%以上,如果有条件大家可以去试试我们的应用~
最后也偷偷打个广告,如果有Win8/WP8或者Metro风格相关的应用开发和设计需求,欢迎联系我们~
44
Report
声明
607
Share
相关推荐
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
You may like
相关收藏夹
Log in
44Log in and synchronize recommended records
99+Log in and add to My Favorites
评论Log in and comment your thoughts
分享Share











![超级幻影猫 [苹果全球推荐]](https://img.zcool.cn/community/0317b0356aadc31000001cd408a9c9c.jpg?x-oss-process=image/resize,m_fill,w_520,h_390,limit_1/auto-orient,1/sharpen,100/quality,q_80)






![合到10 / Just Get 10 [ Veewo Game Vol.3 ]](https://img.zcool.cn/community/031bbe35566ca16000001cc29ff648e.jpg?x-oss-process=image/resize,m_fill,w_520,h_390,limit_1/auto-orient,1/sharpen,100/quality,q_80)




















































