电商视觉参考逐图分析（2026-06-25）
分类：逐图分析文档
类型：doc
标签：电商视觉参考、逐图分析、文博电商、博物馆店铺、首页活动页、首屏、优惠券、会员区、商品楼层、国图、国博、大英、敦煌、苏博、西博、电商参考图、逐图分析文档
说明：30 张文博/博物馆电商首页、活动页、优惠券会员区和商品楼层参考图的逐图分析，沉淀首屏、券区、楼层和商品卡设计方法。
资源库：Studio 素材中枢 / 电商参考图
用途边界：参考素材：仅供设计结构、色彩、模块与表现方式学习，不直接复制第三方品牌、文案、价格、Logo 或图片。
链接：https://studio-cloud-1257633934.cos.ap-nanjing.myqcloud.com/uploads/root_for_ai/public-assets/ecommerce-reference-library/assets/docs/ecommerce-visual-reference-20260625-analysis.md
本地路径：/Users/bot1/Volumes/root_for_ai/public-assets/ecommerce-reference-library/assets/docs/ecommerce-visual-reference-20260625-analysis.md

分析正文摘录：
# 电商视觉参考逐图分析入库记录（2026-06-25）

- 记录时间：2026-06-25 03:40 CST
- 来源平台：内部上传资料
- 来源文件：电商视觉参考.zip
- 解包图片数量：30 张 JPG
- 原始/回源图片目录：`source/电商视觉参考_20260625/images/`
- Contact sheet 目录：`source/电商视觉参考_20260625/contact_sheets/`
- 适用范围：文博 IP / 博物馆店铺首页、活动页、大促页、轮播首屏、优惠券/会员区、商品楼层。
- 记录目的：把参考图拆成可复用的电商视觉方法，供后续设计师做活动页时检索和回源核验。

> 注意：截图中的平台悬浮控件、轮播圆点、入会浮标、系统按钮、截图 UI 不纳入设计资产；只参考画面结构、色彩、商品表现、标题处理、背景氛围、楼层/券区卡片系统。

---

## 一、整体沉淀结论

1. **活动页应按模块化长页理解**：首屏定调，优惠券/会员区承接利益点，楼层区延展商品系统。即使最终导出为一张长图，也应从上到下统一色系、底纹、字体、卡片和装饰体系。
2. **文博电商首屏的核心不是堆货，而是“文化气质 + 商品功能 + 转化入口”**：产品应有足够体量，背景要从文物、建筑、包装、器型、纹样或主题故事里抽取元素。
3. **优惠券/会员区应短、清楚、强转化**：金额/门槛最大，权益解释次之，按钮最小但清楚；视觉系统要继承首屏，不要另起一套促销模板。
4. **楼层区要有可复用商品卡系统**：重点产品可一行一个大卡，普通商品常用双列/三列；商品图优先保持正方形，不拉伸、不裁残；价格与购买按钮要统一。
5. **不同主体的气质不可混用**：苏博偏素雅园林，大英偏星尘光影和礼物感，敦煌偏壁画暖色和书法感，国博偏陈列与器物高级感，国图偏学习/考试/书香场景，西博偏春日城市博物院活动感。

---

## 二、逐图分析

### A. 国家图书馆 / 国图

#### 01. 国图首屏1.jpg
- **模块类型**：轮播首屏 / 单品主推。
- **画面结构**：Logo 置顶左侧，向日葵胸针居中偏左放大，右侧竖排大标题“向阳而生”，左侧竖排辅助文案，底部小 CTA。
- **色彩氛围**：暖米白、浅金、香槟色，光影柔和，有礼品和阳光感。
- **信息层级**：Logo → 竖排主题大字 → 商品 → 辅助文案 → CTA。字少、画面呼吸感好。
- **商品表现**：金属胸针用大特写突出光泽和花型，阴影让产品与布面发生接触，不像贴图。
- **可复用方法**：适合珠宝、胸针、金属文创、小礼品；可用“浅色布面 + 斜向自然光 + 单品大特写 + 竖排主题字”。
- **不建议照搬**：不要把轮播圆点和“点击购买”按钮当作正式视觉重点；中文大字必须按品牌/活动重新设计，不能机械套书法字。
- **标签**：首屏、浅金、单品特写、珠宝胸针、竖排标题、礼品感。

#### 02. 国图首屏2.jpg
- **模块类型**：轮播首屏 / 国风礼品单品。
- **画面结构**：顶部居中 Logo，标题置于上方，团扇/挂饰居中，左右下角用花朵与浅色景深补氛围。
- **色彩氛围**：浅蓝、白、淡粉、低饱和清新色，偏春日和轻国风。
- **信息层级**：Logo → 标题“青鸟凝华随身镜” → 副标题 → 商品 → CTA。
- **商品表现**：团扇式随身镜垂直展示，流苏自然下垂，透明支架与白花背景强化清洁感。
- **可复用方法**：适合镜子、香囊、团扇、挂饰；可做“淡蓝留白 + 花影景深 + 居中商品 + 轻诗意标题”。
- **不建议照搬**：浅色系容易显空，必须有花、云、柔光或产品细节补足层次。
- **标签**：首屏、浅蓝、团扇、春日、轻国风、留白。

#### 03. 国图首屏3.jpg
- **模块类型**：轮播首屏 / 毛绒挂件单品。
- **画面结构**：棕色暖底，蓝色书本毛绒挂件大面积居中偏左，右侧竖排卖点“金榜题名”，左侧 Logo 与短文案。
- **色彩氛围**：焦糖棕 + 书本蓝，暖色背景衬托蓝色产品，考试季感强。
- **信息层级**：Logo → 商品 → 大标题 → 产品属性“毛绒卡包挂件” → CTA。
- **商品表现**：毛绒挂件悬挂关系清楚，绳结和笔形配件增强“学习/考试”场景。
- **可复用方法**：适合考试季、文具、挂件、毛绒卡包；用暖背景让蓝色主体跳出来，旁边加竖排标签说明功能。
- **不建议照搬**：毛绒类必须保持真实质感和形态，不能为了排版把产品拉大变形。
- **标签**：首屏、考试季、毛绒挂件、暖棕、竖排卖点。

#### 04. 国图首屏4.jpg
- **模块类型**：轮播首屏 / 礼盒开箱场景。
- **画面结构**：手部打开蓝色礼盒，商品在画面中下部形成真实开箱视角；白色标题横排叠在背景景深上。
- **色彩氛围**：蓝金配色，背景虚化，偏学习礼物与高级文具礼盒。
- **信息层级**：Logo → 系列名小字 → 大标题“文昌增慧启智福” → 副标题 → 礼盒实拍 → CTA。
- **商品表现**：开盒动作和包装细节使产品有“送礼/仪式感”，不是孤立商品图。
- **可复用方法**：适合礼盒、套装、文具礼品；可用“手部开箱 + 包装盒大面积 + 标题悬浮在景深区”。
- **不建议照搬**：标题压在复杂背景上时要加轻描边/阴影或半透明遮罩，避免移动端难读。
- **标签**：首屏、礼盒、开箱、蓝金、送礼、文具。

#### 05. 国图首屏5.jpg
- **模块类型**：轮播首屏 / 系列周边主视觉。
- **画面结构**：建筑冰箱贴居中大幅展示，挂件垂落形成横向陈列；上方 Logo 与大标题“镇馆之宝”，下方副标题。
- **色彩氛围**：米棕背景，复古展陈感，突出金属与建筑线条。
- **信息层级**：Logo → 大标题 → 商品主体 → 品类说明 → CTA。
- **商品表现**：建筑造型和多个吊坠清晰，适合体现“馆建/馆藏”系列。
- **可复用方法**：适合建筑冰箱贴、馆藏系列套装；用单个复杂产品做中心，减少背景干扰。
- **不建议照搬**：建筑类产品若线条多，背景必须克制；不要额外堆太多纹样。
- **标签**：首屏、建筑冰箱贴、镇馆之宝、米棕、陈列感。

#### 06. 国图优惠券1.jpg
- **模块类型**：优惠券/活动入口区。
- **画面结构**：红色外框，内部四宫格活动入口，上方大入口、下方分区入口，底部单独批采横条。
- **色彩氛围**：红金促销、节庆感，背景隐约文具/书香素材。
- **信息层级**：分区标题 → 点击进入 → 批采客服信息。
- **商品/元素表现**：弱化商品，强调活动分类和转化入口。
- **可复用方法**：活动页首屏下方可用“分区入口矩阵 + 批采横条”承接，适合考试季、端午、新品、婚礼物等多专区。
- **不建议照搬**：留白偏大时会显空，正式设计要根据后台入口数量压缩高度。
- **标签**：优惠券区、活动入口、红金、分区导航、批采。

