Yamby 的 Material Design 3 设计风格
Material Design 3 简介
Material Design 3（简称 MD3）是 Google 于 2021 年推出的 Android 设计系统第三版，是目前 Android 生态的最新设计规范。相比之前的版本，MD3 的核心变化：
- 大圆角：组件使用更大的圆角半径（常见 12-24px），视觉更柔和
- 动态取色（Monet）：界面色调跟随设备壁纸自动变化（Android 12+）
- 响应式布局：更好地适配大屏和折叠屏
- 更大的触摸目标：按钮和卡片更大，触摸更精准
- 丰富的色彩层级：每个组件有更多状态色（默认/悬浮/按下/禁用）
Yamby 对 MD3 的跟进
Yamby 是 Emby 客户端中最早完整跟进 MD3 的产品之一：
- 所有组件（按钮、卡片、导航栏、对话框）使用 MD3 规范的圆角和间距
- 顶部搜索栏采用 MD3 的 Search Bar 样式（胶囊形、大圆角）
- 底部导航栏采用 Material You 风格，选中项带有动态色块背景
- 图标库使用 Material Symbols（Google 官方统一图标集）
这种设计投入使得 Yamby 在 Emby/Jellyfin 客户端中视觉辨识度很高——打开就能感受到「这是一个现代化 Android 应用」，而不是停留在 Android 7 时代的老派设计。
与 Emby 官方客户端的对比
Emby 官方 Android 客户端长期停留在 Material Design 2 甚至更早的设计风格：
- 导航栏使用旧版 Material Bottom Navigation（纯色图标条）
- 圆角偏小（8px 左右）
- 没有动态取色
- 间距和触摸目标偏小
对比如下：
| 维度 | Emby 官方 | Yamby |
|---|---|---|
| 设计版本 | MD2（过时） | MD3（最新） |
| 圆角 | 小（8px） | 大（12-24px） |
| 动态取色 | ❌ | ✅ Monet |
| 触摸目标 | 偏小 | 更大更舒适 |
| 折叠屏适配 | 基本没有 | 响应式布局 |
为什么设计对体验重要
设计不只是好看问题——MD3 规范的设计决策直接改善日常使用体验：
- 大圆角：卡片边界更清晰，海报墙视觉分区更明了
- 大触摸目标：手机上不容易误触，尤其是单手操作时
- 响应式布局：平板横屏时自动扩展为多列，不浪费屏幕空间
- 动态取色：让 Yamby 看起来像「系统原生应用」，而不是第三方强加的皮肤