平面设计、网页设计、UI设计的区别？

现在市面上常见的关于设计的几个职业为平面设计，网页设计，UI设计。当然如果现在打开招聘网站去看的话，招人招的最多的是UI设计。至于是什么原因造成的，说白了，还是因为三个设计专业没有分清楚。

那今天就从载体，用途，所需技能三个方面简单的介绍一下平面设计，网页设计，UI设计的区别，也希望通过这个分享让大家对于设计有个基础的了解。

1、平面

平面设计是这三种设计里最“古老”的专业了，可以说平面设计是一切设计的鼻祖，学任何设计都绕不开它。因为所有的设计理论比如配色，排版，字体等都是平面的基础也是设计的基础。同时平面设计也是比较复杂的，因为除了要了解基本的设计技巧以外也要了解材质，工艺等，不同的工艺和材质出来的效果也是千差万别，甚至在预算上都会差出好几个层级。

载体

平面的载体在三类专业中算是比较多的，最常见的就是纸了，当然纸也分为了很多种，最常用的是铜版纸。铜版纸又根据克数的不同用途也有所区别。用到纸质的设计有画册，单折页，海报，杂志，名片等。这里关于名片多说一句，很多人说名片那么小的尺寸，如何才能有设计感？加的内容和装饰多了会显着很乱很拥挤，加的内容少了又给人的感觉没有设计感，这个问题如何解决呢？最简单的方法就是简约的设计+高档的纸+恰当的印刷工艺。不过这里所说的名片是比较高档的名片了，在公司里也是处于中高管理层的，一般的业务员因为分发的名片量比较大，所以就用最普通的纸就可以了，控制成本。

平面设计中还会用到的载体是喷绘和灯箱片用到的一种类似塑料的材质。此类材质的设计手法与其他设计无异，关于此类材质多说一句就是设计时的分辨率设置。一提到平面设计的分辨率很多人的第一反应就是300，这是个绝对的误区，其实在平面中也会用到150，72，甚至30。那这是如何划分的呢？最简单的一种解释方式就是阅读距离。一般捧在手上看的设计分辨率为300，比如杂志／单折页／画册等，因为阅读距离很近，如果分辨率比较低，会出现很明显的不清楚情况。

再有海报的设计一般是挂在墙上的，我们阅读时是有一些距离的，所以分辨率设置为150到200即可，很多人会问设计成300可不可以？当然可以，但有几个前提，首先你能找到那么大尺寸同时是300分辨率的素材图片，再有就是你的电脑是不是都能够带起来这么大尺寸同时分辨率又很高的文件，还是建议大家不要尝试了，结果一般比较惨。

再有还有72和30的分辨率，此类分辨率会用在阅读距离更远的设计上，比如马路上的大型围挡，商场大厦外面的五六层楼高的大型海报。

最后要提的一个材质是最近几年流行起来用的比较多的就是电子屏，在商场大厅，电梯墙壁，写字楼前台等地方现在都会用到电子屏来展示一些海报／通知／活动等。此类材质的好处就是更新内容方便，节省印刷成本，最重要的是没有印刷后果。印刷的风险比较大，因为印刷不可逆，印刷出来后出现了问题，基本没有补救的措施，而电子屏则没有这个风险。当然它的缺点就是没有很强的流通性，一般只能在固定的一个地方进行展示。

用途

平面设计包含的品类是比较多，常见的画册／海报／单折页／名片／书籍装帧甚至包装等传统设计基本都是平面设计师的工作。除了这些印刷品以外还有logo设计，VI设计等工作。平面设计的品类就是比较多，所以想做一个优秀的平面设计师没有个几年的历练是很难达到的，这也是最初平面设计师转UI设计师和电商设计师比较容易比较多而网页转平面不容易的原因所在了。

平面设计师设计出来的内容很多，刚才提到了logo，VI我们统一称为品牌设计。画册，海报，包装我们统一称之为物料设计。两类设计统一归放到平面的名下一定是有原因的，品牌设计是用来宣传企业品牌的，规范企业的设计视觉，统一企业的宣传口径。

画册，海报，包装等物料是用宣传企业产品的，使自己的产品在原有的基础上更具商业价值。最具代表性的就是包装，我们经常会看到很多普普通通的产品包裹上漂亮的包装后，价格就会成倍的增长。所以不管是品牌也好还是物料也好都是用来做“宣传”的。这也是平面设计师最鲜明的特点，设计出来的东西用来做宣传。这个东西本身并不是产品，也不具备什么商业交易价值，都是为了公司为了产品服务的。

技能

因为平面设计师需要做的内容涵盖的比较多，所以对于技能方面的要求也比较全面。比如除了最基本的PS／AI／ID等设计软件以外，还有了解到排版印刷工艺，材质使用，字体设计等。如果各位将来是做平面设计的话，印刷材质是关键，就像刚才说名片时提到的，同样的设计，如果材质不同给人的感觉也是完全不一样的。所以这一块除了看书学习以外，更直接的方式就是泡在印刷厂里，跟着老师傅走几遍流程，学到的东西会受益匪浅的。

2、网页