#### 07. 国图楼层1.jpg
- **模块类型**：商品楼层 / 单品热销卡。
- **画面结构**：红色促销边框，上方“热销爆款”，中间横向商品场景图，下方商品名、到手价与购买按钮。
- **色彩氛围**：红金促销 + 米色商品背景，氛围直接。
- **信息层级**：楼层标题 → 商品图 → 商品名称 → 价格 → CTA。
- **商品表现**：钥匙扣和包装盒同框，适合考试季礼品场景。
- **可复用方法**：适合单个爆款重点推荐；商品图可以是实拍场景，底部价格区清晰分层。
- **不建议照搬**：价格和 CTA 不宜过小；正式长页中同类卡片需统一边框与按钮样式。
- **标签**：楼层、热销爆款、单品卡、红金、价格区。

---

### B. 中国国家博物馆 / 国博

#### 08. 国博首屏1.jpg
- **模块类型**：首屏 / 珠宝饰品单品。
- **画面结构**：项链从上方垂挂，主体居中，右侧竖排大书法标题，左侧竖排短文案，底部优惠券悬浮。
- **色彩氛围**：深棕、古铜、金色，高级暗调博物馆感。
- **信息层级**：Logo → 产品视觉 → 书法主题 → 文案 → 优惠信息。
- **商品表现**：珠宝、耳饰和底座陈列形成“展品”氛围，适合强调金属与宝石质感。
- **可复用方法**：珠宝类可用深色展陈背景、上方悬挂、右侧书法标题，营造馆藏高级感。
- **不建议照搬**：暗背景下底部小字容易糊；优惠浮层属于平台元素，不纳入正式设计。
- **标签**：首屏、国博、珠宝、暗调、展陈、书法标题。

#### 09. 国博首屏2.jpg
- **模块类型**：首屏 / 新品首发。
- **画面结构**：大型首饰/饰品盒居中，右侧巨大书法字“闹蛾金钗”，底部优惠券和新品首发圆章。
- **色彩氛围**：琥珀金、红棕、暗红，戏曲/宫廷饰品感强。
- **信息层级**：Logo → 商品 → 大标题 → 品类说明 → 新品标签/优惠券。
- **商品表现**：首饰盒的灯光、镜面和金饰形成戏剧化焦点。
- **可复用方法**：适合“新品首发 + 高工艺产品”；用大产品 + 大书法标题 + 小圆章强化新品感。
- **不建议照搬**：光效和金粉要服务商品，不要盖过产品细节。
- **标签**：首屏、新品首发、首饰盒、金红、戏剧感。

#### 10. 国博优惠券1.jpg
- **模块类型**：优惠券/会员福利区。
- **画面结构**：上部延续深色文物背景和 5 元优惠浮卡，下部红金大券区，含关注、满减、会员券、分享券和会员积分兑换。
- **色彩氛围**：深青灰到红金，促销强、信息密。
- **信息层级**：面额数字最大 → 领取动作 → 条件说明 → 会员积分入口。
- **商品表现**：底部用包袋/礼品组合加强会员兑换和礼包感。
- **可复用方法**：适合大促福利汇总；面额大、按钮清楚，多个权益可按 2×2 卡片承载。
- **不建议照搬**：信息密度高，正式设计必须根据活动真实规则精简，避免移动端读不清。
- **标签**：优惠券、会员福利、红金、权益矩阵、积分兑换。

#### 11. 国博楼层1.jpg
- **模块类型**：楼层 / 爆款推荐重点单品。
- **画面结构**：红色背景，左侧竖向小产品索引，右侧大商品模特架/项链，底部价格与抢购按钮。
- **色彩氛围**：深红、黑、金，强促销但仍有博物馆饰品高级感。
- **信息层级**：楼层标题“爆款推荐” → TOP 排名/小品类 → 主推商品 → 副标题 → 价格 → CTA。
- **商品表现**：主推项链在黑色人台上展示，质感明确，左侧小图做同系列导览。
- **可复用方法**：适合珠宝/饰品楼层首卡；可用“一主图 + 左侧小索引 + TOP 排名”。
- **不建议照搬**：商品小索引不能过多，否则抢主视觉；价格需与商品名称保持稳定对齐。
- **标签**：楼层、爆款推荐、饰品、人台、TOP 排名。

#### 12. 国博楼层2.jpg
- **模块类型**：楼层 / 多商品宫格。
- **画面结构**：红色背景上 2×3 商品卡，每张卡有商品图、名称、活动价和按钮。
- **色彩氛围**：红、金、米、深绿，复古宫廷边框。
- **信息层级**：商品图 → 商品名 → 活动价 → CTA。
- **商品表现**：不同品类统一在卡片系统中，保证长页延展性。
- **可复用方法**：适合商品较多的通用楼层；统一卡片边框和按钮能快速扩展。
- **不建议照搬**：图片来源风格差异较大时，要用统一卡片/背景压住，否则楼层杂乱。
- **标签**：楼层、多商品、宫格、红金、商品卡系统。

---

### C. 大英博物馆 / The British Museum

#### 13. 大英首屏1.jpg
- **模块类型**：首屏 / 活动利益点 + 产品场景。
- **画面结构**：顶部 Logo 和活动标题，中部文创产品置于沙地/展台场景，底部入会悬浮控件。
- **色彩氛围**：深黑绿到暖金，沙地、星光、暖灯营造神秘礼品感。
- **信息层级**：Logo → 活动口号“文创好礼 暖心相伴” → 立减利益点 → 商品场景。
- **商品表现**：音响/摆件类产品用透明盒、暖光和沙地承托，突出礼物属性。
- **可复用方法**：适合礼品节、会员礼、暖心赠礼；用暗背景 + 暖光 + 沙地/台面连接文物主题。
- **不建议照搬**：文字和产品之间有距离，正式设计可加强主题与产品功能的对应关系。
- **标签**：首屏、大英、礼品、沙地、暖光、星尘。

#### 14. 大英首屏2.jpg
- **模块类型**：首屏 / 新品重磅首发。
- **画面结构**：深蓝星空背景，金色光带从上到下引导视线，产品在右下大幅展示，标题偏左。
- **色彩氛围**：深蓝、黑、金，星空与沙金结合，科技感和神秘感兼具。
- **信息层级**：Logo → “重磅新品” → 产品说明 → NEW → 商品。
- **商品表现**：蓝牙音响的圆形发光面与星尘光带呼应功能和主题。
- **可复用方法**：适合灯具、音响、香薰机等功能型文创；用“功能发光点 + 主题粒子轨迹”强化产品卖点。
- **不建议照搬**：金粉不能只当装饰，应围绕产品核心功能产生动线。
- **标签**：首屏、新品、星空、金粉、功能型文创、蓝牙音响。

#### 15. 大英首屏3.jpg
- **模块类型**：首屏 / 新品专区入口。
- **画面结构**：大月亮背景，灯塔产品居中，顶部大字“新品首发 礼承心意”，底部新品专区按钮。
- **色彩氛围**：暖棕、月光黄、黑猫 IP 点缀，温暖夜灯感。
- **信息层级**：Logo → 大标题 → 商品 → 新品专区入口。
- **商品表现**：灯塔灯具实际发光，背景月亮强化夜灯功能。
- **可复用方法**：适合夜灯、香薰灯、氛围灯；产品功能必须在画面中被真实表现出来。
- **不建议照搬**：IP 小角色可点缀，但不要抢产品；标题字形需要克制，避免儿童化过重。
- **标签**：首屏、新品专区、夜灯、月亮、暖光、IP 点缀。

#### 16. 大英会员1.jpg
- **模块类型**：会员专区 / 权益汇总。
- **画面结构**：白米色背景，顶部 VIP 标题，中间券/充值权益，底部四个活动入口卡片。
- **色彩氛围**：米白、金棕、浅蓝点缀，清洁、轻奢。
- **信息层级**：VIP 标题 → 优惠券/充值积分 → 专区横幅 → 四宫格入口。
- **商品表现**：商品缩略图只作为专区入口提示，主体是会员利益。
- **可复用方法**：适合首屏下方福利区；可以用大卡承载会员核心权益，用四宫格承载品类入口。
- **不建议照搬**：入口太多时会变成信息墙；活动页应根据真实权益压缩为 3–5 个核心入口。
- **标签**：会员区、VIP、权益汇总、米白、专区入口。

