核心定义与核心目标
UI 设计（用户界面设计）：聚焦产品视觉呈现与交互操作层，核心是打造美观、易操作的界面（如 APP 按钮、网页布局、图标样式），解决 “产品看起来怎么样、怎么点” 的问题，属于视觉 + 交互的落地设计。
UX 设计（用户体验设计）：覆盖产品全流程使用感受，核心是优化用户从接触到使用、离开的整体体验（如操作流畅度、需求满足度、心理感受），解决 “产品用起来舒不舒服、有没有解决问题” 的问题，属于全链路的体验规划。
VI 设计（视觉识别设计）：针对品牌整体视觉体系，核心是打造统一的品牌视觉符号（如 LOGO、配色、字体、宣传物料），解决 “品牌长什么样、如何被记住并识别” 的问题，属于品牌层面的视觉规范。
设计范围与关注维度
UI 设计
范围：产品界面的视觉元素（配色、字体、图标、动效）+ 交互逻辑（按钮点击反馈、页面跳转、操作流程）。
关注：易用性、视觉一致性、操作效率，仅针对产品本身的界面，需遵循品牌 VI 规范。
举例：微信的聊天界面布局、抖音的点赞按钮样式与点击动效、手机系统的图标设计。
UX 设计
范围：用户与产品的全触点，包括前期需求调研、用户画像搭建、流程规划、原型设计，中期 UI 落地配合，后期体验测试与优化。
关注：需求匹配度、操作流畅度、心理愉悦度、问题解决效率，覆盖 “售前 - 使用 - 售后” 全流程，UI 是 UX 落地的其中一个环节。
举例：网购 APP 从 “搜索商品 - 加入购物车 - 付款 - 物流查询” 的流程是否顺畅，扫码付款时是否无需多余步骤，使用后是否能快速找到售后入口。
VI 设计
范围：品牌的所有视觉应用场景，包括基础部分（LOGO、标准色、标准字、辅助图形）+ 应用部分（名片、海报、包装、官网、产品界面视觉规范）。
关注：品牌统一性、辨识度、视觉记忆点，是所有视觉设计（包括 UI）的 “底层规范”，确保品牌在任何场景下视觉形象一致。
举例：麦当劳的金色拱门 LOGO、红色 + 黄色标准色，无论是门店招牌、食品包装，还是 APP 界面，都严格遵循该视觉规范。
工作流程与核心产出
| 设计类型 | 核心工作流程 | 典型产出物 |
|---|---|---|
| UI 设计 | 接 UX 原型→按 VI 规范做视觉设计→交互细节打磨→切图 / 动效制作→配合开发落地 | 视觉稿、图标库、切图文件、交互动效 demo、界面规范文档 |
| UX 设计 | 用户调研→需求分析→用户画像 / 旅程图→信息架构规划→低保真原型→用户测试→优化迭代 | 用户调研报告、产品原型（低保真 / 高保真）、信息架构图、用户旅程图 |
| VI 设计 | 品牌定位分析→LOGO 设计→基础视觉规范制定→应用场景设计→视觉手册编制 | LOGO 设计稿、品牌视觉识别手册（VI 手册）、各类品牌物料设计稿 |
核心能力要求
UI 设计
硬能力：视觉设计（PS/AI/Figma）、动效设计（AE）、交互基础、切图与标注；
软能力：审美能力、细节把控、跨端适配思维（手机 / 平板 / 网页）、配合开发的能力。
UX 设计
硬能力：用户调研方法、原型工具（Axure/Figma/XD）、信息架构设计、用户测试；
软能力：同理心、逻辑思维、数据分析能力、需求挖掘能力、跨部门沟通（产品 / UI / 开发）。
VI 设计
硬能力：品牌设计思维、LOGO / 字体设计、版式设计、物料落地工艺知识；
软能力：品牌定位理解、视觉系统规划能力、跨场景适配思维、规范制定能力。
三者的核心关联
VI 是基础：UI 设计必须遵循品牌 VI 规范（如配色、字体），确保产品界面与品牌视觉形象统一，避免视觉割裂；
UX 是核心：UX 设计规划产品的整体体验逻辑，UI 设计是将 UX 的原型转化为可视觉化、可操作的界面，UX 决定 “做什么”，UI 决定 “怎么做成视觉界面”；
三者协同落地产品 / 品牌：一个优秀的产品，既需要 VI 打造统一的品牌视觉，也需要 UX 规划流畅的使用体验，更需要 UI 将体验落地为美观、易操作的界面，缺一不可。
简单总结
想知道品牌的视觉符号是什么，看 VI 设计；
想知道产品的界面长什么样、怎么操作，看 UI 设计；
想知道产品用起来顺不顺、能不能解决用户问题，看 UX 设计。
一句话概括：VI 定品牌 “颜值标准”，UX 定产品 “使用逻辑”，UI 按标准落地逻辑，打造好看又好用的产品界面。