网页设计在现在的工作中又分成了两个工种，一种就是常规的网页设计师，设计企业的官网，或者是一些具备功能性的网站。另一种是电商设计师，在五年前，这个工种依然不被人看重，即便是现在也有很多电商企业称自己家的设计师为美工，这也就造成了很多设计师会不愿意来做电商设计，更不想承认自己是美工。但实际上做的好的电商设计师工资也是非常可观的，尤其是在一些大型的店铺，此类店铺的视觉自然也是能够在圈里数一数二的了。

载体

网页的载体比较单一，在之前就主要是在PC端运用，后来移动互联网的流行与普及，使得网页在手机上也流行起来，还有平板等。为了保证能够多端正常显示，在html5和css3的帮助下流行开的一个名词叫着“响应式设计”，也就是使我们的网页能够在任何平台上都正常显示。

用途

刚才我们说平面设计时提到了一个名词就是“宣传”。如果给网页也用一个名词概括的话，我觉着就是“载体”。没错，网页本身就是载体，企业站乘载了公司的产品信息，企业文化，品牌宣传等，是普通人了解一家企业的最基础入口。而类似于天猫淘宝此类的功能性网站，也是将网页作为了一个平台一个载体，来进行产品的销售的。网页本身是一个“容器”，里面“装”的内容决定了一个网页的价值。

技能

在说平面时我提到了平面设计师转网页设计师是比较好转的，因为网页设计师同样需要具备对于色彩，排版和字体的敏感度。软件除了要会PS和AI以外还要需要了解Html和Dw。这里一定要跟大家强调的是网页视觉设计师不用对代码有非常深入的研究，因为在一家健康的运行公司里网页视觉设计师和前端工程师是两个工种。对于代码的态度是了解基础即可，深入了解如虎添翼。如果是做电商设计的话，从现在的趋势和2016年双十一的店铺设计来看最近一年是3D轻质感的天下，所以有心的设计师一定要会一款3D软件，市面上很多，3D MAX／MAYA／C4D等，给大家推荐的是C4D，出效果易上手。

3、UI

UI设计是最近几年非常流行的一个名词，打开一家企业的招聘信息，大大小小的公司都在招这个岗位，在经历了几年的爆发式发展后，现在这个岗位又在趋向于平稳发展。UI的英文全称是user interface 翻译成中文是用户界面，也就是说我们平时用的任何有交互界面的设计都能称之为UI设计。比如容易忽略的ATM提款机上的界面，地铁站的自助购票机界面，每天都在使用的手机上界面都是属于UI设计的范畴。所以由此可以看出最近几年流行的很热的UI设计师这个名词并不是这几年才刚有的，只不过因为移动互联网的普及将这个工种提升到了一个人尽皆知的地位。

载体

提到UI设计的载体首先想到的是手机，没错，手机确实是目前社会中最常用到UI设计的载体。正如刚才提到的只要有交互界面的都是UI设计，所以除了手机以外还有电脑／平板／电视／取款机／购票机／游戏机等。如果不太严谨的来说的话，只要有屏幕的地方都会用到UI设计。比如容易忽略的一个就是汽车上的显示屏的设计，无论是高档的汽车还是低端的汽车，无论是商务车还是跑车。无论汽车外观好看还是难看，操控区的屏幕显示的UI设计都是“持之以恒”的丑，丑到会认为那不是UI设计。对于这块没有深入到研究，也许这个行业的审美有自己独到见解吧。不过偶尔也能找到凤毛麟角的。

用途

我同样用一个词来概括UI设计师设计出来的东西就是“工具”。之前在知乎上看到一个问题是UI设计师和传统设计中的哪种设计比较接近？当时我说的是和工业设计师比较接近。这里的疑问会比较多，更多人会以为会和平面设计师更接近，其实不然。刚才我们说平面设计师设计出来的东西是用来做宣传的，而UI设计师设计出来的东西是给人使用的。比如我们用听歌这个行为来解释。在十年前十五年前我们如何听歌呢？磁带机，CD机，后来又有了MP3。

现在我们是如何听歌呢？绝大多数应该是使用的手机来听。那手机和前面的磁带／CD有什么共同点呢？没错，就是按键，十五年前就是用三角形代表播放，双竖杠代表暂停，方块代表停止，时至今日，甚至再过二十年，依然用他们来表示。需要学习软件的同学，大家可以百度搜索锦子会，去锦子会博客下载更多学习资源！如想要了解我的，请百度搜索罗锦，欢迎了解更多我的设计之路！

CD机的工业设计需要考虑人体工程学，使用感受；手机上的听歌APP需要考虑交互逻辑，用户体验。无论从哪个方面你都会发现工业设计与UI设计都有着千丝万缕的联系。

技能

再说技能之前还是要进行一下说明，一个完整的APP开发需要用到产品设计，UI设计，前端，后台等一系列的配合才能完成。在这几个工种里容易混淆的就是UI设计和产品设计，很多人认为产品设计和UI设计是一个人。其实不然，这完全是两个不同的工种，而且对于思考问题方式都有着很大的区别。产品设计需要有非常强的逻辑，时刻考虑交互的准确性，交互是否合理等问题。

而UI设计师是制作视觉设计的，在尺寸，按钮，间距等方面需要做到像素级别的准确度，而在做一些banner宣传图时又需要有天马行空的表达。有点像平面设计与网页设计的结合。

原文出处：厚孜网络