ui和web前端是软件开发流程链条上的两个关联度较高，关系紧密但工作性质完全不同的两个岗位。
UI设计web前端开发和ui">
当产品经理根据需求设计好软件原型后，就需要ui工程师按照原型设计出美观的界面图，但只是图片，设计工具一般是photo shop，然后交给前端工程师转化为静态页面，格式为html和css文件，还需要编写java script程序实现用户交互逻辑。
两者的区别在于【UI设计】是做设计，不用敲代码。【WEB前端】是专门敲代码的。
UI设计的课程里面也涉及到一些基础的代码如果你没有美术功底的话，你要学习的步骤是按照下面的展开的：
1.美术（打造一定的美术功底）
3.平面设计4.交互5.网页设计6.移动界面7.游戏界面设计8.基础代码（了解代码）
9.AE课程这个步骤是按照山西知名UI设计培训机构优逸客的部分课程安排以及我本人的一些学习经验总结出来的，还有一点，就是多练习。两者要选择什么需要看你自己偏向于哪方面的喜好，如果实在分辨不出的话，也可以去UI设计培训机构去参加一些体验课，找出适合自己的学习方向就好。^_^希望对你有所帮助。
UI设计根据这三方面来展开学习：
1、平面设计UI设计培训第一阶段学习，主要针对零设计基础学员设置学习内容包括企业VI设计、企业画册设计、平面设计与后期印刷等知识。学习工具为PS、AI、coreldraw，学完这一段可以从事大多数平面设计工作。
2、网页设计在这一阶段中我们将学习Web界面设计、PC客户端软件界面设计、(X)HTML/HTML5语言、CSS样式表、布局技巧与浏览器兼容等技术。
3、移动界面设计这一阶段是UI设计真正核心所在，学习内容包括：四种主流风格的图标设计、交互设计、移动界面设计，学习工具也进一步扩展为：AxureRP、Android、iOS。学完后将能够从事专业UI设计。web前端根据这四方面来展开学习：1、HTML5基础在这一阶段主要学习，HTML5、CSS3、Java基础，以及UI设计交互，完成页面的实现。2、Java核心在这一阶段中我们将学习Java核心，DOM编程，完成各种页面动态效果以及动态交互，实现实战项目。3、web前端核心这一阶段是web前端真正核心所在，学习内容包括：jQuery、http协议及server端技术、HTML5高级，完成页面各种功能及效果，能够实现服务器端的通信分析，实现订单页的功能分析。
4、web前端高级技术这一阶段是web前端技术提升阶段，学习内容包括：bootstrap、angularJS、webAPP、常用JS框架，微信开发，实现web页面到移动端的迁移和部署，掌握微信产品设计和接口开发实现的相关技能。难易程度是因人而异的，有些人天生对代码感兴趣，学起来感觉乐在其中，看到设计图形反而毫无灵感；而有些人则是见了代码就头疼，所以说谁难这很难说，但是正常学习水平的恶人，只要努力，这两个学会是没有问题的。