视觉
注意
此设计指南是为 Windows 7 创建的,尚未针对较新版本的 Windows 进行更新。 大部分指导原则上仍然适用,但演示和示例并不反映我们 当前设计指南。
视觉对象包括控件以外的视觉元素。 这些指南可帮助你在应用中决定布局、字体、颜色、图标等。
在本部分中
主题 | 描述 |
---|---|
布局 |
布局是窗口或页面中内容的大小调整、间距和位置。 有效的布局对于帮助用户快速查找内容以及使外观更具吸引力至关重要。 有效的布局可以在用户立即理解的设计和使用户感到困惑和不知所措的设计之间产生差异。 |
字体 |
用户与 Microsoft Windows 中任何其他元素的交互内容都多于文本。 Segoe UI(发音为“SEE-go”)是 Windows 系统字体。 标准字号已增加到 9 磅。 |
颜色 |
颜色是大多数用户界面的重要视觉元素。 除了纯粹的审美之外,颜色具有相关的含义,并引起情感反应。 为了防止混淆的含义,必须一致地使用颜色。 若要获得所需的情感反应,必须适当地使用颜色。 |
图标 |
图标是对象的图片表示形式,不仅出于审美原因作为程序的视觉标识的一部分,而且出于功利原因的简写来传达用户几乎瞬间感知的含义。 Windows Vista 引入了一种新的图标样式,为 Windows 带来更高级别的细节和复杂度。 |
标准图标 |
标准图标是 Windows 一部分的错误、警告、信息和问号图标。 |
动画和过渡 |
动画和过渡的战略用途可以使你的程序更容易理解,感觉更流畅,更自然,更高质量的,并更引人入胜。 但是,动画和过渡的无端使用会使程序分散注意力,甚至令人恼火。 |
图形元素 |
图形元素 直观显示关系、层次结构和强调。 它们包括背景、横幅、玻璃、聚合器、分隔符、阴影和句柄。 |
声音 |
声音 是用户体验的音频元素。 适当使用时,声音可以是一种有效的沟通形式,可建立与用户的非口头甚至情感关系。 声音可以单独使用,也可以作为视觉 UI 的补充。 例如,向通知添加声音效果会增加它被注意到的可能性,尤其是在发生事件时用户未查看屏幕的可能性。 |