windows8 Metro 风格应用的 UX 指南.docx

Metro风格应用的UX指数指南

使用此指数可快速找到可帮助你创建出色的Metro风格应用的用户体验(UX)指南。如果尚未这样做，那么应开始阅读创建出色的Metro风格应用和HYPERLINK"http://msdn.microsoft.com/zh-CN/library/windows/apps/hh465427.aspx"规划Metro风格应用。

Metro设计风格
Metro风格应用是Windows8上用户体验的中心环节，功能强大的Metro风格应用共享了一个重要的特性集，这样提供的用户体验就具有一致性、简约性，并且会产生引人注目的效果。
布局和导航：考虑你的UI布局对用户导航该应用的方式有何影响。请参阅HYPERLINK"http://msdn.microsoft.com/zh-CN/library/windows/apps/hh761500.aspx"导航设计模式。
布局和命令：一致地放置命令以培养用户自信心和方便用户互动。请参阅HYPERLINK"http://msdn.microsoft.com/zh-CN/library/windows/apps/hh761499.aspx"命令设计模式和HYPERLINK"http://msdn.microsoft.com/zh-CN/library/windows/apps/hh465304.aspx"设置UI的布局。
布局和页面设计：使用网格可帮助设置应用页面的布局以遵守Windows8剪影。
HYPERLINK"http://msdn.microsoft.com/zh-CN/library/windows/apps/hh872191.aspx"设置应用页面的布局
HYPERLINK"http://msdn.microsoft.com/zh-CN/library/windows/apps/hh465327.aspx"为JavaScript应用选择布局
动画：精心设计的有针对性的动画可以使应用变得更丰富，并且使体验感觉精良和完美。帮助用户理解上下文环境变动，将体验与视觉转换紧密相连。有关详细信息，请参阅有关下列动画的指南：
HYPERLINK"http://msdn.microsoft.com/zh-CN/library/windows/apps/hh465173.aspx"拖放
HYPERLINK"http://msdn.microsoft.com/zh-CN/library/windows/apps/hh465178.aspx"基于边缘的动画
HYPERLINK"http://msdn.microsoft.com/zh-CN/library/windows/apps/hh465185.aspx"列表动画
HYPERLINK"http://msdn.microsoft.com/zh-CN/library/windows/apps/hh465201.aspx"过渡动画
HYPERLINK"http://msdn.microsoft.com/zh-CN/library/windows/apps/hh465209.aspx"短暂UI动画
HYPERLINK"http://msdn.microsoft.com/zh-CN/library/windows/apps/hh465209.aspx"UI动画
版式：请参阅HYPERLINK"http://msdn.microsoft.com/zh-CN/library/windows/apps/hh700394.aspx"文本和版式指南。
触控互动
使用触控互动让用户自由掌控和充满信心，利用屏幕或设备的边缘，人们可以放心地找到命令。请参阅HYPERLINK"http://msdn.microsoft.com/zh-CN/library/windows/apps/hh465415.aspx"触摸交互设计。
一般用户交互指南：提供一致且高效的用户交互集。请参阅HYPERLINK"http://msdn.microsoft.com/zh-CN/library/windows/apps/hh465370.aspx"用户交互指南。
触摸目标：考虑大小和位置或你的触摸目标。请参阅HYPERLINK"http://msdn.microsoft.com/zh-CN/library/windows/apps/hh465326.aspx"触摸目标指南。
视觉反馈：为用户操作提供清楚的视觉反馈。请参阅HYPERLINK"http://msdn.microsoft.com/zh-CN/library/windows/apps/hh465342.aspx"视觉