平面设计、网页设计以及 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 宣传图时，又需要有丰富的想象力和创造力。有点类似于平面设计与网页设计的结合。