数字艺术创作助手

## 艺术创作分析报告

### 需求理解
- 创作目标分析
  - 以“极简主义”视觉语言构建“森林童话冒险”的情绪板与主场景构图草图，形成可实际落地的数字艺术制作流程与执行步骤。
  - 输出适用于新媒体传播与品牌传播的高质感、低冗余、高记忆点的视觉方案。
- 核心要素识别
  - 风格关键词：极简、留白、几何化、低细节高识别度、柔和颗粒质感。
  - 主题关键词：森林、童话、冒险、温暖、光引导、友好与安全感。
  - 媒介导向：适配横竖屏社媒海报、封面图、长图滚动页面与轻动画扩展。
- 预期效果评估
  - 感受层：温暖治愈、轻神秘、童趣但不幼稚。
  - 传播层：图形符号清晰、焦点强、在小屏亦具可读性。
  - 执行层：矢量与像素结合，易于多端适配与后续延展（动画、印刷）。

### 艺术风格建议
- 推荐风格类型
  - 极简主义 × 童话意象的几何化插画
  - 扁平为主，辅以微体积感的“软阴影/颗粒渐变”以提升层次
- 风格特点说明
  - 形：以圆、椭圆、矩形、等腰三角形构成树冠、山体、角色轮廓；边角普遍圆润化（大圆角）以传达亲和与安全。
  - 面：大色块主导，使用少量层叠的半透明光束与雾层营造冒险“被光指引”的叙事。
  - 线：尽量少用轮廓线；使用时仅用于关键分界或表情点缀，线重统一（例如2px等线重体系）。
  - 留白：通过负形塑形（树与树间的“空”形成路径和光束形状）。
- 适用场景分析
  - 社交媒体海报/封面、品牌故事长图、活动KV主视觉、APP/网页引导页、包装外盒插图与周边延展。

### 色彩设计方案
- 主色调选择（温暖系，含16进制色值）
  - 背景/纸感底色：Warm Cream #F7F2E8
  - 主体暖土：Camel #CFA77A
  - 叙事暖红土（情绪高点）：Terracotta #C86B4A
  - 温暖森林绿（偏黄绿）：Olive Moss #8C9A4D
  - 深色结构与对比：Deep Umber #3F2C24
  - 阳光高光/金色点：Sunbeam #F2C14E
  - 温灰中和：Warm Gray #B8A999
- 辅助色彩搭配（控制在10–15%面积）
  - 柔雾浅黄：Haze #F3E7C9（光束与雾）
  - 暗绿点缀（限制使用）：Forest #55603A（用于层次后景）
- 色彩情感表达
  - 暖底 + 暖土形成安全感，Terracotta 提供冒险热度与记忆点，Sunbeam 作为“指引之光”，Olive Moss 传达森林语义。
  - 面积配比建议：背景40–50%，暖土与暖绿合计30–35%，深棕10–15%，高光/金点5–8%，雾层按透明度计不超过5%视觉权重。
  - 对比与可读性：主角与背景的明度差≥35%；深色文字/符号优先使用 Deep Umber，以保证在暖浅底上的对比。

### 构图设计指导
- 画面布局方案
  - 三层景深结构：前景（暗暖色剪影树干/灌木）— 中景（主路径、角色、光束） — 远景（山体/林线、暖雾）。
  - 视觉路径：自左下或右下进入，沿着“光束/小径”引导至画面上三分之一处的焦点（小屋/发光蘑菇/路标）。
  - 网格：3×3九宫格＋柔性黄金曲线，焦点落在上部交点，光束以30–45度穿透。
- 视觉元素安排
  - 主角（极简小探险者）：圆形头、半圆帽、三角斗篷与小背包的矩形；不画面部细节或仅两点一线。
  - 森林：树冠用叠置的半圆与椭圆，树干用窄矩形，远景降低饱和度与对比以退后。
  - 引导物：简化小屋（等腰三角屋顶+矩形主体+小圆窗）、发光蘑菇群或路标箭头（圆角三角）。
  - 光与雾：光束用浅黄半透明多边形（叠加模式 Screen/Linear Dodge），雾用大软边形状+微颗粒。
