刚入行的设计师经常被一堆术语搞晕：UI 设计、交互设计、UI 交互设计 —— 这三个词听起来差不多，到底有什么区别？兰亭妙微在招聘和项目协作中也经常遇到这个问题，今天我们从多个维度把这三者彻底讲清楚。
先看概念：三者到底在说什么？
UI 设计，全称 User Interface Design（用户界面设计），是对软件的人机交互、操作逻辑、界面美观的整体设计。说人话就是：UI 设计师关心的是产品 "看起来怎么样"—— 色彩搭配、字体选择、图标风格、布局排版，这些视觉层面的东西是 UI 的主战场。互联网行业说的 UI，通常指虚拟 UI，也就是屏幕上的界面。
交互设计，英文 Interaction Design（缩写 IXD），是对两个或多个个体之间交流和互动方式的设计。交互设计师关心的是产品 "用起来怎么样"—— 用户点这个按钮会发生什么？完成一个任务需要几步？出错了怎么引导？交互设计的目标从 "可用性" 和 "用户体验" 两个层面出发，帮助用户高效达成目的。
UI 交互设计，这个术语其实比较模糊。从广义上说，UI 设计本身就包含了交互设计的部分。简单理解：把交互设计的理念体现在 UI 界面上，就是 UI 交互设计。 它既关心看起来好不好看，也关心用起来顺不顺手，是两者的结合。
用一句话总结三者的设计重心：UI 设计的重心是色彩和视觉，交互设计的重心是用户和行为，UI 交互设计则需要兼顾两者。
再看人群：谁在做这些事？
UI 设计的相关人群比较聚焦：UI 设计师、界面设计师、网页设计师。他们的核心产出是视觉设计稿。
交互设计的相关人群更广：交互设计师、UX 设计师、UE 设计师，甚至产品经理和运营人员 —— 因为只要涉及 "用户怎么用" 的问题，就离不开交互思维。产品经理画原型、运营设计活动流程，本质上都在做交互设计的工作。
UI 交互设计的相关人群则覆盖了前两者：UI 设计师、交互设计师、UX 设计师、产品经理都可能涉及。在很多中小团队里，一个设计师可能同时承担 UI 和交互的工作，这时候他做的就是 UI 交互设计。
看案例：三者的产出有什么不同？
UI 设计的案例：一个精心设计的登录页面 —— 背景色用品牌主色渐变，输入框有柔和的阴影，按钮有微妙的圆角和渐变，字体大小层级分明。UI 设计师的工作，就是让这个页面看起来美观、专业、符合品牌调性。它的呈现方式以静态为主。
交互设计的案例：用户点击登录按钮后，系统怎么响应？如果密码错误，提示出现在哪里？加载中显示什么？登录成功后跳转到哪个页面？这些 "用户做了一个动作，系统怎么回应" 的设计，就是交互设计。它的呈现方式以动态和流程为主。
UI 交互设计的案例：下拉刷新时，一个精致的加载动画出现，转几圈后内容更新；点击一个卡片，它有微妙的缩放反馈，然后平滑地展开详情；轮播图滑动时，图片有自然的过渡效果。这些把交互体现在 UI 界面上的设计，就是 UI 交互设计 —— 既有视觉美感，又有行为反馈。
看工具：各自用什么软件？
UI 设计的主力工具是图形和界面设计软件：Photoshop 做界面和手绘、Illustrator 做矢量图标和 Logo、Sketch 或 Figma 做界面设计。这些工具的核心能力是 "画"。
交互设计的主力工具是原型设计软件：Axure 做中高保真交互原型、Figma 或墨刀做快速原型。这些工具的核心能力是 "连"—— 把页面和页面之间的跳转关系、交互逻辑连起来。
UI 交互设计则需要用到前两者的所有工具。工作流程通常是：先用 PS 或 Figma 完成视觉设计稿，再用原型工具给设计稿添加交互效果，转成可点击的高保真原型。现在很多一站式平台（比如 Figma、摹客）已经把设计和协作整合在一起，设计师可以在一个工具里完成从视觉到交互的全流程。
写在最后
说到底，这三者的关系可以用一句话概括：UI 是为了好看，交互设计是为了好用，UI 交互设计就是好看又好用。
在兰亭妙微的实际项目中，我们不会刻意把三者割裂开来。一个优秀的设计师，应该既懂视觉表达，又懂用户行为 —— 知道什么颜色能吸引注意力，也知道什么操作路径能让用户少走弯路。UI 和交互从来不是两张皮，而是一枚硬币的两面：视觉吸引用户进来，交互留住用户继续用。
如果你刚入行，建议先从 UI 视觉入手打好基础，同时培养交互思维；如果你已经有经验，不妨往 "UI 交互设计" 的方向拓展，成为既能画又能想的全链路设计师。毕竟，能同时搞定 "好看" 和 "好用" 的设计师，走到哪里都吃香。
兰亭妙微（蓝蓝设计）www.lanlanwork.com 是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计，以及相关的软件开发服务，咨询电话：01063334945。