六、更新扩展悬浮按钮
1、新旧悬浮按钮形状区分
悬浮按钮(FAB)通常是屏幕的主要操作按钮,原有悬浮按钮为圆形,如图
新版扩展的FAB更宽,并且包含文本标签。
2、悬浮按钮的可扩展性
扩展的FAB按钮的宽度可以是固定的或灵活的。
◎固定宽度的按钮容器由图标、文本标签和填充的累积宽度定义。
◎灵活宽度的按钮容器由其与屏幕上的其他内容(例如屏幕宽度或删格系统)的关系定义。
此FAB按钮的宽度由图标、文本标签和容器填充的累积宽度定义。
此FAB按钮容器的宽度由删格系统定义。
扩展悬浮按钮规范原文
七、更新布局密度
Material Design默认使用低密度空间,但在提高用户体验时提供高密度空间。
1、密度原则
◎可浏览:高密度控制的用户界面改善了对大量内容的浏览和交互;
◎优先:密集的UI元素通过减少操作之间的空间来帮助用户集中精力;
◎可用性:通过搞密度控制可以在单个屏幕上显示更多内容和操作。
2、何时使用高密度
◎是否增加用户界面的密度取决于用户如何与组件进行交互。
◎高密度组件使用户更好的处理大量信息并进行大量操作。在设计列表、表单和长表格时可使用高密度的组件。
将密度始终应用于组件以及组件中嵌套的任何元素。
3、何时不使用高密度
◎集中任务组件:例如与下拉菜单或选择器的交互方式。增加这些组件的密度会降低它们的可用性。如日期选择器,因为这会降低可用性。
❌不要将高密度应用于日期选择器,因为这会降低可用性
◎提醒用户更改的组件:特别是弹窗,用高密度会降低用户的注意力,减弱警告作用。
❌不要将高密度应用于对话,这会降低其可读性和警告作用。
布局密度规范原文