0005 应用图标「蒸汽成云」
- 状态：已采纳
- 日期：2026-10-19
- 关联：0004 iOS App 命名为「云食册」
背景
- iOS 版改名「云食册」并挂上云乐坊品牌（见 0004），原来的祖母绿俯视锅图标和云乐坊系列（云乐盘、云生、云匣）的视觉不统一。
- 云乐坊系列图标规范在
YunLeFun/icons：晴空蓝渐变#55AAFF → #2563EB底板、云白主体、明黄#FACC15点缀，64 × 64 参考网格，-app-icon满幅不预切圆角，-mark透明。 - 更早的线条 Logo 是「锅 + 勺子 / 热气」，老用户对锅有印象。
方案对比
| 方案 | 取舍 |
|---|---|
| 云碗（米饭堆成云 + 筷子） | 小尺寸最清楚，和老 Logo 没有延续 |
| 食册（菜谱封面镂空云碗） | 对得上「册」，但书本图形泛用，20pt 下碗看不清 |
| 锅里的 ▲● | 品牌符号最直接，但看不出是吃的，且 ▲● 已是云匣的主体 |
| 线条焕新 | 最像老 Logo，线条在实心的系列里单薄 |
| 冒热气的菜谱、云做锅盖 | 元素多，小尺寸下热气或横线糊掉 |
| 蒸汽成云（锅 + 勺 + 云） | 留住老 Logo 的锅和勺，热气就是云，对上「云」和「食」 |
决定
- 采用「蒸汽成云」：白色锅、锅里冒出的热气是一朵云（轮廓取自云乐盘），明黄长勺斜插在锅里。
- 源文件在
apps/web/public/brand/：cook-app-icon.svg（浅色）、cook-app-icon-dark.svg（深色）、cook-app-icon-tinted.svg（着色灰度原稿）、cook-mark.svg（透明 Logo）。其他尺寸都从这些 SVG 导出，不手改 PNG。 - 深色：深蓝灰底板，主体改为浅蓝渐变，勺子保持明黄。着色：黑底白主体、勺子中灰，由系统上色。
- Web favicon 加 14 的圆角；Safari 固定标签页用单色 Logo。
- Android 自适应图标：背景用同一渐变（
drawable/ic_launcher_gradient.xml），前景放大 1.09 倍放进 108dp 画布中央，落在 66dp 安全区内。 - 原生 iOS（SwiftUI）用 Icon Composer 分层：背景渐变填充，前景为「锅 + 云」和「勺」两层，深色、Clear、着色外观交给系统生成。
影响
YunLeFun/icons的cook-mark/cook-app-icon需要重新同步；它的 metadata 里来源路径还是旧的public/brand/，应改成apps/web/public/brand/。- 之后改图标先改 SVG，再重新导出各平台 PNG，并更新
test/nativeAppMetadata.test.ts。