- 重点突出策略
  - 颜色：焦点区域以 Sunbeam #F2C14E 与 Terracotta #C86B4A 形成暖色对比。
  - 明暗：前景略暗（Deep Umber 低透明叠色），中景亮，远景明度高但饱和低，制造纵深。
  - 形态：焦点的几何形状稀缺性（例如唯一的正三角屋顶）提升注意力。

- 构图草图（文字示意，三套可选）
  1) 竖版主视觉（适合海报/封面）
     - 下三分之一：弧形小径切入，左前景一根深色树干剪影（框边）。
     - 中央偏上：小屋或发光蘑菇为焦点，角色朝向它，背对观者。
     - 右上/左上：斜向光束穿过树冠，形成三角形亮区。
  2) 横版长图（网页头图/横幅）
     - 左侧前景树干+树冠形成“天然取景框”，中部是开阔的林间空地与光束，右侧焦点。
     - 角色从左向右行进，视觉动线顺应阅读方向。
  3) 情绪板布局（3×3栅格）
     - 第1行：主题关键词卡片、核心色卡、材质/颗粒样张
     - 第2行：树形几何语汇、角色剪影、光束/雾层示例
     - 第3行：构图缩略草图A/B/C、对比测试片、可扩展图标

### 实施建议
- 创作步骤说明
  1) 研究与关键词固化
     - 确定语义库：森林/光/路径/守护/发现/温暖。
     - 输出3条视觉句子（例：光给方向；路径是承诺；树是守护）。
  2) 情绪板搭建
     - 建立3×3网格；放入色卡、形态词典（树、屋、蘑菇、路标）、材质样张（纸感、细颗粒）。
     - 所有参考尽量为自制形体草图与自拍材质，避免版权风险。
  3) 调色与对比校验
     - 在同一画面测试4种背景明度（#F7F2E8 ±3–6%亮度）；确保焦点对比充足。
     - 制作Light/Dark两套衍生底色（暖浅底与暖深底），方便多端适配。
  4) 形体系统搭建（矢量优先）
     - 在矢量软件中建立“几何积木库”：圆/半圆/等腰三角/圆角矩形，统一圆角半径（如8/16/24px刻度）。
     - 线重系统：0/2/4px三档，主要使用无描边或2px关键线。
  5) 场景构图草图（缩略图迭代）
     - 以灰度块快速做6–9张缩略构图，确认焦点与光路；选定3张细化到色块级。
  6) 上色与层次
     - 背景先行（Warm Cream），建立远景（低饱和绿/灰），再中景（路径、焦点），最后前景（暗剪影）。
     - 光束与雾层最后叠加，透明度10–20%，试Screen/Color Dodge，避免过曝。
  7) 质感与微细节
     - 添加低强度颗粒：噪点2–3%、高斯微模糊0.3–0.6px，仅在大片平面上均匀化。
     - 焦点处增加微亮边或柔影，半径不超过对象最短边的3–5%。
  8) 文案与标识（若需要）
     - 字体采用开源几何无衬线（如 Noto Sans/Source Sans 类），字重Regular/Medium。
     - 文案放置在负形区域，保证最小字高≥24px（移动端）。
  9) 导出与适配
     - 矢量主档：SVG/AI；位图：PNG 3000–4000px长边（社媒）、Print用 300DPI CMYK 另存。
     - 色彩空间：Web端 sRGB；打印端做CMYK软打样，校正暖黄偏移。
  10) 质检
     - 远观与缩略图测试（64–128px宽仍能辨识焦点）。
     - 色盲模拟（Deuteranopia/Protanopia）校验焦点明度对比。

- 技术要点提示
  - 工具建议
    - 矢量：Illustrator/Figma（布尔运算构形、组件化几何积木）。
    - 像素：Procreate/Photoshop（颗粒与柔光、光束叠加）。
  - 光束制作
    - 多边形窄三角＋羽化（20–40px）＋Screen模式；边缘用蒙版柔化，避免硬切。
  - 雾层与空气透视
    - 远景整体叠加浅暖灰（#E7DBC7 10–15%不透明度），前景增加对比与饱和。
  - 版式安全区
    - 边距为短边的6–8%，防止UI遮挡与社媒裁切。
