赢途电商 VI 识别系统

更新日期：2026-06-16。

来源会话 ID：019ecf9f-f94a-7e62-ae08-d351e48c31ab。

本文定义“赢途电商”的视觉识别系统，用于统一平台品牌、消费者端、商户端、运营端、仓配履约和线下物料的视觉表达。本文中的物料应用图使用参考 Logo 原图进行本地合成，不能把图片模型重新生成的相似图形当作正式 Logo 使用。

平台背景

赢途电商是面向跨境交易和本地履约的电商平台，业务覆盖消费者购物、商户经营、平台运营、物流仓配、营销活动和客服售后。平台既要让消费者感受到“买得放心、价格友好、履约清楚”，也要让商户、仓配人员和运营人员在高频工作场景中看到一致、可靠、易识别的品牌系统。

VI 系统的核心任务不是制造复杂装饰，而是建立一套可反复复用的识别规则：

• 在线上页面中，让主 Logo、3D 吉祥物、活动色彩和跨境装饰保持一致。
• 在包裹、胶带、工牌、服装、办公用品和仓配空间中，让用户一眼识别“这是赢途电商的服务触点”。
• 在营销活动中，保留红色、金色、好运感和跨境履约感，但不牺牲商品信息、价格信息和操作路径。
• 在后续 AI 生成图、设计外包和页面开发中，减少角色漂移、颜色漂移和 Logo 误用。

品牌定位

品牌视觉需要同时服务两类场景：

核心 Logo

参考 Logo 原图

参考 Logo 是本文所有物料合成图的唯一贴图来源。后续生成应用场景图时，必须采用“先生成无 Logo 底图，再本地叠加参考 Logo”的流程，不允许让 AI 直接绘制一个相似 Logo。

Logo 的主要识别点如下：

安全空间

背景适配

浅色、米白和纸张材质是 Logo 的优先背景。红色或深褐色背景可用于活动页、工牌和空间导视，但必须保证 Logo 的浅色脸部、金色鬃毛和深褐轮廓仍然清晰。复杂图片背景上需要增加浅色圆角底板或留白区域。

形象解释

赢途电商的品牌形象不是单纯的吉祥物，而是“平台服务人格”的可视化表达。

在线上系统中，主 Logo 用于正式识别，3D 吉祥物用于情绪表达。两者关系如下：

标准色彩

标准色不仅是视觉装饰，也是业务语义。赢途电商使用红色建立主品牌记忆，使用金色表达权益和好运，使用暖米白降低电商页面的促销压力，使用深褐色保证描边和文字稳定。

色彩比例

使用建议：

• 促销页面可以提高赢途红和好运金比例，但红色不应超过页面首屏面积的 45%。
• 工作台、后台、OPS 和仓配系统应降低红金装饰密度，让品牌色服务导航、状态和关键操作。
• 包装、服装、工牌和办公用品优先使用暖米白或纸张色作为底，Logo 只做关键识别。
• 深褐色用于描边、文字和空间导视，不作为大面积背景主色。

小程序公共主题已在 client/app.wxss 中使用 --color-primary、--color-bg、--color-card、--color-text 等变量。后续视觉调整优先复用公共变量，不在业务页面散落新色值。

3D 吉祥物延展系统

3D 吉祥物是基于主 Logo 的卡通化、立体化延展形象。它可以用于提升情绪、解释状态和增强营销氛围，但不能替代主 Logo。

新形象必须保留以下 6 个关键特征：

多视角形象

多视角图用于统一造型参考，包含正面、四分之三侧、侧面和背面。后续插画、动效和衍生表情必须以此为角色比例基准。

验收重点：

• 正面、侧面和背面必须是同一个角色，不能出现发型、耳翼、吊坠或尾巴不一致。
• 额头吊坠和金色鬃毛是强识别点，不得省略。
• 3D 材质保持柔和玩具感，不使用写实毛发和硬质金属质感。

跨境电商装饰形象

跨境电商装饰形象用于营销活动、履约说明、订单成功、物流节点和权益页。它在通用电商元素基础上，必须加入跨境识别元素。

物料应用展示

以下图片为物料应用示意。底图由 AI 生成，Logo 均使用 doc/assets/brand/vi/logo-reference.png 本地合成，不是 AI 重新绘制的相似图形。

包裹和包装规范

服装和工牌规范

办公用品规范

仓配空间规范

使用规范

禁止示例

AI 生成资产规则

后续需要扩展物料图、活动图或插画时，按以下流程执行：

1. 先生成无 Logo、无文字、无第三方标识的底图。
2. 再使用 doc/assets/brand/vi/logo-reference.png 或正式 SVG 源文件本地叠加 Logo。
3. 3D 吉祥物可以使用当前已生成素材，或基于同一套提示词继续扩展动作。
4. 输出前检查红色主体、金色鬃毛、黄色耳翼、额头吊坠、大眼微笑和深褐描边是否一致。
5. 所有优惠券、面单、吊牌和工牌示意图都不要出现可读个人信息。

底图生成提示词应包含：

Create a blank VI application mockup background for a cross-border e-commerce brand. Leave all logo placement areas empty and clean for later compositing. Use warm red #E84D53, lucky gold #FBC762, cream #FFF6E3, and dark brown #332C2B as brand accent colors. No logos, no mascot drawings, no brand names, no readable text, no third-party marks, no QR codes, no country flags, no watermark.

本地合成脚本：

python3 doc/scripts/compose-vi-mockups.py

资产管理

新增单独动作图时，命名应使用语义化英文，例如 mascot-front.png、mascot-parcel.png、mascot-coupon.png、mascot-flight.png。同一角色的拆分图必须从统一套图中裁切或使用同一提示词生成，避免角色漂移。

验收清单

• 物料图中的 Logo 必须来自参考 Logo 原图或正式 SVG 源文件，不能由 AI 重新绘制。
• 红色主体、金色鬃毛、黄色耳翼、深褐轮廓、额头吊坠、大眼微笑全部保留。
• 多视角图的正面、四分之三侧、侧面和背面比例一致。
• 跨境装饰中有地球、航线、飞机、船运、跨境包裹或世界地图元素。
• 购物袋、优惠券、面单和吊牌不出现可读文字、乱码或第三方标识。
• 包裹、服装、工牌、办公用品和空间导视中的 Logo 有安全留白，不被裁切、拉伸或遮挡。
• 中文、英文和数字之间保留空格，文档不混用中英文标点。