出自UXGuide.net

窗口边框

Window Frames

目录 1 设计理念 1.1 玻璃窗口边框 1.2 最大化的窗口边框 1.3 隐藏的窗口边框 1.4 自定义窗口边框 2 设计规范 2.1 窗口边框 2.2 全屏模式 2.3 玻璃

用户可以通过窗口边框来操作窗口、查看标题及图标以确定其内容。

典型的窗口边框

注：与窗口管理和软件品牌宣传相关的设计规范请参考各自相应的章节。

设计理念

玻璃窗口边框

玻璃窗口边框是 Windows Vista® 视觉设计中的引人惊异的新特性，旨在既具吸引力又足够轻量化。这些半透明的边框为窗口提供了一个开放的、低干扰的外观，以帮助用户专注于内容和功能，而非其周围的界面。

玻璃窗口外观

你可以有策略地在窗口内与边框相接的小范围内使用玻璃效果。这些区域看起来就像是窗口边框的一部分，虽然从技术上来说它们属于窗口的工作区。

在这个示例中，玻璃效果被用于工作区，使其看起来像是窗口边框的一部分。

最大化的窗口边框

最大化的窗口边框具有不同的外观。它没有使用玻璃效果，而是在默认黑色的不透明背景上显示白色的文本。使用这种不同的外观是因为当窗口充满整个屏幕时不再需要玻璃效果。而且，最大化了的窗口具有与普通窗口不同的行为（比如，你不能移动或调整大小），因此具有不同的外观可以帮助用户识别出一个窗口已经被最大化了。

该示例显示了不透明的、最大化了的窗口边框。

隐藏的窗口边框

有的时候，最好的窗口边框就是根本没有边框。这种情况经常发生在那些不会需要和其他程序一起使用的、沉浸式全屏应用程序的主窗口上，如媒体播放器、游戏及展台应用程序。

内容查看器往往应当具有可以全屏显示其内容的选项。例如 Windows® Internet Explorer®、Windows 照片库、Windows Movie Maker HD、Microsoft PowerPoint® 及 Microsoft Word。

在这个示例中，Windows 照片库以全屏方式显示其内容。

自定义窗口边框

大多数 Windows Vista 应用程序应当使用标准的窗口边框。不过，对于像游戏和展台应用程序那样沉浸式的、全屏的、单独使用的应用程序来说，为不全屏显示的窗口使用自定义边框可能是合适的。使用自定义窗口边框的动机应当是提供全面的独特体验感，而不仅仅是为了品牌宣传。

自定义窗口边框适用于沉浸式的、全屏的、单独使用的应用程序，如游戏。

设计规范

窗口边框

• 应当使用标准窗口边框。
  • 例外：为沉浸式全屏独立应用程序提供独特的感受：
    • 考虑隐藏主窗口的窗口边框。
    • 考虑为辅助窗口使用自定义边框。
    • 如果自定义边框合适的话，应当选择轻量级的、不会让人对其自身过分关注的设计。

错误：

在这个示例中，自定义边框使得人们对其自身关注太多。

• 不要在窗口边框上添加控件。应当将控件改放在窗口内。

错误：

正确：

在这个正确的示例中，控件位于工作区内，而非窗口边框。

全屏模式

• 对于那些具有可选全屏模式的程序，要启用全屏模式：
  • 在菜单栏或工具栏上包含模式全屏命令。当用户单击命令时，应以选中状态显示。

这个示例显示了带有标准快捷键的全屏命令。

• • 使用 F11 键作为全屏快捷键。
  • 如果具有工具栏且全屏模式经常被使用的话，应当具有一个图形化的工具栏按钮，其工具提示为“全屏”。

全屏工具栏按钮示例

• 从全屏模式返回：
  • 在菜单栏或工具栏上包含模式全屏命令。当用户单击该命令时，应以清除状态显示。
  • 将 F11 用作全屏快捷键。如果 Esc 键未被分配的话，也可以作此用途。

玻璃

在 Windows Vista 中，标准窗口边框会自动使用玻璃效果，但你也可以为那些与窗口边框相连的区域使用玻璃效果。

• 为那些与窗口边框相连但不包含文本的小区域谨慎地使用玻璃效果。这么做使这些区域看上去像边框的一部分，给程序一个更简单、更轻量、紧凑的外观。

在这个示例中，玻璃效果使用户的注意力集中在内容而非控件上。

• 不要在普通窗口背景更具吸引力或更容易使用的地方使用玻璃效果。

正确：

在这个示例中，玻璃效果用于给 Alt+Tab 窗口提供轻量级的外观。玻璃效果适用于此处，因为它是由图形及单个非常明显的文本标签组成的。

错误：

在这个错误的示例中，使用玻璃效果会令人分心。普通窗口背景则是更好的选择。