日期:2014-05-17  浏览次数:20704 次

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