Material Design的7个重大更新(4)

来源:网络   作者:热心网友   发布时间:2018-07-26    浏览次数:64

六、更新扩展悬浮按钮


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

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



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


2、悬浮按钮的可扩展性

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

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

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


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


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


扩展悬浮按钮规范原文


七、更新布局密度

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

1、密度原则



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

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

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


2、何时使用高密度

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

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





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



3、何时不使用高密度

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

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


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

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


布局密度规范原文


1234共4页
联盟广告
×

感觉还不错,那就赞助一下吧!您的鼓励就是我们坚持的动力!

打赏说明:您的赞助我们将用于购买网络带宽和优质设计资源,提升用户体验!

标签:产品交互

相关推荐

http://www.shejixf.com/shejijiaocheng/shejililun/7381.html
×

一键快速登录后才能下载本站资源

新会员登录即可获取5学币奖励,超爽下载!

×

一键快速登录后才能下载本站资源

新会员登录即可获取5学币奖励,超爽下载!

×

充值学币 立即开通