ui与web前端的区别是什么？

UI设计和Web前端的工作并不一样，但也有公司为了提高工作效率在这两块工作是由同一个人来做的。ui与web前端的区别主要有：

1、概念不同

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

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

2、研究方向不同

UI设计的研究方向是：用户研究、交互设计、界面设计；

web前端的研究方向是技术方向：包括html、css、js等需要编写代码。

3、职业机会不同

UI设计的职业方向是：前端开发工程师、资深前端开发工程师、前端架构师等；

web前端的职业方向是：图形设计师、交互设计师、用户测试/研究工程师等；

计交给美工来做，把html5、css、js的添加交给web前端工程师来做，

4、工作内容不同

UI前端：主要负责系统/app，UI界面设计，以及html代码实现，主要工作偏向于设计。

web前端：主要讲ui提供的设计图，编码成静态html，实现所有特效；并负责所有交互的对接，对js要求较高，会要求一些后台接口的开发工作，因此对后台开发语言也有一定的要求。

5、所需技术不同

web前端会用到Bootstrap、Vue、Jquery、Javascript、CSS、html等技术知识；

而UI前端需要是有很好的审美能力，通常需要有美术设计教育背景。

参考资料：百度百科-UI设计

参考资料：百度百科-前端开发

WEB前端倾向于代码编写和兼容性以及布局设计还有前端代码框架html,css,js,xml等技术。

1、UI前端主要负责系统/app，UI界面设计，以及html代码实现，主要工作偏向于设计web前端：主要讲ui提供的设计图，编码成静态html，实现所有特效；并负责所有交互的对接，对js要求较高，部分企业会要求一些后台接口的开发工作，因此对后台开发语言也有一定的要求，在前端中算是比较全能型的开发人员。

2、网页前端这个算是web前端，和ui前端的国度，不需要设计UI，但是需要对页面的实现，以及交互的实现，对CSS,JS要求较高，算是UI前端和web前端的中间的过渡项一样。

①：PhoneGap

PhoneGap 恐怕是最老的一个框架了，相信很多人都已经听说过甚至使用过它，但是PhoneGap是基于开源的cordova 商业版本。

②：Ionic

IONIC 是目前最有潜力的一款HTML5手机应用开发框架。通过SASS构建应用程序，它提供了很多UI组件来帮助开发者开发强大的应用。它使用 JavaScript MVVM框架和 AngularJS来增强应用。提供数据的双向绑定，使用它成为Web和移动开发者的共同选择。

③：Mobile Angular UI

Mobile Angular UI是使用 bootstrap 3 和 AngularJS 的响应式移动开发HTML5框架。

Mobile Angular UI的关键字有：

Bootstrap 3

AngularJS

Bootstrap 3 Mobile组件，比如switches, overlays和sidebars，这些都是bootstrap中没有的。

AngularJS modules， 比如 angular-route, angular-touch 和 angular-animate

响应式媒体查询是将bootstrap作为单独的文件，你只需要包含你所需要的东西。Mobile Angular UIu并不包含任何jQuery依赖，你需要做的只是通过一些AngularJS指令创建友好的用户体验。

④：Intel XDK

Intel XDK 是Inter开发的一款跨平台开发工具，我们可以很容易的通过Intel XDK开发应用，你需要做的只是下载他们的应用开发工具 ，有Linux、Windows和Mac版，它还提供了很多个开发框架，比如Twitter bootstrap, jQuery Mobile 和 Topcoat.

⑤：Appcelerator Titanium

 Appcelerator’s Titanium 不同于其它框架的是，它是一个开源的框架。

 Titanium是混合式移动应用开发的一站式解决方案，你只需要下载 Titanium studio就可以解决所有的事情，Titanium SDK包含了很多手机平台的APIs和后端云服务。

 Titanium使用 Alloy，Alloy是一个快速开发的手机应用MVC框架， 模块式开发可以大大减小开发时间，提高代码复用。

⑥：Sencha Touch

Sencha Touch 同样也是HTML5手机应用跨平台开发框架，运行iOS/Android/Blackberry。它已经诞生很多年了，现在已经成为很常用的混合式编程开发框架。

Sencha Touch可以让你的Web App看起来像Native App。美丽的用户界面组件和丰富的数据管理，全部基于最新的HTML5和CSS3的 WEB标准，全面兼容Android和Apple iOS设备。

⑦：Kendo UI

Telerik’s Kendo UI 是一个强大的框架用于快速HTML5 UI开发。基于最新的HTML5、CSS3和JavaScript标准。

Kendo UI包含了开发现代JavaScript开发所需要的所有一切，包括：强大的数据源，通用的拖拉（Drag-and-Drop）功能，模板，和UI控件。

---