布局

 

“圣迭戈”的搜索结果

 

你的应用的布局(包括内容和页面之间的导航)对于整体设计和应用外观十分必要。该布局可以创建层次结构,组织你的内容,并反映你的品牌。用户的应用体验具体取决于页面的结构和内容。

Windows 中的布局

Windows 布局真正实现了数字化。它们利用了数字媒介并避免了通常在数字世界中不必要或令人误解的实际隐喻。不受限制的自由数字布局可以为用户创建功能强大的美观的应用和体验。

Windows 布局具有整洁通畅的外观,并且减少了画布上可视的混乱。你可以选择将控件移动到应用边缘上的应用栏。然后,应用的关键功能可以位于画布上的醒目位置,从而提高应用的可用性。

根据应用的内容,你可能希望创建一个具有大型交互部分的轻便自由组合或一个可感受要探索的丰富内容和命令的更为密集的体验。例如,阅读列表应用具有较小的开放布局。考虑应用中的可见内容、从画布中移除的内容以及你的布局选择如何影响应用的体验和使用。

 

阅读列表应用

 

Xbox 音乐应用使用非传统垂直网格和垂直平移来一次性显示各种内容。底部的永久性应用栏可确保始终提供常用控件,以便用户在探索应用的其他区域时可以在播放列表中快速移动。

 

具有歌曲播放功能的 Xbox 音乐应用

布局创新

Songza(一款可根据用户方案进行更改的音乐应用)将使用较小的水平布局。由于用户的大部分时间将用在侦听(而非积极导航)此应用,因此简单才是最佳布局。

适用于周五下午倾听音乐的 Songza 应用

 

许多应用都使用分层导航系统。中心页面(或者说登录页面)是用户进入应用和其他内容级别的入口点。中心页面在丰富的平移视图中显示内容,这样用户一眼就能看见新鲜有趣的内容,从而吸引他们深入了解你的应用中的更多内容。中心控件提供了一个框架,并提供了自定义你的应用以适合你的品牌的灵活性。

分层导航仅是应用布局的一个模型,你的应用应该利用最适合你的品牌并可为应用用户创建最佳体验的布局和导航模型。组合和布局可用于创建并为创建者提供了制作某些独特内容的巨大机会。

请为你的应用考虑纵向和横向。确定已在其上排列内容的网格是在采用垂直格式还是在采用水平格式时最有效。由于越来越多的应用利用 Windows 的现代设计语言,因此用于应用布局和设计的方法将逐渐发展为适合每个应用的单独需要和品牌。布局是创新应用并使应用脱颖而出的理想场所。请参阅设置应用页面的布局以获取有关 Windows 网格系统的详细信息。

示例

Facebook

Facebook 使用基于网格的强大布局在画布上组织其众多内容和命令,从而使 Facebook 提供的所有服务均能立即吸引到用户。

Facebook 应用

 

Foursquare

Foursquare 是一款全部与位置和新体验相关的应用。应用的布局反映了此任务具有可显示每个特色位置的粗体显示的图像。分级和评论固定在图像下方,它们形成了一个统一组合,使用户可以快速地评估位置并点击以进行深入研究。

你最后检入并等待友好请求的 Foursquare 应用

 

Foursquare 的布局是动态的,并对其本身进行了重新构建,以便使内容在其应用的每个区域上都最适合。一直平移到应用的左侧将产生附近热门景点的地图。在某个位置上点击将显示详细信息页面,该页面包含检入信息和用户的评论。点击任意位置将显示建议部分。

Foursquare 应用地图视图

 

NOOK

Barnes 和 Noble 的 NOOK 应用使用基于中心的分级模型的基本概念,但深入自定义它可产生 NOOK 品牌的特色体验。每本书下方的微弱阴影可向书的物理特质提供少许乐趣,而不是仅显示封面图像。在此情况下,真实模拟的建议将增强用户的体验。

NOOK 应用库页面

中心控件指南

导航模式

设置应用页面的布局

设置 UI 的布局(Windows 运行时应用)

选择布局(使用 JavaScript 和 HTML 的 Windows 应用商店应用)

设置 UI 的布局 (XAML)