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

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

四、放宽对材质形状的限制


材质形状默认情况下为矩形,带有4dp的圆角。但它们具有可调整的圆角、曲线和边角的数量。

形状变化(例如圆角或削角)非常微妙,而且很重要。



1、形状变化的使用方法

◎突出重点

通过独特形状的运用,可以将用户注意力集中在页面中重点的ui元素上。

圆形浮动按钮和弧形底部工具栏的组合,从屏幕上其他位置的矩形形状中凸显出来。


◎区分ui元素

灵活的形状为用户提供了识别组件和识别不同材质的方法,用以区分不同的功能。


◎区分不同状态

通过形状或材质的不同,可以对ui元素状态进行区分。当使用形状来表示状态改变时,应该把该形状贯穿到每一处的状态改变上。


◎个性化的品牌传达

要统一整个品牌的视觉语言,请使用颜色和形状统一的ui元素或ui组件。通过对app中元素进行有规律的调整,有助于提升品牌的整体视觉形象。


2、设计时要更多的考虑到形状的可识别性以及可用性,下面的设计方式是不可取的

❌不要使用使组件无法识别的形状。

❌不要使用对用户操作起干扰作用的形状。此按钮的触摸目标太小。


有关形状的规范原文


五、更新文本字段样式


1、新版Material Design规范对文本字段对样式进行了重新设计,并阐述了其设计原理




◎易于发现的:文本字段应该突出并指示用户可以输入信息。

◎状态明确:文本字段状态应该明确区分。

◎高效:方便让用户快速填写,并高效解决任何错误。


2、原有文本字段样式


3、新版文本字段样式

新版文本字段有两种类型:

◎填充文本字段

◎线性文本字段

这两种类型的文本字段都使用容器来为交互提供明确的提示,使得文本框在页面中容易被发现。



4、两种类型的文本字段具有相同的功能,因此使用的文本字段的类型可能仅取决于其样式。

◎选择最适合您应用的视觉风格

◎选择最贴近ui设计目标的样式

◎选择与其他组件(如按钮)和周围内容最为融洽的样式


文字规范原文


1234共4页
联盟广告
×

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

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

标签:产品交互

相关推荐

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

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

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

×

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

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

×

充值学币 立即开通