#### 17. 大英楼层1.jpg
- **模块类型**：商品楼层 / 多品类热销榜。
- **画面结构**：顶部标题“镇店臻品”，三栏分类标签，下面 3×3 商品网格，每张图下方商品名、价格、按钮。
- **色彩氛围**：米白、浅金、少量绿色与产品实拍图，整体清爽。
- **信息层级**：楼层标题 → 分类 tab → 商品图 → 名称 → 价格 → CTA。
- **商品表现**：香薰、音响、灯、饰品等多品类用统一白底卡片整合。
- **可复用方法**：适合商品 SKU 多的活动页；分类 tab + 3 列网格能提高商品浏览效率。
- **不建议照搬**：移动端三列商品图可能偏小；如商品需要质感展示，优先双列或重点产品大卡。
- **标签**：楼层、多商品、分类 tab、镇店臻品、清爽网格。

#### 18. 大英楼层2.jpg
- **模块类型**：商品楼层 / 新品单品重点卡。
- **画面结构**：上方英文标题 NEW ARRIVAL，下方大场景图，左侧竖向商品缩略图列表，主产品居中，底部价格与购买按钮。
- **色彩氛围**：米棕、砂岩、柔光，高脚玻璃杯质感突出。
- **信息层级**：楼层标题 → 限时新品说明 → 主产品 → 商品名 → 价格/CTA → 侧边缩略图。
- **商品表现**：玻璃杯放在书本和陶罐场景中，材质通透，适合新品展示。
- **可复用方法**：适合新品上新、单品系列；用“主图大卡 + 左侧缩略图导航”呈现多款变体。
- **不建议照搬**：侧边缩略图在窄屏上可能太小；需确认后台是否能承载点击切换，静态图中只作视觉导览。
- **标签**：楼层、新品、单品大卡、玻璃杯、缩略图导航。

---

### D. 敦煌

#### 19. 敦煌首屏1.jpg
- **模块类型**：首屏 / 毛绒挂件单品。
- **画面结构**：左侧大书法字“翼马当先”，产品居中大特写，右上绳带入画，右侧优惠浮卡和底部价格截屏残留。
- **色彩氛围**：暖米、橘黄、金色，敦煌壁画和丝绳质感。
- **信息层级**：主题字 → 产品 → 品类“毛绒挂件” → 优惠信息。
- **商品表现**：毛绒主体清晰，吊绳和织唛强化挂件属性。
- **可复用方法**：敦煌毛绒/挂件可用暖底、斜向绳带、书法字和金元宝小道具突出吉祥感。
- **不建议照搬**：价格角标和优惠悬浮框属于平台层；正式首屏应另行设计活动利益点。
- **标签**：首屏、敦煌、毛绒挂件、暖米、书法、吉祥。

#### 20. 敦煌首屏2.jpg
- **模块类型**：首屏 / 小件摆件/夜灯类单品。
- **画面结构**：顶部居中文字，产品大幅居中偏下，右侧优惠券悬浮，底部价格残留。
- **色彩氛围**：米黄、柔金、黑猫点缀，萌趣礼品感。
- **信息层级**：小标语 → 大标题“敦煌飞天喵喵福禄风暴瓶” → 商品 → 优惠信息。
- **商品表现**：透明球形产品和黑猫造型清楚，光感表现较好。
- **可复用方法**：适合萌趣文创、透明材质摆件；可用留白背景和大标题保证商品可见。
- **不建议照搬**：标题字形偏可爱，若做高端文博活动页需降低卡通感。
- **标签**：首屏、萌趣、透明摆件、米黄、猫 IP、礼物。

#### 21. 敦煌优惠券1.jpg
- **模块类型**：会员福利 / 优惠券区。
- **画面结构**：壁画背景上叠四个券卡，底部会员专享 5 折起横幅，左下产品图点缀。
- **色彩氛围**：敦煌红、土黄、暖金，壁画质感强。
- **信息层级**：会员福利标题 → 四张券金额/门槛 → 会员折扣主利益点。
- **商品表现**：商品不是核心，作为权益区底部装饰和品类暗示。
- **可复用方法**：优惠券区可以强主题化：用壁画底纹 + 金边券卡 + 大金额数字。
- **不建议照搬**：券面过多时需要拉开层级，避免所有按钮都同等抢眼。
- **标签**：优惠券、会员福利、敦煌红、壁画底纹、券卡矩阵。

#### 22. 敦煌楼层1.jpg
- **模块类型**：楼层 / 爆款推荐两联大卡。
- **画面结构**：顶部壁画人物做楼层氛围，下方两张横向商品大卡，上图品茗杯，下图五路财神屏。
- **色彩氛围**：赤红、土橙、金色，强敦煌壁画气质。
- **信息层级**：爆款推荐 → 商品图 → 商品名 → 价格 → 立即抢购按钮。
- **商品表现**：商品以实拍横幅嵌入，周围用敦煌纹样边框统一风格。
- **可复用方法**：适合重点产品较少的楼层；一屏放 2 个横向大卡，商品质感更清晰。
- **不建议照搬**：横向实拍如果色温差异大，要统一暗角/边框/文字色，否则割裂。
- **标签**：楼层、爆款推荐、横向大卡、敦煌红、重点产品。

#### 23. 敦煌楼层2.jpg
- **模块类型**：楼层 / 纵向重点产品列表。
- **画面结构**：三张大横幅卡片纵向排列，每张一个商品，右侧/中部放商品名、价格、按钮。
- **色彩氛围**：深咖、金、暖红，偏茶器、器物高级感。
- **信息层级**：商品图 → 商品名 → RMB 价格 → CTA。
- **商品表现**：茶具/对杯用暗色桌面突出瓷器质感。
- **可复用方法**：适合茶器、礼盒、套装等需要大图展示的商品楼层。
- **不建议照搬**：连续横卡容易显长，需在楼层间加标题或节奏变化。
- **标签**：楼层、茶器、横幅卡、暖红、器物质感。

#### 24. 敦煌楼层3.jpg
- **模块类型**：楼层 / 多品类双列商品卡。
- **画面结构**：2×3 双列商品网格，商品图上方为主视觉，下方黑色价格条和黄色按钮/箭头。
- **色彩氛围**：红棕边框 + 黑色信息条，促销清楚。
- **信息层级**：商品图 → 商品名 → 价格 → 小按钮。
- **商品表现**：杯具、毛绒、纸艺、胸针等不同品类被统一卡片收纳。
- **可复用方法**：适合综合商品楼层；双列卡片在移动端比三列更利于看清商品。
- **不建议照搬**：黑色底条较重，如品牌气质偏雅致可改为深棕或半透明底条。
- **标签**：楼层、双列商品卡、综合品类、敦煌红、移动端友好。

---

### E. 苏州博物馆 / 苏博

#### 25. 苏博首屏1.jpg
- **模块类型

电商视觉参考逐图分析（2026-06-25）


国图首屏1
分类：首页首屏 / 轮播参考
类型：image
标签：电商视觉参考、文博电商、活动页参考、国图、首屏、轮播、Hero、电商参考图、首页首屏 / 轮播参考
说明：模块类型：轮播首屏 / 单品主推。；画面结构：Logo 置顶左侧，向日葵胸针居中偏左放大，右侧竖排大标题“向阳而生”，左侧竖排辅助文案，底部小 CTA。；可复用方法：适合珠宝、胸针、金属文创、小礼品；可用“浅色布面 + 斜向自然光 + 单品大特写 + 竖排主题字”。；不建议照搬：不要把轮播圆点和“点击购买”按钮当作正式视觉重点；中文大字必须按品牌/活动重新设计，不能机械套书法字。
资源库：Studio 素材中枢 / 电商参考图
用途边界：参考素材：仅供设计结构、色彩、模块与表现方式学习，不直接复制第三方品牌、文案、价格、Logo 或图片。
链接：https://studio-cloud-1257633934.cos.ap-nanjing.myqcloud.com/uploads/root_for_ai/public-assets/ecommerce-reference-library/assets/images/ecommerce-visual-reference-20260625/evr-20260625-img-01.jpg
本地路径：/Users/bot1/Volumes/root_for_ai/public-assets/ecommerce-reference-library/assets/images/ecommerce-visual-reference-20260625/evr-20260625-img-01.jpg

国图首屏1


