四、放宽对材质形状的限制
材质形状默认情况下为矩形,带有4dp的圆角。但它们具有可调整的圆角、曲线和边角的数量。
形状变化(例如圆角或削角)非常微妙,而且很重要。
1、形状变化的使用方法
◎突出重点
通过独特形状的运用,可以将用户注意力集中在页面中重点的ui元素上。
圆形浮动按钮和弧形底部工具栏的组合,从屏幕上其他位置的矩形形状中凸显出来。
◎区分ui元素
灵活的形状为用户提供了识别组件和识别不同材质的方法,用以区分不同的功能。
◎区分不同状态
通过形状或材质的不同,可以对ui元素状态进行区分。当使用形状来表示状态改变时,应该把该形状贯穿到每一处的状态改变上。
◎个性化的品牌传达
要统一整个品牌的视觉语言,请使用颜色和形状统一的ui元素或ui组件。通过对app中元素进行有规律的调整,有助于提升品牌的整体视觉形象。
2、设计时要更多的考虑到形状的可识别性以及可用性,下面的设计方式是不可取的
❌不要使用使组件无法识别的形状。
❌不要使用对用户操作起干扰作用的形状。此按钮的触摸目标太小。
有关形状的规范原文
五、更新文本字段样式
1、新版Material Design规范对文本字段对样式进行了重新设计,并阐述了其设计原理
◎易于发现的:文本字段应该突出并指示用户可以输入信息。
◎状态明确:文本字段状态应该明确区分。
◎高效:方便让用户快速填写,并高效解决任何错误。
2、原有文本字段样式
3、新版文本字段样式
新版文本字段有两种类型:
◎填充文本字段
◎线性文本字段
这两种类型的文本字段都使用容器来为交互提供明确的提示,使得文本框在页面中容易被发现。
4、两种类型的文本字段具有相同的功能,因此使用的文本字段的类型可能仅取决于其样式。
◎选择最适合您应用的视觉风格
◎选择最贴近ui设计目标的样式
◎选择与其他组件(如按钮)和周围内容最为融洽的样式
文字规范原文