窗框
注意
此设计指南是为 Windows 7 创建的,尚未针对较新版本的 Windows 进行更新。 大部分指导原则上仍然适用,但演示和示例并不反映我们 当前设计指南。
大多数程序应使用标准窗口框架。 沉浸式应用程序可以具有隐藏窗口框架的全屏模式。 考虑从战略上使用玻璃,以更简单、更轻、更凝聚力的外观。
使用窗口框架,用户可以作窗口并查看标题和图标来标识其内容。
典型的窗口框架。
注意: 与 窗口管理 和 品牌打造 相关的指南,请参阅单独的文章。
设计概念
玻璃窗口框架
玻璃窗框架是Microsoft Windows 美学的一个引人注目的新方面,旨在既吸引人又轻量。 这些半透明框架为窗口提供了一个开放、不太侵入的外观,帮助用户专注于内容和功能,而不是围绕它周围的界面。
围绕计算器屏幕截图
玻璃窗框架。
可以在触摸窗口框架的窗口内的小型区域中战略性地使用玻璃。 这些区域似乎是窗口框架的一部分,尽管从技术上说,它们也是窗口工作区的一部分。
具有半透明边缘屏幕截图
在此示例中,玻璃在工作区中使用,使其看起来像框架的一部分。
隐藏的帧
有时最好的窗口框架根本不是框架。 通常,主窗口 沉浸式 全屏 应用程序,这些应用程序未与其他程序(如媒体播放器、游戏和展台应用程序)结合使用。
内容查看器通常受益于选择全屏显示内容。 示例包括 Windows Internet Explorer、Windows Live Photo Gallery、Windows Movie Maker HD、Microsoft PowerPoint 和 Microsoft Word。
全屏视图中媒体播放器的
在此示例中,Windows Media Player 可以全屏显示其内容。
自定义帧
大多数 Windows 应用程序应使用标准窗口框架。 但是,对于沉浸式、全屏、独立应用程序(如游戏和展台应用程序),对于未显示全屏的任何窗口,可能适合使用自定义框架。 使用自定义框架的动机应该是给整体体验一种独特的感觉,而不仅仅是 品牌打造。
插图
自定义框架适用于沉浸式、全屏、独立应用程序,例如游戏。
指引
窗框
使用标准窗口框架。
不要将控件添加到窗口框架。 将控件放在窗口中。
不正确:
窗口框架屏幕截图
正确:
工作区屏幕截图
在正确的示例中,控件位于工作区而不是窗口框架内。
全屏模式
对于具有可选全屏模式的程序,若要启用全屏模式:
在菜单栏或工具栏中具有模式全屏命令。 当用户单击命令时,以其所选状态显示该命令。
具有全屏菜单项的窗口
此示例显示全屏命令及其标准快捷键。
将 F11 用于全屏快捷键。
如果常用工具栏和全屏模式,则还具有带有全屏工具提示的图形工具栏按钮。
全屏工具栏按钮的示例。
若要从全屏模式恢复,请执行以下作:
- 在菜单栏或工具栏中具有模式全屏命令。 当用户单击命令时,以清除状态显示该命令。
- 将 F11 用于全屏快捷键。 如果尚未分配,Esc 也可用于此目的。
玻璃
标准窗口框架在 Windows 中自动使用玻璃,但也可以在触摸窗口框架的区域使用玻璃。
- 请考虑在触摸窗口框架的小型区域中以战略方式使用玻璃,而无需文本。 这样做可以为程序提供更简单、更轻、更凝聚力的外观,使该区域似乎是框架的一部分。
- 具有半透明边缘屏幕截图
- 在此示例中,玻璃将用户的注意力集中在内容而不是控件上。
- 在纯窗口背景更具吸引力或更易于使用的情况下,请勿使用玻璃。
正确:
具有四个图形和标签屏幕截图
在此示例中,玻璃用于为 Alt+Tab 窗口提供轻量的外观。 Glass 适用于此窗口,因为它由图形和单个强文本标签组成。
不正确:
具有 12 个图形屏幕截图
在此不正确的示例中,使用玻璃会分散注意力。 纯窗口背景将是更好的选择。