企业品牌 VI 国风本土化适配落地

细节 01 · Logo 数字端 4 档变体

印刷版 VI 的 Logo 拿到 16px 的导航栏、24px 的移动端 TabBar、32px 的页脚、120px 的 Hero 区，显示效果会完全不同。锦盛华东针对 4 档常用尺寸做独立简化变体设计：

细节 02 · 色值 Gamma 校正 + 3 档渐变色

印刷 CMYK 色值直接照搬到屏幕 RGB 会有明显色差（特别是紫色、绿色在 Windows 显示器上会发灰），锦盛华东做两步校正：

• Gamma 2.2 数字端校正：基于 sRGB 色域对 VI 主色做视觉匹配校正，对比 Win/Mac/iOS/Android 四平台色值差≤5 Delta-E
• 3 档渐变扩展色：从主色推导出「标准版 / 浅柔版 / 深沉版」3 档色值，分别用于按钮主色、卡片背景、深色模式，保证全场景品牌感一致

细节 03 · 字体跨平台 Fallback 链 + 国产 OS 优化

VI 指定的专用印刷字体（如思源宋体 Heavy、方正兰亭等）在 Windows 老版本渲染糊成一坨、小米/OPPO/vivo 手机系统字体五花八门——锦盛华东输出标准化的 Font-Family Fallback 链：

细节 04 · 辅助图形 SVG 轻量化 + 模块化切分

VI 手册的满版复杂纹样（如国风回纹、水纹、品牌专属几何图案）整张 PNG 上站会有 2 个问题：① 文件大 1-3MB 严重拖慢加载 ② 图案和内容重叠看不清。锦盛华东两步改造：

• SVG 矢量化精简：用 SVG 路径替代位图，复杂纹样精简至原节点数 30% 以内，文件降至 5-15KB，放大不失真
• 模块化应用场景：拆分为「角花装饰 / 分隔底纹 / 背景纹样 / 图标点缀」4 类模块化用法，设计师可按需取用不过度装饰

细节 05 · 图标语言体系统一（60+ 功能图标定制）

VI 手册的品牌图形图标往往只有 5-10 个，网站实际需要 60+ 功能图标（菜单、搜索、电话、社交等）。若直接用 FontAwesome 等通用图标库，风格会和 VI 品牌图标严重割裂。锦盛华东基于 VI 图标特征做 3 维对齐定制：

• 线条粗细：对齐 VI 图标线宽（圆角版 / 直角版 / 手绘版）
• 端点转角：对齐 VI 图标端点（圆角/平切/尖角）
• 视觉气质：对齐 VI 图标气质（商务稳重 / 手作温润 / 未来科技）

细节 06 · 商务配图 4 维调性筛选标准

VI 宣传册样机图 / 海报图的整体调性，是品牌重要识别资产。但很多客户随便从千图网抓图就传，传完整个网站品牌感稀碎。锦盛华东基于 VI 调性提炼 4 维商用配图筛选手册：

细节 07 · 深色模式兼容配色 + AA 级无障碍

现代浏览器 15-20% 用户已开启深色模式浏览。品牌 VI 一般只定义亮色配色，直接反色会品牌感全失。锦盛华东提供：

• 深色模式反推配色：基于 VI 主色做 HSL 明度-50、饱和度+15 变换，保证品牌主色一致不"换脸"
• AA 级对比度：正文 4.5:1 / 标题 3:1 对比度达标，色弱用户（红绿色盲 8% 男性）依然可识别主按钮/主链接

细节 08 · 动效语言：国风温润缓动曲线规范

印刷 VI 无法定义"第 5 维"的动态视觉语言。但数字端动效是品牌气质的重要延伸。同为华东企业，做重工机械的官网按钮要沉稳，做精品茶器的官网按钮要温润。锦盛华东定义：