# 电商视觉参考逐图分析入库记录（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 - **模块类型**：首屏 / 周年纪念主题。 - **画面结构**：苏博建筑插画占画面左下到中部，右上竖排标题“苏博 20周年纪念”，水面和飞鸟增强空间。 - **色彩氛围**：浅青、水蓝、灰白、淡绿，安静园林感。 - **信息层级**：建筑形象 → 主题文字 → 环境氛围。无强促销信息。 - **商品/文博表现**：以建筑作为 IP 识别核心，适合品牌周年或主题页首屏。 - **可复用方法**：苏博/园林类 IP 可优先用建筑轮廓、水面、竹叶、飞鸟构成轻盈首屏。 - **不建议照搬**：如果用于强转化活动，需要补足主推商品和利益点，否则过于品牌宣传。 - **标签**：首屏、苏博、建筑插画、浅青、周年、园林。 #### 26. 苏博首屏2.jpg - **模块类型**：首屏 / 单品氛围。 - **画面结构**：极简渐变背景，包装盒左下，茶杯/荷花杯右下，右侧竖排标题“荷风入盏”。 - **色彩氛围**：粉绿渐变、米白、柔雾，清凉夏日与荷花气质。 - **信息层级**：商品与包装 → 竖排标题 → 小字“冷饮杯”。 - **商品表现**：产品体量较小但氛围统一，适合文艺新品或轻推广。 - **可复用方法**：适合杯具、茶具、香薰等清雅产品；背景要用色彩氛围和主题名支撑。 - **不建议照搬**：画面信息少，若电商活动需要明确价格/利益点，应增加可读文字区。 - **标签**：首屏、荷花、杯具、粉绿、清雅、留白。 #### 27. 苏博优惠券.jpg - **模块类型**：会员/优惠券区。 - **画面结构**：白底标题“加入会员·解锁专属礼遇”，两段福利卡：优惠券、购物金，内部大金额数字和按钮。 - **色彩氛围**：浅绿、浅粉、米白，清淡柔和。 - **信息层级**：模块标题 → 福利分组 → 金额 → 门槛 → 按钮。 - **商品表现**：几乎不放商品，纯权益模块。 - **可复用方法**：苏博类清雅活动可用浅色券卡和大金额数字，不需要强红金也能表达转化。 - **不建议照搬**：金额数字很大但按钮较小，正式页面需保证“领取/兑换”触点清晰。 - **标签**：优惠券、会员礼遇、浅色、购物金、苏博。 #### 28. 苏博楼层1.jpg - **模块类型**：楼层 / 主题故事 + 商品推荐。 - **画面结构**：顶部 tab，黑色主图区域展示“春秋吴王夫差剑”，左侧故事介绍，右侧文物图；下方三张商品卡。 - **色彩氛围**：黑、深青、金，文物故事感强。 - **信息层级**：tab → 主题名/文物故事 → 查看按钮 → 商品卡。 - **商品表现**：先讲文物故事，再卖相关周边，文化转译链路清楚。 - **可复用方法**：适合文物主题楼层：上半区讲文物/故事，下半区挂关联商品。 - **不建议照搬**：故事文字不能太长，移动端需控制在可读范围；商品卡要与主题强相关。 - **标签**：楼层、文物故事、主题 tab、夫差剑、文化转译。 #### 29. 苏博楼层2.jpg - **模块类型**：楼层 / 人物主题故事 + 商品推荐。 - **画面结构**：顶部 tab，主体区域左侧人物/主题说明，右侧人物画像，底部三张商品卡。 - **色彩氛围**：米白、水墨、淡黄，文人书画气质。 - **信息层级**：tab → 主题名“吴门四家” → 简介 → 查看按钮 → 商品。 - **商品表现**：商品与书画、茶、文房类主题关联，适合知识型文博店铺。 - **可复用方法**：人物/文人主题可用“知识卡 + 商品卡”组合，不必只做促销。 - **不建议照搬**：背景书法和人物图要有授权/真实来源，不能随意编造。 - **标签**：楼层、人物主题、吴门四家、水墨、知识导购。 --- ### F. 西安博物院 / 西博 #### 30. 西博首屏1.jpg - **模块类型**：首屏 / 春日上新活动。 - **画面结构**：顶部 Logo，中央大标题“春日新启 换新登场”，下方多款产品置于石台与水岸场景，樱花和飞鸟环绕。 - **色彩氛围**：天蓝、樱粉、草绿、白色，春日户外氛围明显。 - **信息层级**：Logo → 活动标题 → 产品组合 → 轮播/CTA 残留。 - **商品表现**：产品组合有主次，金饰、马俑、盘子等不同品类统一到春日场景中。 - **可复用方法**：适合春季上新、换新活动；多品类组合可用自然场景和统一展台整合。 - **不建议照搬**：场景偏插画/渲染感，正式商品必须用真实产品图或确认的透明 PNG，不能乱改产品比例和纹样。 - **标签**：首屏、西博、春日上新、多商品组合、蓝粉绿、自然场景。 --- ## 三、按模块复用规则 ### 1. 首屏 - **单品特写型**：国图向日葵胸针、国图团扇、敦煌毛绒、敦煌透明摆件。适合单个卖点清晰、产品颜值高的商品。 - **礼盒/开箱型**：国图文昌礼盒。适合送礼、考试季、节庆礼盒。 - **场景功能型**：大英夜灯、音响、玻璃杯。功能必须在画面中被表现，如灯光、音效、香气、杯具材质。 - **多品组合型**：西博春日上新。适合春日/节日上新，但必须有主视觉中心，不能平均摆货。 - **建筑/IP 定调型**：苏博周年。适合品牌纪念、馆庆、主题页，但若做转化页需要补商品和利益点。 ### 2. 优惠券 / 会员区 - 大促类可用红金券卡，但信息必须压缩，金额优先。 - 清雅类可用浅色卡片，不必强促销红，但“领取/兑换/入会”按钮要清楚。 - 福利模块高度要紧凑，作为首屏和楼层之间的转化桥，不要做成长篇说明。 ### 3. 楼层 - **重点产品横向大卡**：适合茶器、礼盒、屏风、杯具等需要展示质感的商品。 - **双列商品卡**：适合综合品类，移动端更易看清商品。 - **三列商品网格**：适合 SKU 多、单价/视觉差异明显的商品，但商品会变小。 - **文物故事 + 商品卡**：适合苏博、国博、良渚等文博 IP，把“文物/人物/主题解释”放在楼层上半区，再承接相关商品。 ## 四、设计执行提醒 1. 不要把平台悬浮优惠券、入会浮标、轮播点、系统 CTA 原样设计进正式稿。 2. 参考图里有些文字/价格/优惠只是案例，不可直接套用，必须按用户提供的真实活动文案和价格。 3. 文博商品图要尊重真实产品比例、材质、包装、纹样和数量关系；多品组合图不能编造产品。 4. 首屏确认后，再延展优惠券/会员区和楼层；不要各模块各做一套风格。 5. 如果缺少活动主题、IP/店铺主体、Logo、活动时间、核心利益点、优惠券门槛、会员权益、楼层名称、商品排序、价格或商品图，必须先向用户确认。