- 注意事项提醒
  - 控制色数：主色不超5种，辅色不超2种；在一个画面中避免超过3种高饱和色同时出现。
  - 避免细节堆叠：极简风格以面为主，线只用于必要分界与表情。
  - 防止暖色泛灰：深色对比选用偏红棕而非冷黑，以维持整体温度。
  - 版权与安全：使用自制形状库与自拍/自制材质；不使用受限素材；符号化元素不沿用他者标志性造型。

以上方案覆盖风格确定、色彩体系、构图草图思路与落地流程。按步骤执行可快速生成“极简×森林童话冒险”的高完成度情绪板与主视觉，并具备后续动画与多端扩展的可行性。

## 艺术创作分析报告

### 需求理解
- 创作目标分析
  - 为“秋季新品”打造商业级海报KV与多风格版式提案，兼顾品牌识别、产品展示与转化导向。
  - 输出适配线上与线下多个尺寸的可落地设计方案，形成可复用的视觉系统。
- 核心要素识别
  - 风格锚点：包豪斯（Bauhaus）几何构成、功能至上、强秩序与网格、极简配色与高对比。
  - 主题意象：秋季（色温偏暖）、新品（新鲜度/科技感/功能性）、高对比色（强可读性与冲击力）。
  - 商业诉求：清晰层级、可扩展组件、强视觉抓手与明确CTA。
- 预期效果评估
  - 在首屏3秒内完成信息识别：品牌/主题/核心卖点/行动按钮。
  - 在多渠道（电商、社媒、线下橱窗）保持一致的风格语法与可读性等级（WCAG对比度达标）。

### 艺术风格建议
- 推荐风格类型
  1) 经典包豪斯·原色几何
  2) 新包豪斯·秋色高对比（当代化）
  3) 包豪斯 × 瑞士网格（理性信息驱动）
  4) 包豪斯 × 数字粗野（冲击转化导向）
- 风格特点说明
  - 1) 经典包豪斯·原色几何
    - 特征：红/黄/蓝/黑/白，圆/方/三角基本形，非对称平衡，强斜线张力。
    - 视觉效应：高度识别、强记忆点、复古现代并置。
  - 2) 新包豪斯·秋色高对比
    - 特征：包豪斯几何语法不变，色相替换为秋季高饱和暖色组（焦橙/芥末/松青）与深炭黑对比；允许少量材质颗粒或丝网印刷感。
    - 视觉效应：当代化、温度感、商业友好。
  - 3) 包豪斯 × 瑞士网格
    - 特征：严谨12栅格、充足留白、大字号中英文并置、信息模块化；几何形作点缀而非主体。
    - 视觉效应：高级理性、兼容信息密度、适合多SKU/卖点。
  - 4) 包豪斯 × 数字粗野
    - 特征：粗线框/大色块/叠印感/对齐有意“生硬”；黑-电光色高对比；动效适配强。
    - 视觉效应：强爆发力、适合促销冲刺或社媒首图。
- 适用场景分析
  - 1) 旗舰KV、品牌形象页、线下主视觉。
  - 2) 电商主图、落地页头图、橱窗海报，更具季节情绪。
  - 3) 参数/卖点多的详情页、信息看板、物料延展。
  - 4) 社交广告、倒计时、限时上新、动效开屏。

### 色彩设计方案
- 主色调选择（高对比，含秋季倾向，附Hex）
  - 调色A 经典包豪斯原色高对比
    - 主色：Vermilion #E23D28、Primary Yellow #F2C300、Cobalt Blue #2155FF
    - 中性色：Carbon Black #0A0A0A、Paper White #F7F7F5
  - 调色B 新包豪斯秋色高对比
    - 主色：Burnt Orange #D64B1A、Mustard #E3A312、Teal Green #0E7A68
    - 中性色：Charcoal #1B1B1D、Ivory #FCF7EC
  - 调色C 粗野对比电光系
    - 主色：Electric Orange #FF4D00、Acid Yellow #EFFF00
    - 辅助：Ultramarine #1A27FF
    - 中性色：Rich Black #0B0C10、Bone #F2EFE7
- 辅助色彩搭配
  - 高亮用于CTA与价格/时间标签（Acid Yellow、Mustard、Primary Yellow）。
  - 冷暖互补：Burnt Orange↔Teal、Vermilion↔Cobalt，确保互补对比提升跳出率。
  - 降噪中性色比例：背景与留白40–60%，保障阅读舒适。
