干货 | 平面设计、UI 设计和视觉设计的区别

设计师对企业是重要的，以品牌推广为例，需要TVC、平面这种传统广告去告诉消费者我是谁，提升知名度和信任感；需要通过品牌网站，互动H5，去让消费者更好、更细致地了解企业的优势和业务；可能还需要搭建自己的APP产品去更好地服务现有用户，提升资金流动等等，而这些都需要设计师的设计支持。

伴随着移动互联网的发展，设计师也衍生出不同类型：平面设计、UI设计、视觉设计。

很多人对这三者的区别不甚了解，今天，AdBright 高级UI设计师就来跟大家解答一下。

一、概念理解

• 平面设计是以“视觉”作为沟通和表现的方式，透过多种方式来创造和结合符号、图片和文字，借此作出用来传达想法或讯息的视觉表现。
• UI设计（或称界面设计）是指对软件的人机交互、操作逻辑、界面美观的整体设计。
• 视觉设计是指利用视觉符号来传递各种信息的设计。

二、岗位区别

单从名词概念理解，视觉设计的范围比较广，它涵盖了界面设计及平面设计，但就岗位设定而言，三者还是会各有侧重一些，下面粗浅结合自己的经验来谈一下三个岗位的区别。

1、UI设计

即用户界面（User Interface）设计，简单理解就是跟人有所互动的界面的设计，常见载体有手机、电脑、车载系统、AI、AR及其他智能设备等，细分下来包括设计风格、页面整体布局、信息展示、图标、控件元素、设计规范制定等。除了完成页面视觉展示层外，还需要考虑用户操作路径上的各项交互体验。

PS：除了大厂会细分交互设计的岗位，其他公司交互这块是需要UI和产品经理一起承担的；另产品思维、用户分析、多平台适配规范、开发实现基本原理等，都是UI设计想要全面发展所必须掌握的。

APP界面设计（图片@ APP干货铺子）

网页端后台设计（图片@AdBright 轻叶）

官网设计（AdBright轻叶-H5制作工具）

2、平面设计

传统意义上来说，以纸媒为载体的一些印刷品，比如Logo、名片、VI手册、书籍、画册、DM单、名片、商品包装、户外广告等其他一系列品牌延展类的设计，但随着媒介的不断发展，平面的载体也在慢慢线上化，比如也会介入研发项目配合做视觉图，如Banner、线上海报、市场运营图等。

品牌VI设计-线下物料（图片来源于网络，侵删）

3、视觉设计

具体落地到岗位相关，视觉设计其实包括了所有以视觉展示为主的设计内容，如UI设计（界面视觉层）、平面设计、绘画、3D、动效、空间装饰等，常用来组合做各类创意及视觉冲击力较强的专题活动/视觉项目类，例如字节跳动发起的Logo创意延展活动中其实就是视觉设计的合集，表达形式非常多样化。

字节跳动Logo创意延展（图片来源于网络，侵删）

总的来说，从概念上来看，视觉设计包括了平面设计和UI设计（界面视觉层），从市面上岗位划分层面来说，UI设计岗相对独立好理解，平面设计和视觉设计岗是有交叉的，只不过每个公司要求不同侧重不用，两者本质上都是重视觉表现力的设计岗位。比如我司总部的平面设计组从过往的主要做品牌物料、海报到现在开始研究品牌、IP及其各大衍生品的多维度全新视觉呈现方式，也已经变更为了视觉设计组，是从传统到新兴、从单一媒介到多元媒介的过程。