UI设计不一定需要精通前端，但是如果UI设计了解前端可以减少和开发人员沟通的技术成本，让团队协作更加高效。比如项目经理如果不懂技术，就很容易被开发、测试忽悠，再安排项目节点时就不能准确的预估项目周期。如果设计不懂点前端，前端小哥哥会说这个那个效果实现不了。
UI设计不一定要精通前端，懂点技术会减少沟通成本，在工作中也更有优势。
那UI设计如何学习前端，需要学习到什么程度呢？
我们分享一个前端教程，这里面详细讲解了UI设计中的Web前端设计规则及工具，可以帮助大家深入理解Web前端UI设计方法。网页链接
1、HTLM基础认知DIV框架及CSS样式
首先要了解HTLM基础、CIV框架以及CSS样式。HTML称为超文本标记语言，是一种标识性的语言。它包括一系列标签．通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。DIV元素是用来为HTLM文档内大块的内容提供结构和背景的元素。 CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。CSS 能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。
2、浮动原理、Margin认知
Margin，是CSS的语法，这个简写属性用于在一个声明中设置所有当前或者指定元素所有外边距的宽度，或者设置各边上外边距的宽度。
3、框架应用搭建
框架很多，在这个教程中选择一个主流框架带大家看看前端框架如何搭建。
4、插入图片、文字标签和版头、导航栏
编写的网页中插入图片，可以使浏览网页的用户得到更好的体验效果。在这一部分会讲解插入图片、文字标签以及版头和导航栏如何实现。
5、Banner块插入、内容文字排版、内联元素、A标签和Banner链接定位
Banner是网络广告最早采用的形式，也是目前最常见的形式。它是横跨于网页上的矩形公告牌，当用户点击这些横幅的时候，通常可以链接到广告主的网页。而网页中的文字内容排版也直接影响着网页的美观以及网页的用户体验。
6、锚点标签、超链接标签、固定定位和绝对定位、相对定位
<a> 标签用于定义超链接，用于从一张页面链接到另一张页面。用于设置锚点，用于页面定位。
7、导航二级菜单显示隐藏
很多网页中的二级菜单栏不直接显示，需要鼠标移动到一级菜单或者点击一级菜单才会展开显示二级菜单。
8、Input表单
input表单可以获取用户的信息，做出对应的动作，教程中直观的展示input表单的应用方法。
其实以上教程只是web前端很小的一部分，UI设计如果能够了解前端知识，在设计中可以更好的考虑实现问题，也能够更好的和开发人员交流，也能够提高团队协作的效率，加速项目的进度。
UI设计不一定需要精通前端，但是如果UI设计了解前端可以减少和开发人员沟通的技术成本，让团队协作更加高效。那UI设计如何学习前端，需要学习到什么程度呢？
我们分享一个前端教程-网页链接，这里面详细讲解了UI设计中的Web前端设计规则及工具，可以帮助大家深入理解Web前端UI设计方法。
1、HTLM基础认知DIV框架及CSS样式
首先要了解HTLM基础、CIV框架以及CSS样式， HTML称为超文本标记语言，是一种标识性的语言。它包括一系列标签．通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。DIV元素是用来为HTLM文档内大块的内容提供结构和背景的元素。 CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。CSS 能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。
2、浮动原理、Margin认知
Margin，是CSS的语法，这个简写属性用于在一个声明中设置所有当前或者指定元素所有外边距的宽度，或者设置各边上外边距的宽度。
3、框架应用搭建
框架很多，在这个教程中选择一个主流框架带大家看看前端框架如何搭建。
4、插入图片、文字标签和版头、导航栏
编写的网页中插入图片，可以使浏览网页的用户得到更好的体验效果。在这一部分会讲解插入图片、文字标签以及版头和导航栏如何实现。
5、Banner块插入、内容文字排版、内联元素、A标签和Banner链接定位
Banner是网络广告最早采用的形式，也是目前最常见的形式。它是横跨于网页上的矩形公告牌，当用户点击这些横幅的时候，通常可以链接到广告主的网页。而网页中的文字内容排版也直接影响着网页的美观以及网页的用户体验。
6、锚点标签、超链接标签、固定定位和绝对定位、相对定位
<a> 标签用于定义超链接，用于从一张页面链接到另一张页面。用于设置锚点，用于页面定位。
7、导航二级菜单显示隐藏
很多网页中的二级菜单栏不直接显示，需要鼠标移动到一级菜单或者点击一级菜单才会展开显示二级菜单。
8、input表单
input表单可以获取用户的信息，做出对应的动作，教程中直观的展示input表单的应用方法。
其实以上教程只是web前端很小的一部分，UI设计如果能够了解前端知识，在设计中可以更好的考虑实现问题，也能够更好的和开发人员交流，也能够提高团队协作的效率，加速项目的进度。
相对来说还是前端好一些，前端前景是很不错的，像前端这样的专业还是一线城市比较好，师资力量跟得上、就业的薪资也是可观的，学习前端可以按照路线图的顺序，
0基础学习前端是没有问题的，关键是找到靠谱的前端培训机构，你可以深度了解机构的口碑情况，问问周围知道这家机构的人，除了口碑再了解机构的以下几方面：
1. 师资力量雄厚
要想有1+1>2的实际效果，很关键的一点是师资队伍，你接下来无论是找个工作还是工作中出任哪些的人物角色，都越来越爱你本身的技术专业前端技术性，也许的技术专业前端技术性则绝大多数来自你的技术专业前端教师，一个好的前端培训机构必须具备雄厚的师资力量。
2. 就业保障完善
实现1+1>2效果的关键在于能够为你提供良好的发展平台，即能够为你提供良好的就业保障，让学员能够学到实在实在的知识，并向前端学员提供一对一的就业指导，确保学员找到自己的心理工作。
3. 学费性价比高
一个好的前端培训机构肯定能给你带来1+1>2的效果，如果你在一个由专业的前端教师领导并由前端培训机构自己提供的平台上工作，你将获得比以往更多的投资。
希望你早日学有所成。
2、MUGEDA（可视化新闻交互与跨媒体）
3、HTML+CSS
4、JS+Jquery
5、HTML5+CSS3
主要就是这5项，学完之后可以完全胜任网页端的设计制作
望采纳，谢谢~