VI设计与UI设计的关系？很多企业品牌和产品脱节：品牌VI高大上，产品界面却完全不是一回事。VI管品牌形象，UI管产品界面，两者必须打通：界面是品牌在数字产品上的呈现，用户在用产品时感知品牌。本文讲两者的协同。

一、VI与UI的分工

VI（视觉识别系统）管品牌：标志、色彩、字体、品牌规范，让品牌形象统一。UI（用户界面设计）管产品：界面布局、交互体验、视觉呈现，让产品好用好看。两者的交集：产品的界面是品牌触达用户的场景之一。

协同的目标：品牌形象与产品体验一致，用户在用产品时，感受到的是同一个品牌。

二、视觉规范打通

VI与UI打通的第一步是视觉规范一致：色彩（UI用品牌色，色值一致）、字体（UI用品牌字体，层级规范）、图形（UI图标与品牌图形风格一致）、版式（UI栅格与品牌网格呼应）。

打通的方法：建立设计规范体系，品牌规范（VI）与界面规范（UI Kit）共用一套色彩、字体、图形语言，让品牌元素自然延伸到界面。

三、体验的一致性

体验的一致是协同的核心：品牌的体验承诺（专业、温暖、高效）要在产品里兑现。专业品牌的产品要专业好用，温暖品牌的产品要贴心友好，一致才有信任。

体验一致的做法：产品设计围绕品牌定位展开（界面气质与品牌调性一致）、关键触点品牌化（登录页、引导页、加载页的品牌呈现）、交互感受品牌化（动效、反馈与品牌气质一致）。

四、品牌的感知

用户在产品中的品牌感知来自每个细节：打开APP的第一屏、操作中的反馈、错误页的呈现、会员体系的体验。这些细节做得品牌化，用户对品牌的认知就在产品使用中不断强化。

品牌感知的细节：启动页的品牌呈现、空状态的趣味表达、加载的品牌动效、会员卡的设计质感，都是品牌在产品的表达窗口。

五、协同的做法

VI与UI协同的五个做法：一是统一规范（品牌与界面共用一套设计规范）；二是品牌资产数字化（标志、图形、色彩做成设计资源，界面直接调用）；三是关键场景品牌化（登录、首页、会员等重点场景的品牌表达）；四是设计评审联动（品牌和产品设计一起评审，保持一致）；五是持续迭代（产品升级时，品牌规范同步更新）。

总结

VI设计与UI设计的关系：VI定品牌，UI做产品，两者打通才能让品牌在产品中被感知。成都企业做VI时同步考虑产品界面，建立统一的设计规范，品牌形象就能从物料延伸到产品，认知积累处处一致。