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

用户头像
厦门/平面设计师/13年前/40089浏览
Metro风格应用案例+心得体会
用户头像
imlans
很久没用更新作品了,感觉再不发布点东西就要人间蒸发了。这些时间做了不少游戏和应用,也一直在两者之间游走,颇有意思。
我发现这里Metro风格的东西还不多,大部分还是在追求质感和细节表现,而目前公司正好是做这方面的,我个人在这段时间内也积累了不少Metro风格设计的经验,就先把相关的作品和案例整理一下发布了。
在第一次设计Metro应用之前,一直觉得这种风格非常简单,不就是做减法嘛,纹理质感去掉,字大点,按钮大点。
结果做出来的东西只是简单了,甚至是单调,也并没有好用多少。随着做的东西越来越多,并常思考,加上认真阅读微软官方的设计指导,总算是有所收获。
其实所谓的Metro风格,不仅仅是简单的色块,大字体,或者是把质感去掉。Metro的真正意义在于“引导”,能够让用户快速的到达目的地,减少多余元素的影响,于是所有的设计都围绕此目的进行,不仅要好看好用,更要快速便捷。
Metro风格应用的设计才是真正的“细节”设计,你不能画的太好看,那样会引起太多关注造成阻断,于是需要在小细节上下功夫,依然是精确到每一个像素,下边的案例里都有表现。
然后是最核心的部分,也是最难以掌握的部分:动画,动画,还是动画。首先简单的设计风格必须搭配上丰富的动画才能让整个作品鲜活起来,而且因为我们设计核心是引导,而动画的视觉引导强度是你画再大的箭头也无法超越的。如果你有动画基础,那么你就胜利一半了。在我们使用win8或者wp系统的时候,大家可以仔细观察系统的动画,做的非常好,很细腻很生动。
调整动画也占到了我们整个应用开发时间的30%以上,如果有条件大家可以去试试我们的应用~
最后也偷偷打个广告,如果有Win8/WP8或者Metro风格相关的应用开发和设计需求,欢迎联系我们~ 
Metro风格应用案例+心得体会(图ZODQ3OTU3Ng==) - 主题/皮肤 - 站酷设计师imlans原创素材 - 站酷ZCOOL
这个是我们最早的App,在美国区经常排第一~
收藏
Metro风格应用案例+心得体会(图ZODQ3OTU4NA==) - 主题/皮肤 - 站酷设计师imlans原创素材 - 站酷ZCOOL
依然在美国区前20
收藏
Metro风格应用案例+心得体会(图ZODQ3OTU3Mg==) - 主题/皮肤 - 站酷设计师imlans原创素材 - 站酷ZCOOL
一个日记类小应用,经常被官方推荐~
收藏
Metro风格应用案例+心得体会(图ZODgzMzI0OA==) - 主题/皮肤 - 站酷设计师imlans原创素材 - 站酷ZCOOL
还在开发的一个Todo应用,借鉴了Clear的设计理念,又加入了一些很酷很实用的功能
收藏
Metro风格应用案例+心得体会(图ZODQ3OTU2OA==) - 主题/皮肤 - 站酷设计师imlans原创素材 - 站酷ZCOOL
已经上架的Win8应用:Sider,侧边栏+小工具合集,希望能方便大家的日常使用
收藏
44
举报
|
607
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
加载中
推荐素材
金色分子和皮肤组织护肤主题3D渲染
皮肤特写主题
水滴皮肤主题
蓝色透明的细胞与皮肤护肤主题3D渲染
皮肤纹理特写主题
皮肤纹理特写主题
皮肤特写主题
皮肤上的水滴主题
皮肤治疗主题
皮肤裂纹特写主题
皮肤表面细节主题
护肤少女-雀斑
水墨梅花01
你可能喜欢
相关收藏夹
APP
APP
APP
APP
APP
11
UI
UI
UI
UI
大家都在看
登录注册