塔斯娱乐资讯网

Android Material Design 3规范详解

🎨 Material Design 3(Material You)
谷歌安卓设计语言核心:从统一规则→动态个性化,兼顾规范与表达。
一、核心理念
动态颜色:从壁纸提取主色调,生成 13 类语义色角色(Primary/Surface 等),而非固定色值
形态系统:圆角分级(0dp/4dp/8dp/12dp/16dp/28dp/50%),组件适配不同圆角
核心转变:规则统一 → 个性表达,视觉更柔和友好
二、核心组件(关键规范)
表格
组件核心要点按钮5 层级:Filled(最高权重)、Filled Tonal、Elevated、Outlined、Text,区分操作重要性FAB(浮动按钮)4 尺寸(40/56/96dp + 扩展款),固定右下角,仅放核心正向操作顶部应用栏4 变体:Small(64dp,最常用)、居中、Medium、Large(滚动收缩)导航组件底部导航(3-5 个入口)、侧边抽屉(>5 个)、侧边导航(平板)底部弹窗Modal(带遮罩)、Standard(无遮罩),顶部 28dp 圆角 + 拖拽条
三、排版 & 动效
排版:Roboto 字体,15 种样式分 5 类(Display/Headline/Title/Body/Label),用 sp 单位适配系统字体大小
动效:
两类曲线:Emphasized(重要操作,回弹感)、Standard(常规操作,流畅)
涟漪效果:点击从触点扩散波纹,强化操作因果感
四、无障碍(核心要求)
颜色对比度:正文≥4.5:1,大字号≥3:1
触控目标:最小 48×48dp(扩大热区)
焦点状态:清晰轮廓线,适配键盘 / 开关导航
💡 一句话记住
MD3 = 动态个性化 + 规范底座,让安卓设计既合规又有产品个性。

📚下面这份《UIUX 学习指南》,是我花 1 年时间整理,萃取苹果、谷歌等大厂设计智慧搭建而成的:
• 体系完整又系统,从视觉、交互到用研、产品,覆盖 UI/UX 全链路
• 不管是零基础入门、中级进阶还是冲资深,都能精准适配
• 每天花 5~10 分钟,就能稳步搭建起专业认知框架
👇文末加入「UIUX 学习指南」,每天 5~10 分钟,坚持学习。
你会发现,焦虑、迷茫会被“坚实的确定性”挤走,你重新认识了自己和设计。