国图首屏2
分类：首页首屏 / 轮播参考
类型：image
标签：电商视觉参考、文博电商、活动页参考、国图、首屏、轮播、Hero、电商参考图、首页首屏 / 轮播参考
说明：模块类型：轮播首屏 / 国风礼品单品。；画面结构：顶部居中 Logo，标题置于上方，团扇/挂饰居中，左右下角用花朵与浅色景深补氛围。；可复用方法：适合镜子、香囊、团扇、挂饰；可做“淡蓝留白 + 花影景深 + 居中商品 + 轻诗意标题”。；不建议照搬：浅色系容易显空，必须有花、云、柔光或产品细节补足层次。
资源库：Studio 素材中枢 / 电商参考图
用途边界：参考素材：仅供设计结构、色彩、模块与表现方式学习，不直接复制第三方品牌、文案、价格、Logo 或图片。
链接：https://studio-cloud-1257633934.cos.ap-nanjing.myqcloud.com/uploads/root_for_ai/public-assets/ecommerce-reference-library/assets/images/ecommerce-visual-reference-20260625/evr-20260625-img-02.jpg
本地路径：/Users/bot1/Volumes/root_for_ai/public-assets/ecommerce-reference-library/assets/images/ecommerce-visual-reference-20260625/evr-20260625-img-02.jpg

国图首屏2


国图首屏3
分类：首页首屏 / 轮播参考
类型：image
标签：电商视觉参考、文博电商、活动页参考、国图、首屏、轮播、Hero、电商参考图、首页首屏 / 轮播参考
说明：模块类型：轮播首屏 / 毛绒挂件单品。；画面结构：棕色暖底，蓝色书本毛绒挂件大面积居中偏左，右侧竖排卖点“金榜题名”，左侧 Logo 与短文案。；可复用方法：适合考试季、文具、挂件、毛绒卡包；用暖背景让蓝色主体跳出来，旁边加竖排标签说明功能。；不建议照搬：毛绒类必须保持真实质感和形态，不能为了排版把产品拉大变形。
资源库：Studio 素材中枢 / 电商参考图
用途边界：参考素材：仅供设计结构、色彩、模块与表现方式学习，不直接复制第三方品牌、文案、价格、Logo 或图片。
链接：https://studio-cloud-1257633934.cos.ap-nanjing.myqcloud.com/uploads/root_for_ai/public-assets/ecommerce-reference-library/assets/images/ecommerce-visual-reference-20260625/evr-20260625-img-03.jpg
本地路径：/Users/bot1/Volumes/root_for_ai/public-assets/ecommerce-reference-library/assets/images/ecommerce-visual-reference-20260625/evr-20260625-img-03.jpg

国图首屏3


国图首屏4
分类：首页首屏 / 轮播参考
类型：image
标签：电商视觉参考、文博电商、活动页参考、国图、首屏、轮播、Hero、电商参考图、首页首屏 / 轮播参考
说明：模块类型：轮播首屏 / 礼盒开箱场景。；画面结构：手部打开蓝色礼盒，商品在画面中下部形成真实开箱视角；白色标题横排叠在背景景深上。；可复用方法：适合礼盒、套装、文具礼品；可用“手部开箱 + 包装盒大面积 + 标题悬浮在景深区”。；不建议照搬：标题压在复杂背景上时要加轻描边/阴影或半透明遮罩，避免移动端难读。
资源库：Studio 素材中枢 / 电商参考图
用途边界：参考素材：仅供设计结构、色彩、模块与表现方式学习，不直接复制第三方品牌、文案、价格、Logo 或图片。
链接：https://studio-cloud-1257633934.cos.ap-nanjing.myqcloud.com/uploads/root_for_ai/public-assets/ecommerce-reference-library/assets/images/ecommerce-visual-reference-20260625/evr-20260625-img-04.jpg
本地路径：/Users/bot1/Volumes/root_for_ai/public-assets/ecommerce-reference-library/assets/images/ecommerce-visual-reference-20260625/evr-20260625-img-04.jpg

国图首屏4


国图首屏5
分类：首页首屏 / 轮播参考
类型：image
标签：电商视觉参考、文博电商、活动页参考、国图、首屏、轮播、Hero、电商参考图、首页首屏 / 轮播参考
说明：模块类型：轮播首屏 / 系列周边主视觉。；画面结构：建筑冰箱贴居中大幅展示，挂件垂落形成横向陈列；上方 Logo 与大标题“镇馆之宝”，下方副标题。；可复用方法：适合建筑冰箱贴、馆藏系列套装；用单个复杂产品做中心，减少背景干扰。；不建议照搬：建筑类产品若线条多，背景必须克制；不要额外堆太多纹样。
资源库：Studio 素材中枢 / 电商参考图
用途边界：参考素材：仅供设计结构、色彩、模块与表现方式学习，不直接复制第三方品牌、文案、价格、Logo 或图片。
链接：https://studio-cloud-1257633934.cos.ap-nanjing.myqcloud.com/uploads/root_for_ai/public-assets/ecommerce-reference-library/assets/images/ecommerce-visual-reference-20260625/evr-20260625-img-05.jpg
本地路径：/Users/bot1/Volumes/root_for_ai/public-assets/ecommerce-reference-library/assets/images/ecommerce-visual-reference-20260625/evr-20260625-img-05.jpg

国图首屏5


国图优惠券1
分类：优惠券 / 会员区参考
类型：image
标签：电商视觉参考、文博电商、活动页参考、国图、优惠券、会员区、转化入口、电商参考图、优惠券 / 会员区参考
说明：模块类型：优惠券/活动入口区。；画面结构：红色外框，内部四宫格活动入口，上方大入口、下方分区入口，底部单独批采横条。；可复用方法：活动页首屏下方可用“分区入口矩阵 + 批采横条”承接，适合考试季、端午、新品、婚礼物等多专区。；不建议照搬：留白偏大时会显空，正式设计要根据后台入口数量压缩高度。
资源库：Studio 素材中枢 / 电商参考图
用途边界：参考素材：仅供设计结构、色彩、模块与表现方式学习，不直接复制第三方品牌、文案、价格、Logo 或图片。
链接：https://studio-cloud-1257633934.cos.ap-nanjing.myqcloud.com/uploads/root_for_ai/public-assets/ecommerce-reference-library/assets/images/ecommerce-visual-reference-20260625/evr-20260625-img-06.jpg
本地路径：/Users/bot1/Volumes/root_for_ai/public-assets/ecommerce-reference-library/assets/images/ecommerce-visual-reference-20260625/evr-20260625-img-06.jpg

国图优惠券1


国图楼层1
分类：商品楼层 / 商品卡参考
类型：image
标签：电商视觉参考、文博电商、活动页参考、国图、商品楼层、商品卡、长页模块、电商参考图、商品楼层 / 商品卡参考
说明：模块类型：商品楼层 / 单品热销卡。；画面结构：红色促销边框，上方“热销爆款”，中间横向商品场景图，下方商品名、到手价与购买按钮。；可复用方法：适合单个爆款重点推荐；商品图可以是实拍场景，底部价格区清晰分层。；不建议照搬：价格和 CTA 不宜过小；正式长页中同类卡片需统一边框与按钮样式。
资源库：Studio 素材中枢 / 电商参考图
用途边界：参考素材：仅供设计结构、色彩、模块与表现方式学习，不直接复制第三方品牌、文案、价格、Logo 或图片。
链接：https://studio-cloud-1257633934.cos.ap-nanjing.myqcloud.com/uploads/root_for_ai/public-assets/ecommerce-reference-library/assets/images/ecommerce-visual-reference-20260625/evr-20260625-img-07.jpg
本地路径：/Users/bot1/Volumes/root_for_ai/public-assets/ecommerce-reference-library/assets/images/ecommerce-visual-reference-20260625/evr-20260625-img-07.jpg

国图楼层1

商品楼层 / 商品卡参考

商品楼层 / 商品卡参考


国博首屏1
分类：首页首屏 / 轮播参考
类型：image
标签：电商视觉参考、文博电商、活动页参考、国博、首屏、轮播、Hero、电商参考图、首页首屏 / 轮播参考
说明：模块类型：首屏 / 珠宝饰品单品。；画面结构：项链从上方垂挂，主体居中，右侧竖排大书法标题，左侧竖排短文案，底部优惠券悬浮。；可复用方法：珠宝类可用深色展陈背景、上方悬挂、右侧书法标题，营造馆藏高级感。；不建议照搬：暗背景下底部小字容易糊；优惠浮层属于平台元素，不纳入正式设计。
资源库：Studio 素材中枢 / 电商参考图
用途边界：参考素材：仅供设计结构、色彩、模块与表现方式学习，不直接复制第三方品牌、文案、价格、Logo 或图片。
链接：https://studio-cloud-1257633934.cos.ap-nanjing.myqcloud.com/uploads/root_for_ai/public-assets/ecommerce-reference-library/assets/images/ecommerce-visual-reference-20260625/evr-20260625-img-08.jpg
本地路径：/Users/bot1/Volumes/root_for_ai/public-assets/ecommerce-reference-library/assets/images/ecommerce-visual-reference-20260625/evr-20260625-img-08.jpg