- 色彩情感表达
  - 秋季温暖与理性功能共存：暖色承担情绪，冷色/黑承担结构；电光色用作“事件强提醒”不超过画面面积的10–15%。
  - 对比度要求：正文与背景对比度≥7:1；按钮文字与按钮底≥4.5:1。

### 构图设计指导
- 画面布局方案
  - 通用网格
    - 竖版（1080×1920）：12列栅格，边距64px，列间距24px；基线网格8px。
    - 横版（1200×628）：12列栅格，边距48px，列间距24px；基线网格8px。
    - 海报（A1 594×841mm）：12列栅格，边距20mm，列间距6mm；出血3mm；基线5mm。
  - 模板A 经典包豪斯
    - 上三分之一区域：大标题“秋季新品”沿对角斜线排布；左上Logo与年份竖排小字。
    - 中心：圆/方/三角构成几何舞台承托产品，产品置于几何交汇处。
    - 下三分之一：卖点三联模块＋CTA按钮（高亮色）。
  - 模板B 新包豪斯秋色
    - 左侧1/3：大面积焦橙/芥末色块；右侧2/3：产品与留白。
    - 顶部横向信息条（黑/深炭）承载Logo与系列名；底部信息条承载价格与CTA。
    - 几何线框薄线勾勒导视，圆角矩形承载次级文案。
  - 模板C 瑞士网格信息驱动
    - 头部：大字号标题对齐左边界，副标题与卖点按网格对齐，数字信息加粗。
    - 右下角：产品大面积留白悬浮，细线对齐标注尺寸/材质图标。
    - 点缀1–2个几何基本形维持包豪斯血统。
  - 模板D 数字粗野冲刺
    - 全画面大色块分割，粗黑描边和叠印文字；CTA以电光黄置于黑底。
    - 允许轻微“错版”效果（文字与形状微错位2–4px）制造张力。
- 视觉元素安排
  - 几何语法库
    - 圆（舞台/聚焦）、方（承载信息块）、三角（指向/动势）、线（导视/对齐）。
    - 线宽体系：1px、2px、4px三档；圆角半径：4、8、16统一。
  - 图像处理
    - 产品主视觉建议无影抠图＋方向性柔影；可叠加5–8%噪点或丝网纹理以呼应印刷感（新包豪斯/粗野风适用）。
  - 字体系统
    - 中文：思源黑体/Source Han Sans（Light/Regular/Medium/Bold）。
    - 西文：Poppins、Montserrat、DM Sans（几何无衬线，免费可商用）。
    - 标题字重Bold–Black；正文Regular–Medium；行距标题110–115%，正文135–150%。
- 重点突出策略
  - 视觉路径：Logo→主标题→产品→核心卖点→CTA（Z字形或右向斜线导视）。
  - CTA尺寸≥按钮高度48px（移动端可点击），按钮文案对比度≥4.5:1。
  - 卖点不超过3条，每条不超过12个字；以图标+短句组合增强扫描效率。

### 实施建议
- 创作步骤说明
  1) 明确信息架构：收集品牌名/系列名/关键卖点/时间/价格/CTA。
  2) 选择路线：在4个风格中锁定1–2个作为主KV与推广KV，统一色彩与网格。
  3) 建立网格与样式库：在Figma/AI中设定12列栅格、文本样式（H1/H2/Body/Caption）、颜色Token。
  4) 几何舞台搭建：用圆/方/三角构建承托层；确定产品摆放角度与投影。
  5) 色彩落地：应用主色→铺底/大块→再上辅助色；最后上中性色做分隔与留白。
  6) 字体与层级：标题≥48–120pt（视尺寸），副标题缩放为标题的0.6–0.7倍；正文16–28pt；图标与文字基线对齐。
  7) 细节强化：导视线、对齐标注、微动势箭头；CTA吸睛色并保持可达对比。
  8) 适配延展：横/竖版、轮播、视频开屏3–5s动效（形状切入→产品→标题→CTA）。
  9) 导出规范：印刷CMYK（Coated FOGRA39或Japan Color 2001 Coated）；数字RGB/sRGB；72/150/300dpi按用途；出血3mm。
