UI和UI设计有区别吗？

UI（User Interface），中文名“用户界面”。Ps：（百度解释）UI是指对软件的人机交互、操作逻辑、界面美观的整体设计。

那互联网的这波浪，无论前浪，还是后浪都从未消停过。你经常看到“互联网+”这样的组合，通俗解释“互联网+”就是“互联网+各个传统行业”，但这并不是简单的两者相加，而是利用信息通信技术以及互联网平台，让互联网与传统行业进行深度融合，创造新的发展生态。

在这其中，又与UI有什么紧密联系呢？

把传统行业放到互联网上，肯定需要用一个界面来展示，哪怕只是一个简单的网页，而每一个互联网下的产品无论是PC端还是移动端，无论传统行业还是非传统行业，最终呈现都要以UI界面为依托，供用户使用查看。这其中又不仅要视觉产出，还要好的交互和用户体验。

举个例子，说说我们平常不太关注的来电接听这回事。

苹果手机在不锁屏的状态下，来电显示时，接电话在右边显示绿色，挂电话在左边显示红色。一般情况下右手拿电话，大拇指操作，绿色是接听电话，这是我们的常规操作，使用频率很高，所以在右边离大拇指更近，而挂电话频率不高所以在左边远一些。从色彩体验上分析，红色也有警示警告的作用，

但如果红色按键和绿色按键换个位置，其实并不会影响视觉，但却不是一个好体验，可能随时都会有挂电话的误操作。UI无处不体现在我们生活之中，无论大小，它都存在于你所看到的，你所触碰到的体验里。所以UI不单纯是美工，还要考虑到视觉效果和用户体验。而用户是很挑剔的，对视觉的需求和对体验的需求都在不断的发生变化和提高。所以这也造就了UI设计师这种不需要敲代码，但仍然可以拿高薪的互联网岗位。

Ui设计中学习ps和ai那么他们的区别是什么？

一、什么是UI设计？

UI是UserInterface（用户界面）的简称，主要指对软件人机交互，操作逻辑，界面美观的整体设计

二、UI和平面的区别

1.实现方式不同

平面主要的实现方式是通过印刷，例如易拉宝、明信片、海报等，而UI的实现方式是通过程序代码。

2.公司类型不同

平面的公司类型大多数是传统企业，例如正邦（业界享誉盛名的品牌识别设计公司）、东道设计（中国资深的企业形象设计公司）等等。UI的公司类型大多是互联网设计公司，例如百度、阿里巴巴、腾讯、360、搜狐、网易等等。

3.完成流程不同

平面一般由一个人完成构思、搜集素材、设计组内讨论、完成设计，流程较为简单。而UI设计从一开始就需要和产品，技术，运行，测试等相关人员对整个需求有具体的评估和讨论，然后经过个人的构思-搜集素材-设计组内讨论-组内设计评审-与产品、技术、测试等相关工作人员进行设计评审-设计完成-设计的研发跟进-设计灰度走查-完成上线，流程较为复杂多变，除了设计组内部的沟通，还要与需求相关的工作人员对接，这其中的问题细节也就可想而知了。

4.重视的要点不同

平面除了满足需求设计，还要保证设计的视觉效果与品牌统一，必要时彰显个性，突出产品特色等，符合印刷要求和规范，主要看中视觉层面。而UI设计在满足需求的同时，即要保证视觉要素的特点，还需要重交互体验，先考虑“为什么这么做”在考虑“如何设计”，“这么做的目的是什么”等等。

5.成果表现形式不同

平面成果可能会受印刷技术的制约，但是总体是直观感受实际产物好与坏，通过实际调查统计大众的评价如何。而UI的成果展现就更为直接了，通过线上点击率，转化率等具体实际数据，来给UI产品打分，使得设计更有理有据。

6.设计软件不同

PS、AI就不多说了，这个所有设计师最入门要学会的软件。除此之外，平面需要掌握的还有indesign、Coreldraw、PageMaker等等大多服务于图文排版的软件。UI需要掌握Sketch、AE、蓝湖、Principle、C4D等等。

