Material 3 表现力设计指南
本站编写的设计取舍与实现建议；实例是说明用的界面方案，不是客户案例、官方截图或效果承诺。目录中的部分条目是交互策略、业务布局或平台设计系统，并非同一层级的视觉流派。
设计原理
这是对 Material 3 色彩、形状和组件层级的网页演示借鉴。Material 是有组件行为与令牌规则的设计系统，不能只靠胶囊按钮和多彩圆角复现。
适用场景
Android 产品原型、采用 Material 规则的跨端工具。
不适用与取舍
需要完全不同品牌材料的界面，或把仿制网页声称为官方原生组件。
实现方法
区分 surface、primary 等语义色角色，优先官方组件与主题机制；网页借鉴需自行验证行为。触控尺度、导航与状态一致，表现性形状不削弱层级。
具体界面示例
手机任务页用不同表面层级区分导航与卡片，主行动用 primary，错误仍采用独立语义而非品牌色。
常见误区
动态色不是任意彩色拼贴；图鉴示例不证明官方规范或最新版组件的完整一致性。
继续比较
结合材料、布局或父子变体比较选择。