Windows 8 Design Highlights(设计Windows 8风格的应用)

设计Windows8风格的应用DesignaWindows8StyleApp,设计Windows8风格的应用,Windows8风格内容重于形式快速且流畅出色的贴靠和缩放使用Contract用磁贴提升用户体验仿佛永远在线漫游到云端启动画面,Windows8风格Windows8Style,内容重于形式ContentBeforeChrome,内容重于形式ContentbeforeChrome,内容是Windows8风格应用的核心。用户会沉浸在他们喜欢的内容中，其他一切都是附属的。屏幕上只留下最相关的元素，以便最大程度的减少干扰传统上，形式一般来自于:布局交互导航,布局Layout,布局Layout,仅在屏幕上保留最相关的元素，从而最大程度地减少干扰，帮助人们沉浸在内容中。移除线条、框和不必要的图形效果（如花纹和渐变），使界面有充分的空间来显示内容。使用开放空间来构建内容框架。,布局Layout,对不同级别的文本使用一致的大小、粗细和颜色，可以传递出不同内容的重要性。使用默认样式表来获得文本去除多余的结构，加重内容比重让内容从一个边缘流到另一个边缘只在一个轴上移动，创造出一种稳定感来支撑模型,布局Layout,限制屏幕上持久显示的导航框，如选项卡。让人们关注当前内容而非将要到哪里去，避免分散注意力。,Windows8设计语言建立在整齐、美观的信息结构上，重视内容而不是导航方式。,布局Layout,利用Windows8风格的剪影创建应用用网格对齐，创建具有一致结构的页面布局使用VisualStudio模板获得布局,交互Interactions,利用边缘UsingtheEdge,将这些命令放置在应用栏中，从上边缘或下边缘轻扫可将其显示出来。利用超级按钮（从右边缘轻扫可将其按需显示出来）调用“搜索”、“共享”、“设备”或“设置”超级按钮。避免在屏幕上过多或持久放置命令，并避免显示可使用超级按钮访问的重复功能。利用AppBar使设计具有更好的体验，将常用的交互功能放到这些边缘的位置。,Appbar,某些操作可以藏到Appbar中，仅在需要时才显示，以避免弄乱您的界面。利用屏幕或设备的边缘，人们可以放心地找到命令。,AppBar,绝大多数应用将使用AppBar全局命令在右侧，上下文命令在左侧当选中上下文命令时，可以通过编程调用(Ex:DemoStart)如果有单个常用命令，也可以把它直接放到界面中菜单弹出可以用来显示命令列表(Ex:DemoPaintPlay)顶部常被用于应用的导航(Ex:返回按钮和标题),弹出功能可以作为一种在界面设计中偶尔使用的交互方式,弹出Flyout,Collectinginformation,Confirmationsorwarnings,在合适的位置显示内联错误提示,错误Errors,导航Navigation,导航内容NavigatingContent,视图会显示你在哪里，不会显示你可能去哪里使用“中心辐射型”模型来实现信息层次结构:中心:通常为首页，可以向下导航到次级页面（辐射区）次级页面:显示次级结构的内容，可以向下导航到详细信息页避免永久性的导航形式，比如Tabs利用语义缩放在平行的两个层次中跳转，看到更多内容,Hub,Section,Details,MyTrips,MyTrips,CityGuide,CityGuide,Hub,Section,Details,MyTrips,演示,语义缩放SemanticZoom,语义缩放SemanticZoom,设计缩小的视图，以显示更多的内容语义缩放只显示应用当前层级的内容，不包括上一层级或下一层级的如果可能，使语义缩放更具创意，在本层级内显示更多信息如果当前视图分组数小于5，则语义缩放不是必须使用的如果分组数大于5小于10，强烈推荐使用语义缩放如果视图中分组数大于10，必须使用语义缩放,快速且流畅FastandFluid,有针对性的制作动画PurposefulAnimations,动画为Windows8风格应用带来了活力，并使体验有精雕细琢的感觉保证有目的的使用动画，给人以连续性的感觉，增强对UI操作的信心使用动画库（AnimationsLibrary）中的标准动画避免模仿物理运动，如翻页动画,SeeBUILDtalkAPP-206TorAPP-494TonAnimationsformoreexamples,为触摸而设计DesignforTouchFirst,遵循Windows8触摸语言并只使用规定手势,SeeBUILDtalkAPP-391T:DesigningMetroStyleappsthataretouch-optimized,为触摸而设计DesignforTouchFirst,设计时应考虑到手和手指点击目标大小和间距应该适合触摸，您的手指并不是一个指针设计时应考虑到舒适性或人体功能学,为触摸而设计DesignforTouchFirst,在触摸时提供即时的视觉反馈，并在释放时触发操作应该是可逆的，因此用户可以放心的探索即使只平移1个像素，也可以实现选择并提供稳定的轨迹,出色的贴靠和缩放SnapandScaleBeautifully,适合多视图的设计DesignforMultipleViews,用户可以从事多任务操作，应用显示以下布局：,贴靠Snap,应用程序在贴靠视图中时，用户应该能够完成核心的功能场景。贴靠视图的宽度为320像素。应用程序的每个页面都应对应一个贴靠视图。贴靠视图不需要具备全屏视图所具有的完整功能，但是上下文关系必须保证完整，这样用户可以快速地在贴靠视图和全屏视图之间进行切换。在贴靠视图中竖直移动内容，以符合人体功能学，避免与边缘的冲突,demo,Snapped贴靠,缩放Scaling,PC有各种屏幕尺寸和分辨率使用流动布局(如：-ms-grid控件，ListView控件)来利用屏幕缩放以适合大小(如：viewbox控件)以获得固定布局使用VSsimulator来查看您的应用在不同机器上的外观效果系统提供以分辨率为基础的自动缩放使用可缩放矢量图形，或提供3种图片资源大小(100%,140%,180%)并对位图格式的图像使用资源加载,WatchBUILDtalkAPP-207T/847TReachyourcustomersdeviceswithonebeautifulHTML5/XAMLuserinterface,正确的使用合约UsetheRightContracts,Windows8合约Contract,Contract和超级按钮在应用程序中不要复制超级按钮（共享、搜索、设备和设置）的功能，无论是在画布上还是在应用程序栏中。从边缘调出超级按钮，而不要在应用程序界面中提供其他入口点。即不要将共享、搜索、设备或设置按钮放在UI中或应用程序程序栏中。,共享Share,如果应用程序中含有用户想要共享给其他应用的内容，利用共享Contracts作为源。应用程序的共享源包括多媒体、文章、文本、链接、文件等。对于用户可以发布、存储、编辑或创建内容的应用程序而言，利用共享Contract作为用户整理、修改或发布内容的目标。共享目标应用程序包括邮件，社交网络，内容收集和内容创建/编辑的应用程序。,搜索Search,利用搜索，使用户可以从Windows的任何位置搜索您的内容搜索与查找搜索(使用Contract)范围是整个应用内容集合结果通常是一个包含搜索项的页面.查找(使用应用内UI)范围在当前视图内（例如：在IE或Word中的Ctrl+F）结果通常位于您正在查找的页面上，只需要帮助定位它既可,设置Settings,将所有应用设置放在一个位置下，用户总是期望在这个地方找到它们不要在应用上创建其他进入设置的入口当用户调用设置时，他们会看到您的应用的基本信息，以及由您的应用指定的设置命令常用设置命令：您的设置类别、帮助、使用条款一旦用户选择了一个设置命令，将显示设置面板。您的应用控制设置面板内的UI保持简单、最少量的设置,Account,用磁贴提升用户体验InvestinaGreatTile,磁贴Tile,磁贴是应用的窗户活动磁贴和/或标志应用于显示动态的、相关的、个性化的内容。宽型磁贴布局必须使用动态内容。确保使用标准的磁贴模板（参见资源）。应用程序的标识应该出现在模板中的专属位置。磁贴上不能出现多个标识。二级磁贴应让用户将应用程序中感兴趣的内容固定在开始屏幕上。二级磁贴可以将用户导航到应用程序中的任一指定位置。提供一种方法来“深入链接”到有趣的、经常更新的应用内容二级磁贴不能链接到静态内容。,仿佛永远在线ConnectedandAlive,活动磁贴LiveTile,活动磁贴可以将用户吸引到您的应用您可以选择循环最后5个更新：默认磁贴与二级磁贴、小磁贴和大磁贴都支持活动更新。,WatchBUILDtalkAPP-396T,通知Notifications,通知Notifications,弹出通知（Toasts）只用于显示时间敏感的相关信息。用户能够自己选择是否开启这项功能。在任何情况下都可显示toast通知通知用于实时的个人内容，如IM、电话或邮件对您的应用中的上下文相关位置提供快速导航仅将通知用于必须被中断的信息仅当通知是真正时间敏感和与时间有关时才显示通知，否则用户将关闭您的应用不要使用通知提示错误或警告弹出通知（Toasts）应当可点击操作。单击弹出通知后用户应进入与通知相关的应用程序的对应部分。,漫游到云端RoamtotheCloud,漫游Roam,漫游应用于保持状态和根据喜好来创建跨设备的个性化以及一致的体验，并且可以在任何情况下使用。适合漫游的数据包括：应用程序设置和偏好行为历史记录，比如最近的搜索收藏夹