设计杂谈成长励志UI设计头条

Material Design 设计语言(九)底部操作条

2019-08-01  本文已影响16人  宛苏

操作条:底部(Sheets:bottom)

底部操作条是包含附加内容的列表,其固定在屏幕的底部。

原则

1、支持

底部操作条是对主界面区域UI进行补充的内容。

2、灵活

底部操作条可以显示各种各样的内容和布局。

3、人体工学

底部操作条很容易在移动设备上触及。

类型

1、标准底部操作条

标准底部操作条与屏幕的主UI区域共存,允许同时查看并与两个区域交互。

当主UI区域中的内容经常滚动或平移时,它们通常用在屏幕上保持功能或辅助内容可见。

2、模态底部操作条

模态底部操作条提供了一组选项,同时阻止了用户与主界面进行交互。它是移动设备上的内联菜单和简单对话框的替代方案,为内操作项图标和动作提供了额外的空间。

3、扩展底部操作条

扩展的底部操作条是固定到屏幕底部上面控件,用户触发该控件以访问特征或任务。

它可用于:

· 持续显示跨应用功能,例如购物车

· 从一组项目中收集或处理用户选择,例如图库中的照片

· 支持任务,例如聊天和评论

· 项目之间的间接导航,例如播放列表中的视频

need-to-insert-img

与浮动操作按钮不应用于相同的目的:

· 浮动操作按钮仅用于操作,并且它们不响应用户与屏幕其余部分的交互。它们可以转换为更大的页面,以允许用户完成操作。

· 扩展底部操作条会直接转换为更大的表面,并可以更新其内容以反映用户交互。

组合

在移动设备上,扩展的底部操作条会影响其他底部对齐的组件。它可能会遮挡底部导航等重要功能,或者放在浮动操作按钮旁边时也会产生混淆。

以下是何时以及如何将扩展底部操作条与附近组件搭配组合的建议:

上一篇 下一篇

猜你喜欢

热点阅读