前端设计和ui设计的区别有研究方向不同，ui是用户研究、交互设计、界面设计，web前端是html、css、js等需要编写代码；职业机会不同，ui设计：前端开发工程师、资深前端开发工程师、前端架构师等，web前端：图形设计师、交互设计师、用户测试等等。

前端设计和ui设计的区别有哪些

1、研究方向不同

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

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

2、职业机会不同

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

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

3、工作内容不同

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

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

4、所需技术不同

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

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

前端设计和ui设计都需要学什么

UI设计：

1、平面设计

这个阶段主要是针对零基础学员的，学习内容主要包括企业VI设计、企业画册设计、平面设计与后期印刷等知识。学习工具为PS、AI、coreldraw，学完这一段可以从事大多数平面设计工作。

2、网页设计

在这一阶段中将会学习到Web界面设计、PC客户端软件界面设计、XHTML/HTML5语言、CSS样式表、布局技巧与浏览器兼容等技术。

3、移动界面设计

这一阶段是UI设计真正核心所在，学习内容包括：主流风格的图标设计、交互设计、移动界面设计，学习工具也进一步扩展为：Axure、ai、像素大厨、墨刀等。

web前端：

1、HTML5基础

这一阶段主要学习HTML5、CSS3、JavaScript基础；

2、JavaScript核心

这一阶段学习JavaScript核心，DOM编程，完成各种页面动态效果以及动态交互；

3、web前端核心

学内容包括：jQuery、HTML5+CSS3，完成页面各种功能及效果，能够实现服务器端的通信分析，实现订单页的功能分析。