总结：不论是平面还是UI，归根到底都是设计的分支，二者虽有不同之处，但是在设计根本原理，设计方法中还是有异曲同工之处的，所以了解二者的区别，能更好的服务设计，服务于产品，最终能够提升自己的设计能力，丰富自己的设计知识储备。

UI设计包括移动端app、小程序、pc端网页，配合前端后端开发，完成项目上线。其中包括UE，交互设计，人机交互

平面设计主要用于海报，朋友圈图，淘宝，展架，等了解CMYK颜色，要懂得打印的出血位和印刷的分辨率

平面和UI的区别还是很大的，说明白点，属于两个行业，但也是最近的行业，很多人会混淆，觉得UI都会平面，平面也会UI，UI设计有专门的设计规范，每一次的点击后都有一个交互，平面需要更多的基础绘画水平，有VI、LOGO设计、企业形象等这些都需要美术基础的

UI使用软件：SKETCH、XD、PS、AI、axure、墨刀、交互软件、思维导图xmind、等，很多人认为ps是做UI的基础工具，其实不是，一个做位图软件，PS更适合做平面，UI还是矢量图软件更好一些，没有Mac系统用XD，有Mac的话用sketch，sketch的有很多软件可以实现无缝连接交互等操作

平面设计工具：PS你的不二选择，AI，logo制作，cdr印刷排版很不错，c4d三维立体建模软件

设计其实都是相通的，都是依靠基本的艺术素养加上专业设计门类相关知识，解决问题的手段。真正有些区别的设计门类我氛围三大类：

1.平面设计（包括广告、海报、书籍装帧、UI等）

2.空间设计（包括建筑、室内、陈设等）

3.虚拟设计（VR、AR等）具体的每个门类以后可以详细阐述。

上述分类可以看到UI和平面其实归为一个设计门类，都是运用点、线、面等基本的设计语言在平面的媒介上完成图形、画面的设计。不过也是有一些区别的，下面我会具体的说一下一些区别，以供大家参考。

平面设计：也叫做视觉传达设计，用“视觉”作为沟通和表现的方式，通过多种方式来创造和结合符号、和文字，借此做出用来传达想法的视觉表象。设计师一般用字体排印、视觉艺术、版面、电脑软件等方面的专业技巧，来达成创作计划的目的。报纸广告、喷绘写真、名片、路牌、企业样册、VI设计、LOGO标志、宣传单页、宣传折页、海报、包装设计及婚纱设计等，这些都属于平面设计的范畴。平面设计是最传统，最普遍，最基本的设计行业。

UI设计：是指对软件的人机交互、操作逻辑、界面美观的整体设计。好的UI设计不仅是让软件变得有个性有品位，还要让软件的操作变得舒适简单、自由，充分体现软件的定位和特点。

1.呈现媒介

平面设计：纸媒，基本是书、海报等纸质物料，人与平面的交流大部分只是阅读，所以着重注意阅读体验

UI设计：新媒体媒介，大部分是在屏幕上显示，并且是需要和人机交互配合完成用户的操作、浏览等需求。

所以UI设计需要注意一些除了基本平面设计问题还需要注意交互体验等问题。

2.设计思路

传统平面和UI设计思路有一些区别，最重要的就是第一点提到的UI需要重视用户体验操作等问题，除此之外还会有一些手势、点击、拖拽、框选等操作的思路区别。

3.实现手法

传统平面设计只是排版绘画，UI需要考虑适配、切图、自适应等问题。还要配合上下游的工作，上面承接交互，下面配合开发人员实现产品，所以UI设计需要了解这些技能。

4.输出样式

平面基本全是纸质静态，UI则牵扯到点击、跳转等动态衔接页面等。还会有动效、视频、影视等动态输出。

