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

Homepage recommendation
厦门/平面设计师/12年前/40047浏览
Metro风格应用案例+心得体会Homepage recommendation
imlans
很久没用更新作品了,感觉再不发布点东西就要人间蒸发了。这些时间做了不少游戏和应用,也一直在两者之间游走,颇有意思。
我发现这里Metro风格的东西还不多,大部分还是在追求质感和细节表现,而目前公司正好是做这方面的,我个人在这段时间内也积累了不少Metro风格设计的经验,就先把相关的作品和案例整理一下发布了。
在第一次设计Metro应用之前,一直觉得这种风格非常简单,不就是做减法嘛,纹理质感去掉,字大点,按钮大点。
结果做出来的东西只是简单了,甚至是单调,也并没有好用多少。随着做的东西越来越多,并常思考,加上认真阅读微软官方的设计指导,总算是有所收获。
其实所谓的Metro风格,不仅仅是简单的色块,大字体,或者是把质感去掉。Metro的真正意义在于“引导”,能够让用户快速的到达目的地,减少多余元素的影响,于是所有的设计都围绕此目的进行,不仅要好看好用,更要快速便捷。
Metro风格应用的设计才是真正的“细节”设计,你不能画的太好看,那样会引起太多关注造成阻断,于是需要在小细节上下功夫,依然是精确到每一个像素,下边的案例里都有表现。
然后是最核心的部分,也是最难以掌握的部分:动画,动画,还是动画。首先简单的设计风格必须搭配上丰富的动画才能让整个作品鲜活起来,而且因为我们设计核心是引导,而动画的视觉引导强度是你画再大的箭头也无法超越的。如果你有动画基础,那么你就胜利一半了。在我们使用win8或者wp系统的时候,大家可以仔细观察系统的动画,做的非常好,很细腻很生动。
调整动画也占到了我们整个应用开发时间的30%以上,如果有条件大家可以去试试我们的应用~
最后也偷偷打个广告,如果有Win8/WP8或者Metro风格相关的应用开发和设计需求,欢迎联系我们~ 
这个是我们最早的App,在美国区经常排第一~
这个是我们最早的App,在美国区经常排第一~
Collect
依然在美国区前20
依然在美国区前20
Collect
一个日记类小应用,经常被官方推荐~
一个日记类小应用,经常被官方推荐~
Collect
还在开发的一个Todo应用,借鉴了Clear的设计理念,又加入了一些很酷很实用的功能
还在开发的一个Todo应用,借鉴了Clear的设计理念,又加入了一些很酷很实用的功能
Collect
已经上架的Win8应用:Sider,侧边栏+小工具合集,希望能方便大家的日常使用
已经上架的Win8应用:Sider,侧边栏+小工具合集,希望能方便大家的日常使用
Collect
44
Report
|
607
Share
相关推荐
霓虹深渊
Homepage recommendation
内容含视频
超级幻影猫2 - 全球推荐
Homepage recommendation
内容含视频
Lans Game UI Design 2
Recommanded by editor
超级幻影猫 [苹果全球推荐]
Homepage recommendation
内容含视频
经验分享
经验分享
经验分享
经验分享
作品收藏夹
Panda Juice / Veewo Games
Homepage recommendation
Veewo Game Design
Homepage recommendation
1024!合体小怪兽!
Homepage recommendation
Lans' Game UI Design
Homepage recommendation
评论
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
相关收藏夹
经验分享
经验分享
经验分享
经验分享
作品收藏夹
APP
APP
APP
APP
作品收藏夹
APP
11
metro风格
metro风格
metro风格
metro风格
作品收藏夹
UI
UI
UI
UI
作品收藏夹
UI
UI
UI
UI
作品收藏夹
我喜欢的作品
我喜欢的作品
我喜欢的作品
我喜欢的作品
作品收藏夹
大家都在看
Log in