业务目标
- 让活动主题、主卖商品和优惠信息清楚可见。
- 按真实商品与会员机制组织首页、主图和切片。
- 完成运营可审看、可更新、可交接的文件。
VISUAL DESIGN / RUDY GUOAI-ASSISTED E-COMMERCE VISUAL水井坊
AI辅助的水井坊电商视觉
水井坊：场景探索、人工校准与页面制作
在水井坊电商项目中，我将AI用于场景与素材探索，再把生成方向转成可阅读、可校正、可交接的设计。商品表现、中文信息、活动机制与页面层级由人工把关，视觉氛围最终要服务真实商品和购买信息。
水井坊 · 2026年夏日 / 秋日 / 中秋
SHUIJINGFANG郭鑫 / Rudy｜主设计
水井坊官方旗舰店与酒类旗舰店的不同阶段视觉任务，覆盖夏日、秋日与中秋。场景候选和人工制作分别展示。
01 / DEMAND BREAKDOWN
需求拆解
每一轮设计先把主卖商品、活动机制和渠道要求落到画面：该突出什么，哪些信息必须准确，哪些内容需要留给运营独立更新。
设计目标
- 品牌识别与季节氛围连贯，官旗与酒旗有清楚区别。
- 产品、主副标题、利益点形成明确的阅读层级。
- 同一视觉方向可延展到完整页、主图与独立贴片。
设计挑战
- 生成场景有氛围，产品仍要清晰、真实。
- 优惠内容密集，手机端文字不能被不断压小。
- 同品牌两店共享商品信息，页面风格和重点仍需区分。
02 / DESIGN STRATEGY
设计策略从具体反馈中校准画面
我把场景、商品和促销信息分开处理：方向探索解决氛围，人工校准解决准确性与可读性，运营反馈再落到具体的商品与版式修订。这是项目实际做法的归纳。
01
先让商品被看见
遇到的问题秋日KV审看中，运营指出酒太小、副标题不明显，并要求主卖礼盒。
我的动作我先核清两店都需礼盒的要求，再放大商品、调整位置和主副标题层级。
02
场景服务品牌语境
遇到的问题两店需要不同夏日风格；连续大促红容易让视觉疲劳。
我的动作我选择夏季小暑方向，并将主视觉延展到首页与主图，让官旗和酒旗保持区别。
03
给优惠信息排优先级
遇到的问题中秋页面同时放入多个满赠档位与购物金，横排容易把字压得过小；优惠券重点也可能被商品抢走。
我的动作我说明文字密度问题，与运营调整券和商品的层级，并确认最后四款产品两两排布的范围。
04
把生成痕迹留在修正环节
遇到的问题中秋KV收到局部AI痕迹偏重的反馈；秋日画面也出现边框模糊、产品与背景融合的问题。
我的动作我响应产品修正，调整玻璃框、台子、产品位置与对比度，再提交审看。
左侧为秋日场景候选，右侧为同阶段人工编排制作版；分别展示，不作为逐图采用或同稿前后关系。
商品优先
AI提供场景方向，产品大小、真实性与识别仍由人工把关。
信息清楚
用文字层级、独立利益区和卡片安排多种优惠，避免信息挤在同一处。
延展与交接
方向确定后制作主图模板、完整页与切片；需独立更新的腰带另行输出。
03 / DESIGN IMPLEMENTATION
设计落地
以下保留完整作品，分别展示场景探索、人工设计与文件交付。页面中的优惠金额、奖品与活动信息属于项目内容。
01
水井坊｜完整店铺页面
在夏日、秋日和中秋任务中，我围绕场景与商品组织调整水井坊两店视觉。完整长页展示首屏的品牌氛围，以及会员权益、优惠和商品模块的阅读结构。
水井坊两店的不同阶段完整页面；具体AI参与、采用与上线按作品状态说明。
02
水井坊｜先探索场景与素材
秋日项目保留了水墨屏风、河岸、秋叶与台座等候选方向，以及无商品、无文字的货架背景。把场景探索与商品信息分开，才能在后续设计中保留调整空间。
以水墨屏风、秋叶与石台探索东方场景的气质和产品承载方式。
来自原项目Ai生图目录；具体模型、文字处理与采用未知。
完整查看
先探索无商品、无文字的场景，保留产品与后续信息的位置。
未确认直接进入任一入选成品页。
完整查看
探索另一种秋景与台座组合，作为场景素材方向存档。
未确认直接进入任一入选成品页。
完整查看AI候选存档；具体模型及某款候选进入成品的关系未逐图确认。
03
水井坊｜让礼盒与信息回到中心
秋日KV审看后，我按主卖礼盒的要求调整商品大小、组合与位置，并重新安排标题、利益点和玻璃框。生成方向进入人工编排，画面的重点回到实际商品与活动信息。
将主卖礼盒与酒瓶置于画面中心，安排标题、利益点和购买入口。
同阶段制作版，不标为唯一终版或已上线。
完整查看
保留秋日水墨气氛，通过商品组合、标题与利益区的编排回应商业信息。
展示真实设计差异；不视为AB测试或客户评选结果。
完整查看同阶段人工制作版；候选与制作版不作为未经核验的一一对应关系。
04
水井坊｜场景、产品与中文合成
中秋工作存档保留了同一月夜、拱桥和台座场景，以及加入酒瓶、礼盒、品牌文字与购买入口后的完整画面。场景建立氛围，商品与中文编排完成商业表达。
月亮、拱桥、水面与台座组成完整场景，为产品和文字留下位置。
生成来源未逐图确证，不标纯AI原始输出。
完整查看
相同场景中加入瓶、盒、品牌文字、利益信息和购买入口，形成完整商业画面。
背景元素可目视对应；不由此推定全元素AI制作或已上线。
完整查看共同场景可从画面对应；背景本身的AI生成来源未逐图确认。
AIGC工作流
需求拆解 → 方向探索 → 人工校准 → 文件交付
我负责把方向转成设计，并承担商品、文字和输出质量的判断；AI辅助场景与素材探索，运营提供机制和具体反馈。
- 01本人 × 运营
需求拆解
核清店铺、主卖商品、礼盒、标题、利益点及输出规格。
不把活动机制与商品事实交给生成结果决定。
- 02本人 × AI工具
方向探索
以场景、材质、光感与台座探索视觉方向，保存候选素材。
辅助场景和素材候选；具体模型与逐图采用保持已有证据范围。
- 03本人
人工校准
检查产品表现与清晰度，调整大小、位置、中文和促销层级，响应运营返修。
生成画面进入人工判断，不直接作为最终交付结论。
- 04本人 × 运营
文件交付
将审看方向延展到完整页与主图模板，套版并输出切片和独立贴片。
输出前的准确性和完整性检查由人工负责。
案例展示已保存的候选、人工制作与已发送页面；具体采用、上线及商业增长未逐图确认。
水井坊年货节活动页面录屏
另一活动节点的完整页面录屏，展示商品陈列、优惠信息与页面的浏览顺序。