有效地设计微件样式对于实现视觉吸引力强且一致的用户体验至关重要。本节深入探讨了定义颜色和排版以创建最有用、最具吸引力的 Android 微件的关键概念和技术。
颜色
使用颜色来表达样式并传达含义。为微件设置合适的颜色对于可读性、个性化以及表达应用品牌形象至关重要。
使用 Material 颜色角色和令牌 来满足无障碍对比度指南,并支持动态颜色功能,例如用户生成的颜色以及深色或浅色主题。
如需了解更多信息,请参阅 Material Design 颜色 指南。
形状
微件的形状决定了微件的整体氛围。对于矩形微件,请使用 系统圆角属性。此属性可在不同设备之间保持一致性,并有助于防止微件内容被剪裁。
如需了解更多详情,请参阅 实现圆角。
动态主题
从 Android 12 开始,微件可以使用设备主题颜色来显示按钮、背景及其他组件。这可确保不同微件、主屏幕图标和壁纸之间具有视觉一致性,从而为 Android 用户提供更具凝聚力的用户体验。使用提供的颜色令牌可确保您的微件在不同设备制造商提供的设备主题以及用户设置的动态主题中都显得协调统一。

亮色和深色模式
深色模式是设备界面的低光版本,主要显示深色表面颜色。为了延长电池续航时间和提高眼睛舒适度,越来越多的用户正在切换到深色模式。如果您的微件不适应深色模式,它将显得格格不入,并可能让用户感到沮丧。

排版
排版有助于使文本清晰美观。利用字体大小和粗细来建立清晰的层级结构,引导用户的视线聚焦到最重要的元素。请注意行距和字间距(字符间距),以提高可读性,尤其是在微件有限空间内显示较小文本时。
层级结构
层级结构通过字体粗细、大小、行高和字间距的差异来传达。更新后的排版比例将文本样式分为五种角色,这些角色的命名旨在描述其用途。这五种文本样式是 display、headline、title、subtitle 和 body。新角色与设备无关,可更容易地应用于各种用例。