- 技术要点提示
  - 对比测试：使用对比度插件（WCAG）校验文本可读性；黑底用半透明降噪层（黑#000 8–12%）提升文字悬浮感。
  - 视觉重量平衡：大色块与产品体量比例建议在6:4或5:5之间；斜线或三角用于引导至CTA。
  - 纹理强度：噪点/纸感≤8%；确保电商端清晰锐利。
  - 矢量优先：几何形与线条全部矢量化，便于尺寸适配。
- 注意事项提醒
  - 避免过多色彩同时出现：每版画面主色不超过3个＋中性色，防止分散注意。
  - 保持品牌一致性：Logo安全区≥Logo高度的0.5倍；勿将Logo置于复杂纹理上。
  - 中文排版：尽量使用等线体，减少过度字距；段前后距按基线网格倍数设置（8px/8mm为单位）。
  - 图片版权与字体授权合规；确保所有图标可商用。
  - 动效节奏控制：首屏1.5s内出现产品与主题字；3s内出现CTA；总时长不超过6s为佳。

以上方案可直接落地为多风格KV与版式系统。配色、网格、字体与几何语法保持统一，保证秋季主题与高对比视觉的商业表现力与延展性。

## 艺术创作分析报告

### 需求理解
- 创作目标分析
  - 产出便携咖啡杯的主视觉及整套详情页的配色指南与文案结构，统一“现代扁平风”视觉语言，提升品牌辨识与电商转化。
- 核心要素识别
  - 产品特性：便携、保温保冷、防漏、轻量、易清洁、容量规格。
  - 视觉关键词：现代、克制、几何化、信息清晰、冷色调为主。
  - 营销触点：电商详情页、首页Banner、社媒海报与短动效延展。
- 预期效果评估
  - 画面简洁有序，信息层级明确；冷色调强调理性、专业与科技感；以图标与几何图形辅助表达功能卖点，强化记忆点与对比度。

### 艺术风格建议
- 推荐风格类型
  - 现代扁平风（Flat/Flat 2.0 轻层次）：以矢量几何为主，低复杂度阴影与微渐变。
- 风格特点说明
  - 形态：几何化造型、圆角矩形与圆形为主元素；线面结合，线条统一描边粗细。
  - 层次：大面积留白＋少量分层（1–2 层柔和阴影或微渐变），维持平面感。
  - 图标：统一网格、统一圆角与描边；信息图标辅助说明功能要点。
  - 装饰：抽象“蒸汽/温度波纹”与“轨迹线”作为品牌化纹理，呼应“随行/热度”主题。
- 适用场景分析
  - 电商头图、详情页、社媒KV、参数图、功能图示、动效开场帧；可平滑适配响应式与深浅色模式。

### 色彩设计方案
- 主色调选择（冷色基底）
  - Primary Navy（主品牌色）：#0E1A2B（深冷靛蓝）—用于标题、导航、深色背景块、对比承托。
  - Secondary Teal（辅助）：#0D9488（冷青绿）—用于模块标题、功能标签、图标描边。
  - Accent Azure（点缀）：#4FB3F6（冷天蓝）—用于CTA、强调数据、交互动效。
  - Neutral Cool Grey（中性色）：#F5F7FA、#E6ECF1、#C9D3DD—用于背景层次与分隔线。
  - Deep Neutral（文本/强对比）：#111827、#2C3036—用于正文与次级标题。
  - 可选冷紫强调（备用二级点缀）：#6366F1（冷靛紫）—用于次级CTA或特殊活动标签。
- 辅助色彩搭配与比例
  - 背景冷灰 60–70%
  - 主色 Navy 15–20%
  - 辅助 Teal 8–10%
  - 点缀 Azure 5–8%
  - 冷紫备用 ≤3%
- 色彩情感表达
  - 冷色强调理性、专业、清爽；与“便携/科技/洁净”相契合，同时以高对比保持电商可读性与点击导向。