国博首屏1


国博首屏2
分类：首页首屏 / 轮播参考
类型：image
标签：电商视觉参考、文博电商、活动页参考、国博、首屏、轮播、Hero、电商参考图、首页首屏 / 轮播参考
说明：模块类型：首屏 / 新品首发。；画面结构：大型首饰/饰品盒居中，右侧巨大书法字“闹蛾金钗”，底部优惠券和新品首发圆章。；可复用方法：适合“新品首发 + 高工艺产品”；用大产品 + 大书法标题 + 小圆章强化新品感。；不建议照搬：光效和金粉要服务商品，不要盖过产品细节。
资源库：Studio 素材中枢 / 电商参考图
用途边界：参考素材：仅供设计结构、色彩、模块与表现方式学习，不直接复制第三方品牌、文案、价格、Logo 或图片。
链接：https://studio-cloud-1257633934.cos.ap-nanjing.myqcloud.com/uploads/root_for_ai/public-assets/ecommerce-reference-library/assets/images/ecommerce-visual-reference-20260625/evr-20260625-img-09.jpg
本地路径：/Users/bot1/Volumes/root_for_ai/public-assets/ecommerce-reference-library/assets/images/ecommerce-visual-reference-20260625/evr-20260625-img-09.jpg

国博首屏2


国博优惠券1
分类：优惠券 / 会员区参考
类型：image
标签：电商视觉参考、文博电商、活动页参考、国博、优惠券、会员区、转化入口、电商参考图、优惠券 / 会员区参考
说明：模块类型：优惠券/会员福利区。；画面结构：上部延续深色文物背景和 5 元优惠浮卡，下部红金大券区，含关注、满减、会员券、分享券和会员积分兑换。；可复用方法：适合大促福利汇总；面额大、按钮清楚，多个权益可按 2×2 卡片承载。；不建议照搬：信息密度高，正式设计必须根据活动真实规则精简，避免移动端读不清。
资源库：Studio 素材中枢 / 电商参考图
用途边界：参考素材：仅供设计结构、色彩、模块与表现方式学习，不直接复制第三方品牌、文案、价格、Logo 或图片。
链接：https://studio-cloud-1257633934.cos.ap-nanjing.myqcloud.com/uploads/root_for_ai/public-assets/ecommerce-reference-library/assets/images/ecommerce-visual-reference-20260625/evr-20260625-img-10.jpg
本地路径：/Users/bot1/Volumes/root_for_ai/public-assets/ecommerce-reference-library/assets/images/ecommerce-visual-reference-20260625/evr-20260625-img-10.jpg

国博优惠券1


国博楼层1
分类：商品楼层 / 商品卡参考
类型：image
标签：电商视觉参考、文博电商、活动页参考、国博、商品楼层、商品卡、长页模块、电商参考图、商品楼层 / 商品卡参考
说明：模块类型：楼层 / 爆款推荐重点单品。；画面结构：红色背景，左侧竖向小产品索引，右侧大商品模特架/项链，底部价格与抢购按钮。；可复用方法：适合珠宝/饰品楼层首卡；可用“一主图 + 左侧小索引 + TOP 排名”。；不建议照搬：商品小索引不能过多，否则抢主视觉；价格需与商品名称保持稳定对齐。
资源库：Studio 素材中枢 / 电商参考图
用途边界：参考素材：仅供设计结构、色彩、模块与表现方式学习，不直接复制第三方品牌、文案、价格、Logo 或图片。
链接：https://studio-cloud-1257633934.cos.ap-nanjing.myqcloud.com/uploads/root_for_ai/public-assets/ecommerce-reference-library/assets/images/ecommerce-visual-reference-20260625/evr-20260625-img-11.jpg
本地路径：/Users/bot1/Volumes/root_for_ai/public-assets/ecommerce-reference-library/assets/images/ecommerce-visual-reference-20260625/evr-20260625-img-11.jpg

国博楼层1

商品楼层 / 商品卡参考

商品楼层 / 商品卡参考


国博楼层2
分类：商品楼层 / 商品卡参考
类型：image
标签：电商视觉参考、文博电商、活动页参考、国博、商品楼层、商品卡、长页模块、电商参考图、商品楼层 / 商品卡参考
说明：模块类型：楼层 / 多商品宫格。；画面结构：红色背景上 2×3 商品卡，每张卡有商品图、名称、活动价和按钮。；可复用方法：适合商品较多的通用楼层；统一卡片边框和按钮能快速扩展。；不建议照搬：图片来源风格差异较大时，要用统一卡片/背景压住，否则楼层杂乱。
资源库：Studio 素材中枢 / 电商参考图
用途边界：参考素材：仅供设计结构、色彩、模块与表现方式学习，不直接复制第三方品牌、文案、价格、Logo 或图片。
链接：https://studio-cloud-1257633934.cos.ap-nanjing.myqcloud.com/uploads/root_for_ai/public-assets/ecommerce-reference-library/assets/images/ecommerce-visual-reference-20260625/evr-20260625-img-12.jpg
本地路径：/Users/bot1/Volumes/root_for_ai/public-assets/ecommerce-reference-library/assets/images/ecommerce-visual-reference-20260625/evr-20260625-img-12.jpg

国博楼层2

商品楼层 / 商品卡参考

商品楼层 / 商品卡参考


大英首屏1
分类：首页首屏 / 轮播参考
类型：image
标签：电商视觉参考、文博电商、活动页参考、大英、首屏、轮播、Hero、电商参考图、首页首屏 / 轮播参考
说明：模块类型：首屏 / 活动利益点 + 产品场景。；画面结构：顶部 Logo 和活动标题，中部文创产品置于沙地/展台场景，底部入会悬浮控件。；可复用方法：适合礼品节、会员礼、暖心赠礼；用暗背景 + 暖光 + 沙地/台面连接文物主题。；不建议照搬：文字和产品之间有距离，正式设计可加强主题与产品功能的对应关系。
资源库：Studio 素材中枢 / 电商参考图
用途边界：参考素材：仅供设计结构、色彩、模块与表现方式学习，不直接复制第三方品牌、文案、价格、Logo 或图片。
链接：https://studio-cloud-1257633934.cos.ap-nanjing.myqcloud.com/uploads/root_for_ai/public-assets/ecommerce-reference-library/assets/images/ecommerce-visual-reference-20260625/evr-20260625-img-13.jpg
本地路径：/Users/bot1/Volumes/root_for_ai/public-assets/ecommerce-reference-library/assets/images/ecommerce-visual-reference-20260625/evr-20260625-img-13.jpg

大英首屏1


大英首屏2
分类：首页首屏 / 轮播参考
类型：image
标签：电商视觉参考、文博电商、活动页参考、大英、首屏、轮播、Hero、电商参考图、首页首屏 / 轮播参考
说明：模块类型：首屏 / 新品重磅首发。；画面结构：深蓝星空背景，金色光带从上到下引导视线，产品在右下大幅展示，标题偏左。；可复用方法：适合灯具、音响、香薰机等功能型文创；用“功能发光点 + 主题粒子轨迹”强化产品卖点。；不建议照搬：金粉不能只当装饰，应围绕产品核心功能产生动线。
资源库：Studio 素材中枢 / 电商参考图
用途边界：参考素材：仅供设计结构、色彩、模块与表现方式学习，不直接复制第三方品牌、文案、价格、Logo 或图片。
链接：https://studio-cloud-1257633934.cos.ap-nanjing.myqcloud.com/uploads/root_for_ai/public-assets/ecommerce-reference-library/assets/images/ecommerce-visual-reference-20260625/evr-20260625-img-14.jpg
本地路径：/Users/bot1/Volumes/root_for_ai/public-assets/ecommerce-reference-library/assets/images/ecommerce-visual-reference-20260625/evr-20260625-img-14.jpg

大英首屏2


