Case 01 / Brand & Product Visual
月蚀茶局:品牌到商品提案
以原创新茶饮品牌为载体,把角色锚点、产品组合、包装方向和空间陈列组织成同一套可阅读的商品视觉系统。

01 / Brief
先统一品牌语言,再延展商品。
月蚀茶局以墨黑、瓷白、朱砂、月银和茶珀为色彩基础,将月弧、茶令和夜航体验转化为包装与商品的共同识别。设计重点不是堆叠单品,而是让品牌故事、商品层级和陈列方向在同一套视觉语言中成立。
- 01品牌锚点
用夜游、月相与茶香建立可延展的色彩、图形与材质方向。 - 02SKU 层级
区分礼盒、冷萃瓶、随行杯和茶包礼册的角色,避免每个单品重复承担相同信息。 - 03生成后再组织
AI 辅助用于画面探索,最终由人工筛选、统一、排版与状态标注完成可展示版本。

02 / Product Reading
让单品在系统里各司其职。
产品页把可识别的主视觉、材质氛围和信息层级拆开阅读。作为电商商品视觉能力证据,它证明的是商品提案与视觉组织能力,而不是虚构的转化、销量或平台表现。



02A / Individual Products
单品图单独成立,组合图只负责系统阅读。




03 / Deliverables
从品牌提案落到可交接的商品文件。
01 / SKU MAP
产品组合表
礼盒、冷萃瓶、随行杯、茶包礼册按角色和信息层级分工。
02 / PDP
详情页模块
主视觉、开合结构、材质特写和陈列图分别承担页面任务。
03 / PACKAGING
包装候选
外壳、内托、信封与图形层级先作为供应商沟通草案。
网页展示的是设计判断与文件结构;色值、刀模、印刷和签样仍需进入真实供应商确认流程。
04 / Handoff Structure
让别人一眼看懂下一步拿什么。
moonlit-tea/
├─ 01_brand-direction/ 色彩、图形、材质方向
├─ 02_sku-system/ 产品组合与层级
├─ 03_pdp-modules/ 详情页图组与文案占位
└─ 04_packaging-candidate/ 结构草案,待供应商确认
├─ 01_brand-direction/ 色彩、图形、材质方向
├─ 02_sku-system/ 产品组合与层级
├─ 03_pdp-modules/ 详情页图组与文案占位
└─ 04_packaging-candidate/ 结构草案,待供应商确认
05 / Source Pack
品牌、角色与刀模源文件可以直接核对。
月蚀茶局已保留品牌规范、绛雪角色设定、图像生成提示词以及礼册和茶包信封的 SVG 刀模。它们证明从 AI 视觉探索到品牌和包装编辑的连续链路。
查看全部源文件 ↗案例保留了礼册外壳、茶包信封和品牌图形的可编辑结构候选,用于说明文件分层、规格意识和供应商沟通准备。尚未经过真实供应商模板、CMYK/专色输出、白样、彩样或签样验证,因此不称为已落地包装或量产项目。