- 可访问性与对比（示例组合）
  - 深色文字 (#111827) / 浅灰背景 (#F5F7FA)：对比通过。
  - 白文 (#FFFFFF) / 主色背景 (#0E1A2B)：对比通过。
  - 按钮底 (#4FB3F6) 上文字建议用深色文字 (#0E1A2B) 以确保对比；不建议白字直接叠加 Azure。
- 渐变与阴影（Flat 2.0 可选）
  - 微渐变（2 色内）：从 #F5F7FA 至 #E6ECF1（背景大面）、从 #4FB3F6 至 #3AA5E8（按钮hover）。
  - 阴影：仅用于提升层级，单侧柔和阴影，透明度 8–12%，偏移较小。

### 构图设计指导
- 画面布局方案（主视觉）
  - 版式：12 栏网格（Desktop 1440px：边距 96px，列间距 24px；Mobile 375px：边距 16px，4 栏）。
  - 结构：左文右图或中图上文下CTA两种模板可切换。
    1) 左侧：标题H1＋卖点要约＋CTA；右侧：杯子主图（矢量化）搭配抽象“蒸汽/波纹”装饰。
    2) 居中：杯子主图居中上方，环形波纹自内向外扩散；下方三枚功能要点＋CTA。
  - 焦点：产品占画面 35–45%；四周留白 20–30%。
- 视觉元素安排
  - 主物：杯子采用简化几何（圆柱＋圆角矩形盖），少量高光切面（1–2 条 5–8% 透明白）。
  - 装饰纹理：等距同心环或北欧式波纹线条，以 #E6ECF1／#C9D3DD 低对比呈现；与产品不产生主次冲突。
  - 图标与提示：温度计、雪花/火苗、滴水禁符、一键开合、羽量等图标，2px 统一描边，圆角统一。
- 重点突出策略
  - 层级顺序：H1 > CTA > 三大卖点 > 细节补充。
  - 对比控制：深色块承托白字或浅底深字；CTA与页面主体色形成色相或明度对比。
  - 视觉引导：装饰线条/波纹走向指向产品或CTA；使用三角关系将视线从H1导向杯身再到按钮。

### 实施建议
- 创作步骤说明
  1) 建立设计令牌（Token）
     - 色彩：以主辅点中性分组；命名如 color.primary.700=#0E1A2B。
     - 排版：标题字重 700–800、正文字重 400–500；字间距与行距基于 8pt 系统。
  2) 字体与图标
     - 字体建议（开源）：标题 Manrope/Inter，正文 Noto Sans/Source Sans（中英文统一风格）。
     - 图标网格：24px 基准，2px 轮廓，圆角半径一致（建议 2–3px）。
  3) 主视觉搭建（Figma/AI）
     - 建立 12 栏网格与安全边距；放置背景微渐变或纯色冷灰。
     - 绘制杯子几何体与少量高光切面；添加低对比波纹纹理。
     - 放置标题、要约信息与 CTA；完成多端适配（PC、Mobile）。
  4) 详情页模块化制作（建议顺序）
     - M1 头图Banner：品牌标识/系列名 + H1 + 核心一句话 + CTA。
     - M2 三/四大核心卖点：图标+短句（每条≤16字）。
     - M3 结构剖析（爆炸图）：材质与层级标注（文字控制在两行内）。
     - M4 场景应用：通勤/办公室/旅行/健身 4 宫格或横滑。
     - M5 颜色与规格：色块样卡+容量规格（含尺寸/重量）。
     - M6 细节特写：杯盖结构、密封圈、杯底防滑、杯口圆润。
     - M7 使用与清洁：分步图解（≤6 步）。
     - M8 口碑/FAQ：精选评价卡片 + 常见问题收折。
     - M9 购买引导：套装/配件组合 + 次级CTA。
  5) 交互与动效（可选）
     - 微动效：波纹轻微扩散、CTA hover 渐变、图标轻微位移（3–6px）。
     - 动效时长：150–250ms，缓出曲线 ease-out。
  6) 输出与质检
     - 色彩空间 sRGB；导出 1x/2x；SVG 用于图标与杯子矢量；PNG 用于纹理。
     - 对比度核验：正文对比≥4.5:1，按钮/小字优先≥7:1。
     - 色盲模拟检测（Deuteranopia/Protanopia），确保信息不依赖色相单一编码。
- 技术要点提示
  - 保持组件化与命名规范（Button/Tag/Icon/Badge），提升复用效率。
  - 阴影与渐变轻量化；严格限制色彩数量，避免超过 6 种主辅色。
  - 图片与文案留白充足，避免信息拥堵；统一圆角体系（如 8/12/16px）。
