边缘

录音机应用

 

“边缘”是一个集成到 Windows 的强大而优美的交互工具。“边缘”的设计基于以简驭繁原则。“边缘”提供一组用于以简驭繁的选项。如果元素与当前显示的内容不直接相关,这些选项可让你将元素移出画布。它们为用户提供可靠而直观的导航方法,而且在任何设备上都感觉自然。

Windows 中的“边缘”

应用栏

财经应用中的应用栏

 

顶部应用栏也称为导航栏,因为应用通常将导航控件放置在此栏中。

底部应用栏也称为命令栏,因为应用通常将命令放置在此栏中。

你可以设计这些应用栏。它们不与系统交互。 你可选择将其他上下文相关的信息放置在顶部或底部应用栏中,而不是(或者包含)导航控件和命令。例如,在购物应用中,你可以将用户购物车中的内容放置在顶部应用栏中。这样放置可让用户既能够关注购物又能够快速进入购物车和结算过程。在音乐应用中,你可以在底部应用栏中放置媒体控件,比如播放、暂停和前进。这些控件是隐藏的,直到用户选择了一首歌曲,此时这些控件将与上下文相关。

 

超级按钮

财经应用和超级按钮

 

这些超级按钮是“边缘”中最具图标化的使用。这些超级按钮可发起系统交互。用户通过从屏幕右边缘轻扫或者将鼠标指针指向屏幕右上角或右下角可以调用超级按钮。有关详细信息,请参阅超级按钮和合约

 

左边缘

最近使用的应用列表

 

左边缘是用户的命令中心,可用于查看最近使用的应用、切换应用以及在屏幕上并排放置多个应用。

通过“边缘”进行创新

我们鼓励你找到新的创新性方法在应用设计中使用“边缘”。你甚至可以选择不实现应用栏或尽量少地使用它们。例如,Xbox 音乐应用在画布上包括大多数命令,并将很少的控件放在应用栏中。

标准控件和典型放置仅仅是起点。富有创意地考虑在你的应用中可以利用“边缘”做哪些事情。

“边缘”示例

在以下示例中,该应用使用顶部应用栏来显示相关视频,并使用底部应用栏来放置与当前播放的视频相关的命令。

 

带应用栏的 Vevo 应用

 

在 NatureSpace 应用中,底部应用栏很微秒,而且不跨整个画布宽度,但它仍然为用户提供有效的命令图面来控制当前跟踪。

 

带底部应用栏的 NatureSpace 应用

 

应用栏不需要看起来像那些标准模板中的应用栏。你可以在设计中使它们很好地匹配你的品牌。在来自 Disney 的示例中,应用栏看起来就像是故事书的一部分。

 

带底部应用栏的 Disney Princess Dress-up Sticker Book 应用

 

导航模式

命令模式