干货 | 平面设计、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及其各大衍生品的多维度全新视觉呈现方式，也已经变更为了视觉设计组，是从传统到新兴、从单一媒介到多元媒介的过程。
干货 | 平面设计、UI 设计和视觉设计的区别相关推荐
- 全是干货！UI设计的30条黄金准则！
http://www.wex5.com/portfolio-items/js-1/ 全是干货!UI设计的30条黄金准则! 总的来说,好的UI界面有几个特征:简洁.便利.目标明确.人性化.字面上看这几点 ...
- java 美工_为您解读UI设计和美工的区别
美工和UI设计的区别在什么地方?在前两年这个概念还是很难严格区分开来.美工只是视觉设计的一分部,UI还有操作逻辑.用户体体验方面的内容.比如在开发Android界面设计时,我们会使用到Android ...
- 干货分享|UI设计可临摹编辑的线框素材，还会觉得交互原型画得丑？
现在越来越多UI设计师都需要画一些交互的线框图,然而作为视觉专家,当然要把它画得靓靓的嘛,是不是?所以很多用户会使用交互软件来绘制,或者直接手绘更有逼格. 原型草图,大多是记录临时的想法,当进一点确定 ...
- 干货素材|UI设计中的字体样式的应用
无论你是做网页还是App设计,文字内容总是能占到整个版面将近80%的区域.因此理解字体与排版对UI设计师来说非常关键.你需要始终把内容的可读性放在首位去考虑和权衡你对字体与排版的选择. 字体样式 字体 ...
- 设计干货素材|UI设计中的插画模板，便于应用的好素材！
插画开始以一种坚挺的姿势,站在设计趋势的最前列.不止是原本身处各个领域的画手和插画师开始越来越受追捧,而且连网页.UI和动效设计师都纷纷学习插画设计.当然,更显著的变化,是插画在网页和UI中的使用越来 ...
- UI设计行业领域知识体系
今天在百度搜"陈皮小桔",搜到自己的博客,就打开看看,以前写的都是前端的知识!CSDN里面基本都是技术类文章,而自从我做了UI设计师,基本上很少打开它,但是做了UI也可以继续我的博 ...
- UI设计行业大解析，初学者来看看
本文合肥学码思小编详细总结了UI设计行业领域,需要掌握的知识体系.知识结构的构架,对于想要进入这个领域的伙伴来说,更像是一张认知地图. 随着移动互联网的迅猛发展,使得移动产品设计人员急缺.由于UI设计 ...
- 麓言信息学UI设计必须掌握的知识体系和职业规划
当我们步入一个新行业的时候,对这个行业即使充满了期待,又是充满了少许的一丢丢恐惧.不要恐惧,今天我们一起来梳理下,作为一名小白,怎样掌握体系的UI设计知识和准确的职业方向? 经常听到很多人有这 ...
- 怎么学ui设计入门？怎样才能少走弯路？
很多人错误地将工具作为学习UI设计的入门课,其实入门UI设计最好是选择美术基础.设计理论.很多自学UI设计的小伙伴,都会出现这样一种现象,会使用工具但是在了解真实的需求后却完全动不了手. 这里给想要入 ...
- UI设计和平面设计区别
UI设计和平面设计区别 UI设计和平面设计在实现过程.完成人数.工作量等方面都是存在区别的,那么UI设计和平面设计区别在哪?接下来小编给大家具体分享一下UI设计和平面设计的区别,供大家参考. 1.实现 ...
最新文章
- 人工智能实践：TensorFlow笔记学习（六）—— 全连接网络实践
- 从CVPR 2013看计算机视觉的研究领域和趋势 [CVPR 2013] Three Trending Computer Vision Research Areas
- 用费曼技巧自学编程，香不香？
- win2012每次启动显示服务器管理器,win2012r2服务器管理器打开角色.功能出错
- learning ddr pagesize calculate
- windows下 安装 rabbitMQ 及操作常用命令
- 分治：分治和动态规划的区别，二分检索递归和迭代方式实现
- 开源php面板,宝塔面板nginx安装终于搞定了
- javascript 通过地址获取经纬度 get lat long from address
- OpenCV4每日一练day1：VS2015+opencv4.1.0+读图测试
- Spring Boot学习总结（13）——Spring Boot加载application.properties配置文件顺序规则
- 回顾---对教师提出的5个问题的回答及个人感悟
- Linux下处理BOM头和^M的简单方法
- 递推算法之平面分割问题总结
- 【支付宝】支付宝ISV申请方法
- CF 346 B vectorpair s[100]
- Cannot resolve the name 'repository:auditing-attributes' to a(n) 'attribute grou
- 【Android 逆向】ELF 文件格式 ( 安装 010 Editor 二进制查看工具的 ELF.bt 插件模板 | 安装 ELF.bt 模板 | 打开 ELF 文件 )
- EOF：warning: delimited by end-of-file
- bugkuCTF---flag在index里