UI与前端，学哪一个好？

有很多学技术的小伙伴在纠结“到底学UI设计还是前端？”

感觉这两门专业好像差不多，但是好像又有很大的区别，

到底是有什么区别呢？

面对这样的疑问，今天朗妹儿就来给各位小伙伴科普一下。

首先， UI设计是什么？

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

那UI设计都体现在哪些地方呢？举个例子：打开手机所看到的界面和图标、或者打开各种手机APP软件，呈现在你眼前的都是UI设计。比如打开微信、操作点击任意一个功能，出现在你眼前的界面都是属于UI设计。

通俗的讲我们现在看到的一切电子信息设备上面的图形界面，都是UI设计所涉及的基本范围，比如手机APP图标，APP界面，手机桌面主题，网页静态页面等……

它包括了平面构图，色彩搭配，图标字体，视觉感知等内容，

并把这些内容应用在Web网页或移动端界面的设计中，总之为软件的“外观”带来美的效果。

除了为软件做“美容设计”之外，

UI设计还要考虑人机交互的效果，

比如：哪些常用功能放在什么位置用户用起来最顺手；

要对软件受众的使用习惯投其所好；

如何在同类产品中体现差异性也要考虑到……

可以这么说，UI设计师就是这个软件产品的“形象设计师“！

我们的“形象设计师”需要用各种各样的工具去完成整个设计过程，

包括PS、AI、Axure、Ae等等。

所以好的UI设计师也一定是这些工具的熟练操作人员。（论：有一个UI设计师朋友的重要性！我的照片有救了）。

最后，UI设计师会把他们的成果展示出来 —— 一系列的高清无码大图！

那么谁来实现呢？

来，有请“托尼老师”，不对，是Web前端工程师出场！

没错，UI设计师和前端工程师是一种配合关系。

前者设计，后者把设计实现成代码。

为了让这种配合能够更加默契，好的UI设计也应该要掌握一些基本的前端知识，不然设计出来的东东有可能完全脱离代码实现的可能性。

那什么是前端开发呢？

刚才我们把UI设计师比作“形象设计师”，把前端工程师比作“托尼老师”，这当然是开玩笑的啦。

我们的前端工程师可要高大上得多，他们可是真正的软件技术人哦。

通过技术手段还原设计图中的炫酷效果，并实现让每一个功能点都能在浏览器或APP中运行起来。

通俗点说，前端工程师就是用他们的专业代码技术把UI设计的页面效果做成真真正正可以运行起来的程序界面。

包含哪些技术呢？

比如：HTML5、CSS3、JavaScript、AJAX、VUE技术栈、React技术栈等等

除了工作岗位不同以外，

二者最大的区别就是：

UI设计是属于产品方向，重点在于设计界面外观。
而前端工程师属于开发方向，重点在于写代码去实现页面功能。

对于初学者来说，无论是学UI设计还是前端开发，

通过系统培训多涉猎一些相关知识，打好基本功，这对于将来在职场中的发展会更有帮助。

所以朗妹儿建议，学哪一个都不错，目前市场就业需求都很好，

但是最重要的还是看你的个人兴趣所在和个人是否适合。

如果看了这篇文章的小伙伴，

还是不清楚UI设计和前端开发的区别，

不清楚自己应该选择哪一个方向，

看图与我直接沟通哟