其实每个行业都有自己的优势和劣势，虽然平面设计师的入行标准相对较低，服务行业也相对大众一些，看起来可能比较容易做。但是在待遇方面UI设计师可能更占优势，服务的行业也相对高端。对于设计师而言，技多不压身，只有不断提升自我，不断为自己的充电，顺应时代发展的潮流，才不至于被这个时代淘汰。

说的简单点两者最大的区别就在于，平面都是印刷的东西多一些，当然也有一部分是荧屏显示的。而UI用最简单直观的理解其实就是说都是关于屏幕上显示的东西！

在细点的说，平面涉及的都是一些静态的东西，比如海报啊，易拉宝，名片，等等。而UI几乎都是一些动态的界面，但是需要设计做的是一个静态的界面，至于动态怎么加上去，那是前端和交互去加的！

最直观的，ui设计用ps做的东西都是RGB格式，也就是所谓的三色，屏幕上显示的格式！而平面设计用ps做的大多都是CMYK格式，也就是四色打印机喷色用的格式！

前后两者其实也是有很大关系的，UI设计前期的基础就是平面设计！例如，排版啊，色彩搭配啊，这些都是基础，用到UI里面，就会利用这些基础怎么让界面更简单明了，更容易让人看起来舒服，更容易操作，等等！

第一个区别：名称不同

Ps的全称是Adobe Photoshop；

Ai的全称是Adobe Illustrator

第二个区别：主要用途不同

虽然2款软件都是用于图像处理，但是主要用途还是有所区别的。比如PS主要处理位图，就是点阵图像，而AI主要处理矢量图。

位图和矢量图最大区别就是受不受分辨率的影响，矢量图放大时候图像不会模糊，而位图放大图像则会变得模糊

1、PS图像处理功能比较强大，例如修图调色，均为位图;AI绘图绘画排版功能比较强大，画出的图形为矢量图。

2、PS主要用于的修改、编辑，和素材的编辑制作，当然也会做一些排版工作。AI主要用于企业VI(LOGO)的制作、矢量插画绘制等等，还比较擅长的是文字排版，很多手册、宣传页、海报等制作是通过AI来完成。

3、PS是基于像素的编辑，AI是基于对对象的编辑。相比来说AI编辑排版操作效率更高，但AI对于效果编辑没有PS强大，同时AI缺少颜色，色调编辑的工具。

AI保存格式为源文件格式，导出为JPG格式，使用画板勾上范围，连续页数1-5，隔开页数1、4中间逗号要是英文输入法。AI格式方便修改，一定要保留一份，EPS格式文字转曲后保存的格式，不能用文字工具编辑，创建剪切蒙版Ctrl+7，在下对象在上，同时选中Ctrl+7。释放剪切蒙版Ctrl+Alt+7，Shift+W宽度工具，针对直线!

变形工具组是一组做不规则图形使用的，按住Alt点击鼠标左键里推外拉可以改变光圈大小!两个路径以上右击鼠标建立复合路径后可以Ctrl+7创建剪切蒙版，创建轮廓Ctrl+shift+O(欧)，文字创建轮廓后不能用文字工具进行编辑了。

建立复合路径Ctrl+8Alt+Ctrl+shift+8释放复合路径Shift+M形状生成器， 按Alt键是减去对象，松开Alt是加选K实时上色工具，Shift+L实时上色选择工具，Shift+P透视网格工具，可以做立体透视效果，在菜单透视---透视网格---选择一点、两点、三点透视等，Shift+V透视选区工具，可以针对文字透视，默认此工具才可以关闭透视网格工具。

第三个区别：实际应用不同

Ps软件用途广泛，因为可以处理数字图像，所以Ps在图像、图形、文字、视频、出版等各方面都有被使用

Ai软件多应用于多媒体、出版、在线图像的矢量插画处理，因为矢量图形的特性，所以Ai被广泛应用于专业插画、印刷出版、多媒体图像处理、海报书籍排版、以及互联网页面的制作等。

鹏仔微信 15129739599 鹏仔QQ344225443 鹏仔前端 pjxi.com 共享博客 sharedbk.com