大英首屏3
分类：首页首屏 / 轮播参考
类型：image
标签：电商视觉参考、文博电商、活动页参考、大英、首屏、轮播、Hero、电商参考图、首页首屏 / 轮播参考
说明：模块类型：首屏 / 新品专区入口。；画面结构：大月亮背景，灯塔产品居中，顶部大字“新品首发 礼承心意”，底部新品专区按钮。；可复用方法：适合夜灯、香薰灯、氛围灯；产品功能必须在画面中被真实表现出来。；不建议照搬：IP 小角色可点缀，但不要抢产品；标题字形需要克制，避免儿童化过重。
资源库：Studio 素材中枢 / 电商参考图
用途边界：参考素材：仅供设计结构、色彩、模块与表现方式学习，不直接复制第三方品牌、文案、价格、Logo 或图片。
链接：https://studio-cloud-1257633934.cos.ap-nanjing.myqcloud.com/uploads/root_for_ai/public-assets/ecommerce-reference-library/assets/images/ecommerce-visual-reference-20260625/evr-20260625-img-15.jpg
本地路径：/Users/bot1/Volumes/root_for_ai/public-assets/ecommerce-reference-library/assets/images/ecommerce-visual-reference-20260625/evr-20260625-img-15.jpg

大英首屏3


大英会员1
分类：优惠券 / 会员区参考
类型：image
标签：电商视觉参考、文博电商、活动页参考、大英、电商参考图、其他电商视觉参考
说明：模块类型：会员专区 / 权益汇总。；画面结构：白米色背景，顶部 VIP 标题，中间券/充值权益，底部四个活动入口卡片。；可复用方法：适合首屏下方福利区；可以用大卡承载会员核心权益，用四宫格承载品类入口。；不建议照搬：入口太多时会变成信息墙；活动页应根据真实权益压缩为 3–5 个核心入口。
资源库：Studio 素材中枢 / 电商参考图
用途边界：参考素材：仅供设计结构、色彩、模块与表现方式学习，不直接复制第三方品牌、文案、价格、Logo 或图片。
链接：https://studio-cloud-1257633934.cos.ap-nanjing.myqcloud.com/uploads/root_for_ai/public-assets/ecommerce-reference-library/assets/images/ecommerce-visual-reference-20260625/evr-20260625-img-16.jpg
本地路径：/Users/bot1/Volumes/root_for_ai/public-assets/ecommerce-reference-library/assets/images/ecommerce-visual-reference-20260625/evr-20260625-img-16.jpg

大英会员1


大英楼层1
分类：商品楼层 / 商品卡参考
类型：image
标签：电商视觉参考、文博电商、活动页参考、大英、商品楼层、商品卡、长页模块、电商参考图、商品楼层 / 商品卡参考
说明：模块类型：商品楼层 / 多品类热销榜。；画面结构：顶部标题“镇店臻品”，三栏分类标签，下面 3×3 商品网格，每张图下方商品名、价格、按钮。；可复用方法：适合商品 SKU 多的活动页；分类 tab + 3 列网格能提高商品浏览效率。；不建议照搬：移动端三列商品图可能偏小；如商品需要质感展示，优先双列或重点产品大卡。
资源库：Studio 素材中枢 / 电商参考图
用途边界：参考素材：仅供设计结构、色彩、模块与表现方式学习，不直接复制第三方品牌、文案、价格、Logo 或图片。
链接：https://studio-cloud-1257633934.cos.ap-nanjing.myqcloud.com/uploads/root_for_ai/public-assets/ecommerce-reference-library/assets/images/ecommerce-visual-reference-20260625/evr-20260625-img-17.jpg
本地路径：/Users/bot1/Volumes/root_for_ai/public-assets/ecommerce-reference-library/assets/images/ecommerce-visual-reference-20260625/evr-20260625-img-17.jpg

大英楼层1

商品楼层 / 商品卡参考

商品楼层 / 商品卡参考


大英楼层2
分类：商品楼层 / 商品卡参考
类型：image
标签：电商视觉参考、文博电商、活动页参考、大英、商品楼层、商品卡、长页模块、电商参考图、商品楼层 / 商品卡参考
说明：模块类型：商品楼层 / 新品单品重点卡。；画面结构：上方英文标题 NEW ARRIVAL，下方大场景图，左侧竖向商品缩略图列表，主产品居中，底部价格与购买按钮。；可复用方法：适合新品上新、单品系列；用“主图大卡 + 左侧缩略图导航”呈现多款变体。；不建议照搬：侧边缩略图在窄屏上可能太小；需确认后台是否能承载点击切换，静态图中只作视觉导览。
资源库：Studio 素材中枢 / 电商参考图
用途边界：参考素材：仅供设计结构、色彩、模块与表现方式学习，不直接复制第三方品牌、文案、价格、Logo 或图片。
链接：https://studio-cloud-1257633934.cos.ap-nanjing.myqcloud.com/uploads/root_for_ai/public-assets/ecommerce-reference-library/assets/images/ecommerce-visual-reference-20260625/evr-20260625-img-18.jpg
本地路径：/Users/bot1/Volumes/root_for_ai/public-assets/ecommerce-reference-library/assets/images/ecommerce-visual-reference-20260625/evr-20260625-img-18.jpg

大英楼层2

商品楼层 / 商品卡参考

商品楼层 / 商品卡参考


敦煌首屏1
分类：首页首屏 / 轮播参考
类型：image
标签：电商视觉参考、文博电商、活动页参考、敦煌、首屏、轮播、Hero、电商参考图、首页首屏 / 轮播参考
说明：模块类型：首屏 / 毛绒挂件单品。；画面结构：左侧大书法字“翼马当先”，产品居中大特写，右上绳带入画，右侧优惠浮卡和底部价格截屏残留。；可复用方法：敦煌毛绒/挂件可用暖底、斜向绳带、书法字和金元宝小道具突出吉祥感。；不建议照搬：价格角标和优惠悬浮框属于平台层；正式首屏应另行设计活动利益点。
资源库：Studio 素材中枢 / 电商参考图
用途边界：参考素材：仅供设计结构、色彩、模块与表现方式学习，不直接复制第三方品牌、文案、价格、Logo 或图片。
链接：https://studio-cloud-1257633934.cos.ap-nanjing.myqcloud.com/uploads/root_for_ai/public-assets/ecommerce-reference-library/assets/images/ecommerce-visual-reference-20260625/evr-20260625-img-19.jpg
本地路径：/Users/bot1/Volumes/root_for_ai/public-assets/ecommerce-reference-library/assets/images/ecommerce-visual-reference-20260625/evr-20260625-img-19.jpg

敦煌首屏1


敦煌首屏2
分类：首页首屏 / 轮播参考
类型：image
标签：电商视觉参考、文博电商、活动页参考、敦煌、首屏、轮播、Hero、电商参考图、首页首屏 / 轮播参考
说明：模块类型：首屏 / 小件摆件/夜灯类单品。；画面结构：顶部居中文字，产品大幅居中偏下，右侧优惠券悬浮，底部价格残留。；可复用方法：适合萌趣文创、透明材质摆件；可用留白背景和大标题保证商品可见。；不建议照搬：标题字形偏可爱，若做高端文博活动页需降低卡通感。
资源库：Studio 素材中枢 / 电商参考图
用途边界：参考素材：仅供设计结构、色彩、模块与表现方式学习，不直接复制第三方品牌、文案、价格、Logo 或图片。
链接：https://studio-cloud-1257633934.cos.ap-nanjing.myqcloud.com/uploads/root_for_ai/public-assets/ecommerce-reference-library/assets/images/ecommerce-visual-reference-20260625/evr-20260625-img-20.jpg
本地路径：/Users/bot1/Volumes/root_for_ai/public-assets/ecommerce-reference-library/assets/images/ecommerce-visual-reference-20260625/evr-20260625-img-20.jpg

敦煌首屏2


敦煌优惠券1
分类：优惠券 / 会员区参考
类型：image
标签：电商视觉参考、文博电商、活动页参考、敦煌、优惠券、会员区、转化入口、电商参考图、优惠券 / 会员区参考
说明：模块类型：会员福利 / 优惠券区。；画面结构：壁画背景上叠四个券卡，底部会员专享 5 折起横幅，左下产品图点缀。；可复用方法：优惠券区可以强主题化：用壁画底纹 + 金边券卡 + 大金额数字。；不建议照搬：券面过多时需要拉开层级，避免所有按钮都同等抢眼。
资源库：Studio 素材中枢 / 电商参考图
用途边界：参考素材：仅供设计结构、色彩、模块与表现方式学习，不直接复制第三方品牌、文案、价格、Logo 或图片。
链接：https://studio-cloud-1257633934.cos.ap-nanjing.myqcloud.com/uploads/root_for_ai/public-assets/ecommerce-reference-library/assets/images/ecommerce-visual-reference-20260625/evr-20260625-img-21.jpg
本地路径：/Users/bot1/Volumes/root_for_ai/public-assets/ecommerce-reference-library/assets/images/ecommerce-visual-reference-20260625/evr-20260625-img-21.jpg

