剪影表示应用分层、菜单、导航、命令和内容区域等元素之间的关系的常见模式。 本文重点介绍多个 Windows 内置应用中使用的常见剪影。
另请参阅 内容基础知识 ，了解内容和控件的常见排列方式。
顶部导航轮廓
NavigationView 可在应用的内容层顶部使用，与以下内容建立连接。 使用顶部导航时，请注意用户 标识/人员/图片控件 的位置。
尝试最大化以下内容的垂直空间量时，将导航置于与命令相同的行上非常有用。
内容边距可能会有所不同。 此示例使用 56epx 边距，可与大型媒体内容相得益彰。 将较小的边距用于更小/更严格的内容需求。
在Windows 11中，照片是使用顶部导航剪影的应用的一个很好的示例。
菜单栏剪影
菜单栏可与命令栏一起用作基础层的一部分。 这使内容区更加聚焦于其核心任务，在本例中即撰写和编辑。
此示例展示了一个使用 12epx 边距的文本编辑器，以增强该应用的实用性。
在Windows 11中，记事本是使用菜单栏剪影的应用的一个很好的示例。
左侧导航轮廓
NavigationView 控件自动位于应用 的基础层上。 这让内容区域的主要任务更加突出。 使用左侧导航时，请注意用户 标识/人员/图片控件 的位置。
内容边距可能会有所不同。 此示例使用 56epx 边距来补充扩展器中内容的凝聚力。 当不必过多考虑内容之间的整体性时，可以使用较小的边距，因为其他设计元素会增强这种整体性、内容不会嵌套在展开控件中，或者这些内容在逻辑上不应归为一组。
在Windows 11中，“设置”是使用左侧导航剪影的应用的一个很好的示例。
选项卡视图轮廓
TabView 可以与应用的基层和标题栏控件集成。 这让内容区域更加聚焦于其主要任务，这里指代码编写和编辑。
此示例展示了一个使用 12epx 边距的文本编辑器，以增强该应用的实用性。
在Windows 11中，终端是使用选项卡视图剪影的应用的良好示例。
