什么是Metro风格的应用?
Metro风格的应用是针对用户的需求、运行的硬件、触控式交互和Windows用户界面量身订做的全屏式应用。Windows帮助你与用户进行交互,帮助你的用户与应用进行交互。
以用户为本的应用
使用Metro类的应用,用户将获得体验:
沉浸感(Imersive)——你的Metro应用会充满整个屏幕,让用户沉浸在你所构建的体验中。用户会完全沉浸在他们所喜爱的内容中。我们让操作系统不走寻常路,以全屏的空间来承载内容。你的应用是Windows体验的中心。充分利用空间,且不能让它变得凌乱。让用户集中精力于他们想做的事情。
迷人且充满活力(Engaging and alive)——你的Metro式应用利用用户感兴趣的信息来吸引他们。动态瓦片(live tiles)能够即时提醒用户并将其带入应用中。
Start界面主要展示各个应用的特点,应用瓦片(tiles)保持实时更新,鼓励用户点击进入。当设计你的“瓦片”时,你需要:
- 突出品牌。你的应用瓦片是通过可视化效果定义应用品牌以吸引用户的机会,它应该吸引人且非常直接明了。
- 将用户最感兴趣的信息和活动展示出来。你很渴望用户回到tile并查看更新。你渴望通过更新来吸引用户进来。展示的信息和活动越贴心,用户越可能融入到应用中。
关于设计和创建App Tile的更多信息,可见Guidelines and checklist for tiles和Guidelines and checklist for notifications。
联系(Connected)——你的用户能将内容分享给他的社交圈,同时发送内容给所链接的设备。更多内容浏览Searching,sharing, and connecting(Javascript)。
交互式且触摸优先(Interactive and touch-first)——设计你的应用优先考虑触摸和物理操作,同时Windows也提供键鼠和图片放缩支持。更多内容,可浏览Designing for touch和Responding to user interaction。
多视图和多种外形尺寸(Great in multiple views & on multiple form factors) ——应用使用控件来支持“流式布局”,所以内容能够自动适配。平台提供了自动缩放已解决多分辨率和多尺寸的适配问题。浏览更多信息,参见Designing for different form factors。
Confidence-inspiring ——用户能够安全地下载、安装、使用、更新和卸载应用,无须其他更改或操作。
用户多任务设计——
当用户沉浸在全屏的情境中时,Windows依然能够完成多任务:
- Snapped view 用户喜欢一次能够处理多项事务。他们希望在聊天、上网、看电影、发传真是也能使用你的应用,让应用的snap view更可用,注意在切换时要保持情境的一致性。
- Filled view 用户可能snap另一个应用,而你的应用保持在fill的空间内。占据减少的水平方向屏幕控件来容纳视图。
以人为本的开发体验
开发这也能获益:
开发语言的选择(Your choice of programming languages )——你能选择你最擅长的语言来开发应用,例如Javascript、HTML 5和CSS3,C++/C#/VB(XAML)。
新的部署方法(New deployment method)——打包Metro风格的应用;Windows Store;
新的UI和以触摸为中心的输入(New UI and touch-centered input)——你能利用控件来创建应用,支持UI元素的直接操作,且把用户的目标放在首位。
本地化(Localization)——你可以快速开发并满足多地区和多语言版本的部署要求。而且,Windows开发者预览版提供API来保证你的应用能够根据用户的语言和设置进行快速响应——例如日期、时间、数字和本地化格式——轻松搞定。更多信息,查看Globalizing your app。
开发工具(Developer tools)——Windows开发者预览版提供免费的Microsoft Expression Blend and Microsoft Visual Studio 11 Express工具。你轻松使用开发环境和模板帮助你设计、开发、打包、测试和部署应用。
原文链接:http://msdn.microsoft.com/en-us/library/windows/apps/hh464920.aspx
注:本篇文章开始,将不定期的翻译并更新一些《Metro Style APP Guidelines》文章。有兴趣的也可以关注我的微博——太狼兄。
2012-2-6

1楼 于 2012-2-9 下午 9:11
设计是一门很有学问的东东
2楼 于 2012-2-18 上午 12:02
能否推荐一款目前市场上比较好的window手机吗?lumia 800怎样啊?
于 2012-2-24 下午 11:38
不好意思,我没研究过,不过周围同学很多用的是HTC的,入手时1500左右,也还不错。lumia 800,个人觉得性价比不怎么高,你可以等lumia 900在国内铺开后看一下800会不会降
于 2012-2-25 下午 7:11
@hoowolf: 哈哈,今天刚买了windows phone 7的手机,htc的C110e,正在研究中。比较了下lumia 800的手机,感觉800的有点贵了些。
于 2012-2-27 下午 5:56
呵呵,多少钱啊?
于 2012-2-29 下午 5:22
@hoowolf:两千二百多一点,我直接在数码通讯广场实体店买的,没有在淘宝店上买,据说淘宝店最便宜的,可以贱卖1900不到
3楼 于 2012-4-12 下午 9:19
Great, thanks for your share!
@2012-04-12 21:18