敦煌优惠券1


敦煌楼层1
分类：商品楼层 / 商品卡参考
类型：image
标签：电商视觉参考、文博电商、活动页参考、敦煌、商品楼层、商品卡、长页模块、电商参考图、商品楼层 / 商品卡参考
说明：模块类型：楼层 / 爆款推荐两联大卡。；画面结构：顶部壁画人物做楼层氛围，下方两张横向商品大卡，上图品茗杯，下图五路财神屏。；可复用方法：适合重点产品较少的楼层；一屏放 2 个横向大卡，商品质感更清晰。；不建议照搬：横向实拍如果色温差异大，要统一暗角/边框/文字色，否则割裂。
资源库：Studio 素材中枢 / 电商参考图
用途边界：参考素材：仅供设计结构、色彩、模块与表现方式学习，不直接复制第三方品牌、文案、价格、Logo 或图片。
链接：https://studio-cloud-1257633934.cos.ap-nanjing.myqcloud.com/uploads/root_for_ai/public-assets/ecommerce-reference-library/assets/images/ecommerce-visual-reference-20260625/evr-20260625-img-22.jpg
本地路径：/Users/bot1/Volumes/root_for_ai/public-assets/ecommerce-reference-library/assets/images/ecommerce-visual-reference-20260625/evr-20260625-img-22.jpg

敦煌楼层1

商品楼层 / 商品卡参考

商品楼层 / 商品卡参考


敦煌楼层2
分类：商品楼层 / 商品卡参考
类型：image
标签：电商视觉参考、文博电商、活动页参考、敦煌、商品楼层、商品卡、长页模块、电商参考图、商品楼层 / 商品卡参考
说明：模块类型：楼层 / 纵向重点产品列表。；画面结构：三张大横幅卡片纵向排列，每张一个商品，右侧/中部放商品名、价格、按钮。；可复用方法：适合茶器、礼盒、套装等需要大图展示的商品楼层。；不建议照搬：连续横卡容易显长，需在楼层间加标题或节奏变化。
资源库：Studio 素材中枢 / 电商参考图
用途边界：参考素材：仅供设计结构、色彩、模块与表现方式学习，不直接复制第三方品牌、文案、价格、Logo 或图片。
链接：https://studio-cloud-1257633934.cos.ap-nanjing.myqcloud.com/uploads/root_for_ai/public-assets/ecommerce-reference-library/assets/images/ecommerce-visual-reference-20260625/evr-20260625-img-23.jpg
本地路径：/Users/bot1/Volumes/root_for_ai/public-assets/ecommerce-reference-library/assets/images/ecommerce-visual-reference-20260625/evr-20260625-img-23.jpg

敦煌楼层2

商品楼层 / 商品卡参考

商品楼层 / 商品卡参考


敦煌楼层3
分类：商品楼层 / 商品卡参考
类型：image
标签：电商视觉参考、文博电商、活动页参考、敦煌、商品楼层、商品卡、长页模块、电商参考图、商品楼层 / 商品卡参考
说明：模块类型：楼层 / 多品类双列商品卡。；画面结构：2×3 双列商品网格，商品图上方为主视觉，下方黑色价格条和黄色按钮/箭头。；可复用方法：适合综合商品楼层；双列卡片在移动端比三列更利于看清商品。；不建议照搬：黑色底条较重，如品牌气质偏雅致可改为深棕或半透明底条。
资源库：Studio 素材中枢 / 电商参考图
用途边界：参考素材：仅供设计结构、色彩、模块与表现方式学习，不直接复制第三方品牌、文案、价格、Logo 或图片。
链接：https://studio-cloud-1257633934.cos.ap-nanjing.myqcloud.com/uploads/root_for_ai/public-assets/ecommerce-reference-library/assets/images/ecommerce-visual-reference-20260625/evr-20260625-img-24.jpg
本地路径：/Users/bot1/Volumes/root_for_ai/public-assets/ecommerce-reference-library/assets/images/ecommerce-visual-reference-20260625/evr-20260625-img-24.jpg

敦煌楼层3

商品楼层 / 商品卡参考

商品楼层 / 商品卡参考


苏博首屏1
分类：首页首屏 / 轮播参考
类型：image
标签：电商视觉参考、文博电商、活动页参考、苏博、首屏、轮播、Hero、电商参考图、首页首屏 / 轮播参考
说明：模块类型：首屏 / 周年纪念主题。；画面结构：苏博建筑插画占画面左下到中部，右上竖排标题“苏博 20周年纪念”，水面和飞鸟增强空间。；可复用方法：苏博/园林类 IP 可优先用建筑轮廓、水面、竹叶、飞鸟构成轻盈首屏。；不建议照搬：如果用于强转化活动，需要补足主推商品和利益点，否则过于品牌宣传。
资源库：Studio 素材中枢 / 电商参考图
用途边界：参考素材：仅供设计结构、色彩、模块与表现方式学习，不直接复制第三方品牌、文案、价格、Logo 或图片。
链接：https://studio-cloud-1257633934.cos.ap-nanjing.myqcloud.com/uploads/root_for_ai/public-assets/ecommerce-reference-library/assets/images/ecommerce-visual-reference-20260625/evr-20260625-img-25.jpg
本地路径：/Users/bot1/Volumes/root_for_ai/public-assets/ecommerce-reference-library/assets/images/ecommerce-visual-reference-20260625/evr-20260625-img-25.jpg

苏博首屏1


苏博首屏2
分类：首页首屏 / 轮播参考
类型：image
标签：电商视觉参考、文博电商、活动页参考、苏博、首屏、轮播、Hero、电商参考图、首页首屏 / 轮播参考
说明：模块类型：首屏 / 单品氛围。；画面结构：极简渐变背景，包装盒左下，茶杯/荷花杯右下，右侧竖排标题“荷风入盏”。；可复用方法：适合杯具、茶具、香薰等清雅产品；背景要用色彩氛围和主题名支撑。；不建议照搬：画面信息少，若电商活动需要明确价格/利益点，应增加可读文字区。
资源库：Studio 素材中枢 / 电商参考图
用途边界：参考素材：仅供设计结构、色彩、模块与表现方式学习，不直接复制第三方品牌、文案、价格、Logo 或图片。
链接：https://studio-cloud-1257633934.cos.ap-nanjing.myqcloud.com/uploads/root_for_ai/public-assets/ecommerce-reference-library/assets/images/ecommerce-visual-reference-20260625/evr-20260625-img-26.jpg
本地路径：/Users/bot1/Volumes/root_for_ai/public-assets/ecommerce-reference-library/assets/images/ecommerce-visual-reference-20260625/evr-20260625-img-26.jpg

苏博首屏2


苏博优惠券
分类：优惠券 / 会员区参考
类型：image
标签：电商视觉参考、文博电商、活动页参考、苏博、优惠券、会员区、转化入口、电商参考图、优惠券 / 会员区参考
说明：模块类型：会员/优惠券区。；画面结构：白底标题“加入会员·解锁专属礼遇”，两段福利卡：优惠券、购物金，内部大金额数字和按钮。；可复用方法：苏博类清雅活动可用浅色券卡和大金额数字，不需要强红金也能表达转化。；不建议照搬：金额数字很大但按钮较小，正式页面需保证“领取/兑换”触点清晰。
资源库：Studio 素材中枢 / 电商参考图
用途边界：参考素材：仅供设计结构、色彩、模块与表现方式学习，不直接复制第三方品牌、文案、价格、Logo 或图片。
链接：https://studio-cloud-1257633934.cos.ap-nanjing.myqcloud.com/uploads/root_for_ai/public-assets/ecommerce-reference-library/assets/images/ecommerce-visual-reference-20260625/evr-20260625-img-27.jpg
本地路径：/Users/bot1/Volumes/root_for_ai/public-assets/ecommerce-reference-library/assets/images/ecommerce-visual-reference-20260625/evr-20260625-img-27.jpg

苏博优惠券