- 注意事项提醒
  - 冷色为主时注意“冷感过强”导致的亲和度下降，通过中性灰与适度插图缓和。
  - 真实性能参数标注以检测或实测数据为准；单位与图标需统一规范。
  - 深浅色背景上的文案颜色切换需统一规则，禁止出现低对比组合。

————

以下为针对“便携咖啡杯”主视觉与详情页的可直接使用的结构与文案示例（可按品牌口吻微调）：

- 主视觉（KV）
  - H1（≤10字）：随行好杯，一手掌握
  - 卖点要约（副标题，≤20字）：保温保冷、防漏轻便，通勤到远行都合适
  - CTA：立即选购 / 查看规格
  - 视觉元素：杯子主图（倾斜 10–15°），右侧或居中；底部浅灰波纹向外扩散；CTA 使用 #4FB3F6 背景＋#0E1A2B 文字。

- 详情页文案结构
  1) 模块 M2 核心卖点（3–4 条）
     - 6–12 小时恒温照护
     - 360° 密封不渗漏
     - 轻至 X g，出行无负担
     - 一按即饮，单手开合
  2) 模块 M3 结构剖析
     - 食品级接触层｜顺滑易清洁
     - 真空隔热层｜有效延缓热交换
     - 外层耐磨涂覆｜手感细腻不留痕
     - 高弹密封圈｜随放不漏
  3) 模块 M4 场景应用
     - 通勤：快取快放，路上也从容
     - 办公：稳定温度，专注每刻
     - 旅行：轻装出发，随时有温度
     - 运动：补水不撒漏，节奏更专注
  4) 模块 M5 规格与颜色
     - 容量：350ml / 480ml
     - 尺寸与重量：见表格
     - 颜色：冷杉绿 / 钢石灰 / 夜航蓝（示意）
  5) 模块 M6 细节特写
     - 圆润杯口，唇感友好
     - 防滑杯底，稳固不打滑
     - 分离式杯盖，结构易清洁
  6) 模块 M7 使用与清洁
     - 第一步：顺时针旋开杯盖
     - 第二步：倒入饮品，留出安全空间
     - 第三步：沿密封圈对齐旋紧
     - 第四步：清洗时分离各部件，自然晾干
  7) 模块 M8 口碑/FAQ
     - Q：是否适配车载杯架？
       A：标准杯底直径 X mm，适配多数车载杯架
     - Q：是否支持洗碗机？
       A：按说明书指引执行，杯盖建议手洗
  8) 模块 M9 购买引导
     - 单杯 / 双杯组合 / 配件套组
     - CTA：加入购物车 / 立即下单

- 颜色落地与组件用法
  - 背景：#F5F7FA（主）或 #E6ECF1（分区）
  - 标题：#0E1A2B；正文：#2C3036；二级信息/标注：#5B6672
  - CTA 主按钮：底色 #4FB3F6，文字 #0E1A2B；悬停渐变 #4FB3F6→#3AA5E8
  - 次级按钮：描边 #0D9488，文字 #0D9488，悬停底色 #E6ECF1
  - 图标：描边 #0D9488，填充简化为无填充或浅灰 #C9D3DD

- 图形母题与品牌化元素
  - 蒸汽/温度波纹：等距圆环或等高线式曲线，透明度 8–12%，颜色 #E6ECF1/#C9D3DD
  - 移动轨迹：细线条（1–2px）勾勒“S形”导向至产品或CTA
  - 角标/标签：圆角 12–16px 胶囊形，底色 #0D9488 或 #4FB3F6，白字或深字视底色对比而定

- 可复用图标清单（24px 网格，2px 描边）
  - 恒温/保温、保冷、防漏、轻量、单手开合、食品接触级、车载适配、可拆洗、BPA Free

- 响应式与版本建议
  - Desktop 1440×720 KV：左文右图；Mobile 750×1334：上图下文；方图 1080×1080 用于社媒。
  - 深色版：背景 #0E1A2B，文字 #FFFFFF，点缀 #4FB3F6；图标描边换为 #C9D3DD。

- 可替换占位说明
  - X g、X 小时、尺寸参数以实际检测值替换；所有数值型权益在详情中标注测试条件与范围。

通过以上风格、色彩、构图与实施流程，可直接落地主视觉与完整详情页，并保持跨渠道一致性。