当前位置:设计先锋 > 设计教程

Material Design的7个重大更新

六、更新扩展悬浮按钮


1、新旧悬浮按钮形状区分

悬浮按钮(FAB)通常是屏幕的主要操作按钮,原有悬浮按钮为圆形,如图



新版扩展的FAB更宽,并且包含文本标签。


2、悬浮按钮的可扩展性

扩展的FAB按钮的宽度可以是固定的或灵活的。

◎固定宽度的按钮容器由图标、文本标签和填充的累积宽度定义。

◎灵活宽度的按钮容器由其与屏幕上的其他内容(例如屏幕宽度或删格系统)的关系定义。


此FAB按钮的宽度由图标、文本标签和容器填充的累积宽度定义。


此FAB按钮容器的宽度由删格系统定义。


扩展悬浮按钮规范原文


七、更新布局密度

Material Design默认使用低密度空间,但在提高用户体验时提供高密度空间。

1、密度原则



◎可浏览:高密度控制的用户界面改善了对大量内容的浏览和交互;

◎优先:密集的UI元素通过减少操作之间的空间来帮助用户集中精力;

◎可用性:通过搞密度控制可以在单个屏幕上显示更多内容和操作。


2、何时使用高密度

◎是否增加用户界面的密度取决于用户如何与组件进行交互。

◎高密度组件使用户更好的处理大量信息并进行大量操作。在设计列表、表单和长表格时可使用高密度的组件。





将密度始终应用于组件以及组件中嵌套的任何元素。



3、何时不使用高密度

◎集中任务组件:例如与下拉菜单或选择器的交互方式。增加这些组件的密度会降低它们的可用性。如日期选择器,因为这会降低可用性。

❌不要将高密度应用于日期选择器,因为这会降低可用性


◎提醒用户更改的组件:特别是弹窗,用高密度会降低用户的注意力,减弱警告作用。

❌不要将高密度应用于对话,这会降低其可读性和警告作用。


布局密度规范原文


标签:产品交互

分享到

网站首页|电脑版|返回顶部