是该学UI设计 还是Web 前端开发呢

一、是该学UI设计 还是Web 前端开发呢

很多的零计算机基础想要入行互联网的小伙伴都会选择UI或者前端，那UI和前端到底怎么选？我们先来简单了解一下两个岗位的工作内容，再来分析一下前景，最后你在依据个人的情况去判断自己适合哪个方向。

UI：全写User Interface，简称用户界面，是指对软件的人机交互、操作逻辑、界面美观的整体设计。

前端：是创建Web页面或app等前端界面呈现给用户的过程。通过HTML，CSS及JavaScript以及衍生出来的各种技术、框架、解决方案，来实现互联网产品的用户界面交互。通俗一点来讲，前端就是客服，主要跟顾客（用户）交流。

从以上可以看出，其实UI设计和前端的工作相互相成，按照项目流程，一般是UI设计师设计好产品界面，前端工程师通过编码实现界面。通俗来说，UI设计师好比服装设计师，而开发工程师好比裁缝。两者都是在一个完整的互联网项目中不可缺失的岗位。

前端主要是需要掌握前端语言、框架等，都是编码的工作，而UI设计是属于视觉设计，需要具备设计基础、设计思维、设计技能，两者不是一个类别。可以说前端比较偏向于软件工程、计算机科学等专业，而UI设计比较偏向于视觉设计、平面设计等。

随着互联网行业的发展，也在带动行业内岗位的发展，所以UI设计和前端开发都有很不错的前景。那我们来看看UI设计和前端的市场需求曲线图，直观感受两个岗位的需求变化。

说明：曲线越向上代表市场需求量越大，就业情况越好。反之，代表该类职位需求量较少。该数据由各地招聘网站统计而来，可能因抓取系统稳定性等因素而致使数据偏离客观实情，仅供参考。

从图片可以看出UI设计和前端的需求在前几年是基本持平的，近几年变化浮动较大，近两年前端需求高于UI，最近半年UI的需求高于前端设计。所以两次的需求量量都大，只是时段不同，需求量也在不停变化。

我们通过平均工资去对比一下UI和前端的薪资待遇有何区别。

图片可以得出，前端的平均薪资高于UI设计，其实主要原因有以下几点：

1、学历要求不同，从职友集数据可以看出，对于UI设计本科学历占49%，大专占48%。但是对于前端开发本科学历占71%，而大专学历仅占28%。虽然学历不能代表一切，但是不得不说学历对薪资待遇也有一定的影响。

2、工作经验的要求，从职友集数据可以看出，对于UI设计有49%的公司要求有1-3年工作经验，而对于前端有41%的公司都要求必须有1-3年的工作经验。对于3年以上的工作经验的要求前端开发远远大于UI设计。工作年限前端的需求一定程度上也说明了工作经验以及技能熟练度，所以工作年限的不同对薪资待遇肯定也不同。

图片来源：职友集 UI的市场招聘条件

图片来源：职友集前端的市场招聘条件

从上面的分析我们可以得出，前端的工作比UI设计略高，但是企业的对于前端的学历要求、工作经验的要求也比UI设计严格。我们不能一味的因为薪资待遇而去选择方向，而是一个依据自己的兴趣去选择，让兴趣和梦想一起成长。

前端属于技术岗位，技术随着时间的改变也在不断的进步、更新，而UI设计也需要根据市场的流行趋势、设计要求的变化去学习最新的设计知识。兴趣是最好的老师，因为零基础培训将你带入一个行业，但是你想持续在这个行业发展，必须保持持续的学习。所以依据自己的兴趣、爱好去选择适合自己的方向吧。

二、UI设计和前端开发的区别大吗

1、其实前端工程师和UI设计师有一些共同的特性，相比后端，前端和UI的成品诞生过程都是所见即所得，更容易带给人成就感。

2、说到两者之间的区别，还是很显而易见的。因为从本质上来讲,前端更多接触的是代码,这也就注定前端需要更多的逻辑思维能力。而UI则更多的是审美能力和美术功底的综合运用。当然并不是说，UI设计就是美术生的才能做的工作，UI更多是线条的运用与配色布局等方面的组合，更偏向与和用户之间的交互设计。

3、在实际工作中，UI设计和前端岗位是有一部分交叉的工作内容，这就需要作为UI设计师需要懂一些前端的内容，而前端开发，也不能对交互设计一窍不通。希望我的回答能对你有所帮助。

三、学UI设计还是web前端开发

这个完全要看自己的基础和爱好，如果是学美术或者设计出身当然是学洗UI要好一些，但是如果是学习计算机或者编程出身就学习前端要好一些。

首先说一下两个岗位的联系和区别

现在网站前端工程师和美工是两个完全不同的职位，两者的工作内容也是完全不同的。

从2013年开始，一些的中小型的公司也开始将网站前端和美工分离，到目前，基本所有的专业的开发网站的公司都是设置了网站美工和网站前端两职位，其工作内容和职责是完全不同的。

首先说一下开发一个网站的大致流程：客户提出需求——>网站美工根据客户的需求设计效果图并得到客户的认可——>网站前端工程师使用前端代码将效果图做成静态的网页——>后台开发人员填充后台数据——>测试完成上线。

根据以上的流程应该可以知道美工和前端的工作分工是不同，现在两者没有任何交集只是团队合作，具体的职责和内容如下：

网站美工一般是学美术或者设计出身，精通photoshop、AI、AE等平面设计工具，其在网站开发过程的中的职责就是按照客户或者公司的需求设计出符合客户需求和界面或者颜色符合大众视觉的网站效果，如根据不同行业的需求设计颜色、设计界面风格等，其工作的最后成果就是网站的效果图。

网站前端工程师不参与任何的设计，直接将网站美工制作的网站效果图使用ps按照效果图进行切片并使用html、css、js等代码进行网页的制作，最终编写出符合w3c标准的兼容各个主流浏览器的静态页面，同时还需要按照后台开发人员的要求留下一些后台数据的接口。所以说网站前端工程师更多的是编程而不是设计。