在为圆形屏幕设计自适应布局时,可滚动视图和不可滚动视图在缩放界面元素、保持布局和构图平衡方面各具独特的要求。以下图片仅为宽泛的建议;示例仅用于说明。有关详细的、情境相关的响应式指南,请查看各个组件或界面页面。
一览更多内容
响应式布局允许在单个屏幕上容纳更多纸片、卡片、文本行和按钮。

显示更多内容元素
使用在定义的屏幕尺寸断点处应用的新布局,以便在可能的情况下引入更多内容,从而为屏幕尺寸更大的设备上的用户提供额外价值。

提升一览性
利用额外的屏幕空间提供更大的容器、更大的文本、更粗的环,以及更精细的数据可视化,以提升一览性。

提升可用性
利用额外的屏幕空间提供更大的点按目标、更高的视觉层级和内容项之间的内边距,以使界面易于访问且富有吸引力。

优化构图
利用我们更新的组件和模板,为跨所有屏幕尺寸的界面提供更好的观感。

使用既定的标准布局
利用既定的标准布局,帮助您的界面在各种设备尺寸上平滑地进行适配。我们的标准布局经过精心开发,可在所有屏幕尺寸上提供高质量体验。

图块(不可滚动布局)

应用可滚动布局

应用不可滚动布局