UI. UE 前端工程师。有什么区别呢?

前端工程师，一般是说WEB前端工程师，“前端”这个词是2005年以后才逐渐在国内兴起的，在这几年，WEB前端开发也逐渐被开发人员重视，相应的也产生了一个新职位——前端工程师，Web前端开发技术包括三个要素：HTML、CSS和JavaScript。

UI工程师需要的基础就是一些简单的美术基础和平面设计基础，要求也不算高，。一般流程是这样的，大致5个阶段。

第一阶段 UI用户设计基础（UI行业发展及UI设计师职业规划，美术基础，平面设计基础，图形与创意设计，网页设计基础，交互式网站），软件：Photoshop、CD，Illustrator等等

第二阶段 移动界面设计（图标创意思路与方法，图标的创作设计，主题图标设计，iOS系统Android系统Windows phone系统，UI设计实训课程）

第三阶段 交互类（UCD，交互设计高级技术）

第四阶段 流程设计（界面开发对接，流程管理，移动媒体综合开发实训）

第五阶段 综合项目实训及就业阶段（根据所学内容，选择一种移动平台，软件界面，WUI类型设计，完成初稿设计。依据项目初期确定的需求进行验收，并签署验收报告。）

成为一名优秀的UE前端工程师，需要具备如下四点专业技能：

第一、必须熟练掌握基本的web前端技术，比如：CSS、JavaScript、HTML、jQuery 等等。

第二、必须掌握网站的性能优化、SEO、UE、服务器端、兼容性等。

第三、学会用工具辅助开发，正所谓，工欲善其事，必先利其器。

第四、各种工作的好习惯，好习惯，好习惯。

首先要理解什么是UI设计和前端开发。

UI设计

UI设计（或称界面设计）是指对软件的人机交互、操作逻辑、界面美观的整体设计。UI设计分为实体UI和虚拟UI，互联网常用的UI设计是虚拟UI，UI即UserInterface(用户界面)的简称。

好的UI设计不仅是让软件变得有个性有品位，还要让软件的操作变得舒适简单、自由，充分体现软件的定位和特点。

一般包括交互设计和界面设计。

这部分指人与机之间的交互工程，在过去交互设计也由程序员来做，其实程序员擅长编码，而不善于与最终用户交互；在有的公司交互设计也有产品经理完成的。交互设计是用户在实际使用过程中的体验。

做界面设计的人也被贬义的称为“美工”。其实软件界面设计就像工业产品中的工业造型设计一样，是产品的重要买点。界面的感受是互联网用户打开界面的第一感官体验。

UI设计使用的软件工具主要包括：Photoshop、AdobeIllustrator等。

笔者认为设计最需要注意的一点是尊重他人知识产权。为避免知识产权纠纷，除了能够找一些免费资源和付费资源，也可以配备手写仪自行创作，这可能就需要一些绘画功底了。

前端开发

前端开发是创建Web页面或app等前端界面呈现给用户的过程，通过HTML，CSS及JavaScript以及衍生出来的各种技术、框架、解决方案，来实现互联网产品的用户界面交互。

前端开发所涉及的核心技术主要包括：HTML、CSS和JavaScript。这是传统前端所必备的核心技术，但是随着互联网技术的发展，这三项已经满足不了前端开发的需求了。这就出现了VUE、React、Angular等JavaScript框架。

所以前端开发是要不断学习新知识的，包括但不限于node.js、typescript等。

一般而言，资深前端开发工程师需要使用JavaScript或者ActionScript来编写和封装具有良好性能的前端交互组件，熟练使用CSS+XHTML完美输出视觉界面。同时还要对Web项目的前端实现方案提供专业指导和监督并在日常工作之中对新人及相关开发人员进行前端技能的培训和指导。另外，还要跟踪研究前端技术，设计并实施全网前端优化。

UI设计与前端开发的区别

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

UI设计与前端开发虽然是两个岗位，但又是相辅相成的。

就我们公司而言，好的UI设计也是精通前端开发的，一般小企业这两个岗位都是一个人。也就是从设计到切片再到页面代码实现都是独立完成。

总结

不管是UI设计还是前端开发都需要在实际工作中不断学习，设计理念、软件工具、前端技术等。在这个互联网飞速发展的时代，不负重前行，就很容易落后。

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