Windows Phone7 & 8 设计指南
原文 :Windows Phone 8 and 7.x Design GuideLines
http://blogs.msdn.com/b/africaapps/archive/2013/01/20/windows-phone-8-design-guidelines.aspx
Navigation,frames and pages
- 编写代码之前,好好审查几次应用的页面原型和跳转关系,这样可以减少之后添加修改页面的次数。无疑后者花费的精力更多
- 在设计页面跳转的时候,一定要考虑Application Bar交互和后退键这两个因素
Application Bar
- 在处理通用的的应用任务时,使用Application Bar Button(例如 添加,刷新啊,设置等)
- Aplication Bar Button的数量要限制在4个以下
- 将不那么常用的功能放在Application Bar Menu
- 如果你的操作很难用Icons表达清楚,那么讲这个功能放到App Bar Meun里面(好像是这么个道理)
- App Bar Meun item 的数量应用在5个以下,避免出现滚动条(印象中 QQ浏览器 不符合这个规则的)
- 标准的App Bar Icons 已经在SDK里面,位置是:C:\Program Files\Microsoft SDKs\Windows
Phone\V7.0\Icons( 7.1和8都有,但是更加推荐Metro Studio!!)
- 自定义的App Bar Icons 分辨率应该是 48 × 48,使用白色前景,透明背景,同时,你不用画那个圆,系统自动会生成(再次推荐Metro
Studio)
Back button
- 在应用的第一个页面点击后退见一定要推出应用程序(当然,你可以选择提示用户是否退出)
- 点击后退键一定要回到应用的前一个页面(但是也有例外吧,例如登录注册什么的)
- 如果当前页面有 Context Meun 或者 Dialog,点击后退键,应该关闭 Context meun 和 dialog,并且取消导航到上一页。(实现很简单,ovrerrid OnBackPress,如果有窗口正在打开,窗口.isOpen
= false, e.cancle = true)
- 点击后退键应该只能导航到上一页或者关闭窗口,其他功能都不应该通过back button press实现。(是这么个道理)
Screen orientations
- 应用的默认的方向 Portrait ,你必须手动添加对Landscape的支持
- 如果应用支持landscape,那就说明了 向左和向右的水平放都是支持的。(left landscape 和 right landscapse)
Application Icon
免责声明: 本文仅代表作者个人观点,与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。