苏博楼层1
分类：商品楼层 / 商品卡参考
类型：image
标签：电商视觉参考、文博电商、活动页参考、苏博、商品楼层、商品卡、长页模块、电商参考图、商品楼层 / 商品卡参考
说明：模块类型：楼层 / 主题故事 + 商品推荐。；画面结构：顶部 tab，黑色主图区域展示“春秋吴王夫差剑”，左侧故事介绍，右侧文物图；下方三张商品卡。；可复用方法：适合文物主题楼层：上半区讲文物/故事，下半区挂关联商品。；不建议照搬：故事文字不能太长，移动端需控制在可读范围；商品卡要与主题强相关。
资源库：Studio 素材中枢 / 电商参考图
用途边界：参考素材：仅供设计结构、色彩、模块与表现方式学习，不直接复制第三方品牌、文案、价格、Logo 或图片。
链接：https://studio-cloud-1257633934.cos.ap-nanjing.myqcloud.com/uploads/root_for_ai/public-assets/ecommerce-reference-library/assets/images/ecommerce-visual-reference-20260625/evr-20260625-img-28.jpg
本地路径：/Users/bot1/Volumes/root_for_ai/public-assets/ecommerce-reference-library/assets/images/ecommerce-visual-reference-20260625/evr-20260625-img-28.jpg

苏博楼层1

商品楼层 / 商品卡参考

商品楼层 / 商品卡参考


苏博楼层2
分类：商品楼层 / 商品卡参考
类型：image
标签：电商视觉参考、文博电商、活动页参考、苏博、商品楼层、商品卡、长页模块、电商参考图、商品楼层 / 商品卡参考
说明：模块类型：楼层 / 人物主题故事 + 商品推荐。；画面结构：顶部 tab，主体区域左侧人物/主题说明，右侧人物画像，底部三张商品卡。；可复用方法：人物/文人主题可用“知识卡 + 商品卡”组合，不必只做促销。；不建议照搬：背景书法和人物图要有授权/真实来源，不能随意编造。
资源库：Studio 素材中枢 / 电商参考图
用途边界：参考素材：仅供设计结构、色彩、模块与表现方式学习，不直接复制第三方品牌、文案、价格、Logo 或图片。
链接：https://studio-cloud-1257633934.cos.ap-nanjing.myqcloud.com/uploads/root_for_ai/public-assets/ecommerce-reference-library/assets/images/ecommerce-visual-reference-20260625/evr-20260625-img-29.jpg
本地路径：/Users/bot1/Volumes/root_for_ai/public-assets/ecommerce-reference-library/assets/images/ecommerce-visual-reference-20260625/evr-20260625-img-29.jpg

苏博楼层2

商品楼层 / 商品卡参考

商品楼层 / 商品卡参考


西博首屏1
分类：首页首屏 / 轮播参考
类型：image
标签：电商视觉参考、文博电商、活动页参考、西博、首屏、轮播、Hero、电商参考图、首页首屏 / 轮播参考
说明：模块类型：首屏 / 春日上新活动。；画面结构：顶部 Logo，中央大标题“春日新启 换新登场”，下方多款产品置于石台与水岸场景，樱花和飞鸟环绕。；可复用方法：适合春季上新、换新活动；多品类组合可用自然场景和统一展台整合。；不建议照搬：场景偏插画/渲染感，正式商品必须用真实产品图或确认的透明 PNG，不能乱改产品比例和纹样。
资源库：Studio 素材中枢 / 电商参考图
用途边界：参考素材：仅供设计结构、色彩、模块与表现方式学习，不直接复制第三方品牌、文案、价格、Logo 或图片。
链接：https://studio-cloud-1257633934.cos.ap-nanjing.myqcloud.com/uploads/root_for_ai/public-assets/ecommerce-reference-library/assets/images/ecommerce-visual-reference-20260625/evr-20260625-img-30.jpg
本地路径：/Users/bot1/Volumes/root_for_ai/public-assets/ecommerce-reference-library/assets/images/ecommerce-visual-reference-20260625/evr-20260625-img-30.jpg

西博首屏1


国博_contact contact sheet
分类：批量预览 Contact Sheet
类型：image
标签：电商视觉参考、contact sheet、批量预览、文博电商、电商参考图、批量预览 Contact Sheet
说明：国博_contact 批量参考图 contact sheet，用于快速总览该组电商视觉参考。
资源库：Studio 素材中枢 / 电商参考图
用途边界：参考素材：仅供设计结构、色彩、模块与表现方式学习，不直接复制第三方品牌、文案、价格、Logo 或图片。
链接：https://studio-cloud-1257633934.cos.ap-nanjing.myqcloud.com/uploads/root_for_ai/public-assets/ecommerce-reference-library/assets/images/ecommerce-visual-reference-20260625/contact-sheets/evr-20260625-contact-01.jpg
本地路径：/Users/bot1/Volumes/root_for_ai/public-assets/ecommerce-reference-library/assets/images/ecommerce-visual-reference-20260625/contact-sheets/evr-20260625-contact-01.jpg

国博_contact contact sheet


国图_contact contact sheet
分类：批量预览 Contact Sheet
类型：image
标签：电商视觉参考、contact sheet、批量预览、文博电商、电商参考图、批量预览 Contact Sheet
说明：国图_contact 批量参考图 contact sheet，用于快速总览该组电商视觉参考。
资源库：Studio 素材中枢 / 电商参考图
用途边界：参考素材：仅供设计结构、色彩、模块与表现方式学习，不直接复制第三方品牌、文案、价格、Logo 或图片。
链接：https://studio-cloud-1257633934.cos.ap-nanjing.myqcloud.com/uploads/root_for_ai/public-assets/ecommerce-reference-library/assets/images/ecommerce-visual-reference-20260625/contact-sheets/evr-20260625-contact-02.jpg
本地路径：/Users/bot1/Volumes/root_for_ai/public-assets/ecommerce-reference-library/assets/images/ecommerce-visual-reference-20260625/contact-sheets/evr-20260625-contact-02.jpg

国图_contact contact sheet


大英_contact contact sheet
分类：批量预览 Contact Sheet
类型：image
标签：电商视觉参考、contact sheet、批量预览、文博电商、电商参考图、批量预览 Contact Sheet
说明：大英_contact 批量参考图 contact sheet，用于快速总览该组电商视觉参考。
资源库：Studio 素材中枢 / 电商参考图
用途边界：参考素材：仅供设计结构、色彩、模块与表现方式学习，不直接复制第三方品牌、文案、价格、Logo 或图片。
链接：https://studio-cloud-1257633934.cos.ap-nanjing.myqcloud.com/uploads/root_for_ai/public-assets/ecommerce-reference-library/assets/images/ecommerce-visual-reference-20260625/contact-sheets/evr-20260625-contact-03.jpg
本地路径：/Users/bot1/Volumes/root_for_ai/public-assets/ecommerce-reference-library/assets/images/ecommerce-visual-reference-20260625/contact-sheets/evr-20260625-contact-03.jpg

大英_contact contact sheet


敦煌_contact contact sheet
分类：批量预览 Contact Sheet
类型：image
标签：电商视觉参考、contact sheet、批量预览、文博电商、电商参考图、批量预览 Contact Sheet
说明：敦煌_contact 批量参考图 contact sheet，用于快速总览该组电商视觉参考。
资源库：Studio 素材中枢 / 电商参考图
用途边界：参考素材：仅供设计结构、色彩、模块与表现方式学习，不直接复制第三方品牌、文案、价格、Logo 或图片。
链接：https://studio-cloud-1257633934.cos.ap-nanjing.myqcloud.com/uploads/root_for_ai/public-assets/ecommerce-reference-library/assets/images/ecommerce-visual-reference-20260625/contact-sheets/evr-20260625-contact-04.jpg
本地路径：/Users/bot1/Volumes/root_for_ai/public-assets/ecommerce-reference-library/assets/images/ecommerce-visual-reference-20260625/contact-sheets/evr-20260625-contact-04.jpg

敦煌_contact contact sheet


苏博西博_contact contact sheet
分类：批量预览 Contact Sheet
类型：image
标签：电商视觉参考、contact sheet、批量预览、文博电商、电商参考图、批量预览 Contact Sheet
说明：苏博西博_contact 批量参考图 contact sheet，用于快速总览该组电商视觉参考。
资源库：Studio 素材中枢 / 电商参考图
用途边界：参考素材：仅供设计结构、色彩、模块与表现方式学习，不直接复制第三方品牌、文案、价格、Logo 或图片。
链接：https://studio-cloud-1257633934.cos.ap-nanjing.myqcloud.com/uploads/root_for_ai/public-assets/ecommerce-reference-library/assets/images/ecommerce-visual-reference-20260625/contact-sheets/evr-20260625-contact-05.jpg
本地路径：/Users/bot1/Volumes/root_for_ai/public-assets/ecommerce-reference-library/assets/images/ecommerce-visual-reference-20260625/contact-sheets/evr-20260625-contact-05.jpg

苏博西博_contact contact sheet