本教程操作环境：windows10系统、Dell G3电脑。
web前端和ui的区别是什么
UI偏向设计，前端偏向技术。前端需要借助代码，将UI设计图以网页的形式呈现出来，这是二者之间的主要区别，具体如下。
1、工作职责不同：
UI也就是UserInterface，负责对软件的人机交互、操作逻辑和界面美化进行的整体设计；前端是指网站的前台部分，负责制作出能在浏览器上运行且用户可见的界面。
2、工作技能不同：
UI要能熟练使用Photoshop、illustrator、CINEMA 4D、After Effects等设计软件，能完成字体、图标、版式、动效、交互等设计内容；前端需要掌握HTML、CSS、JavaScript等技术，能对页面的全局进行搭建，并通过视觉冲击和互动元素影响用户。
3、工作岗位不同：
UI可从事的岗位有UI设计师、平面设计师、交互设计师、产品经理、全栈设计师等等；前端可以往Web前端工程师、APP开发工程师、小程序开发工程师、JS开发工程师、全栈工程师等岗位方向进行发展。
扩展知识
ui是什么
UI是一种用户操作界面，也指人机界面，一般是指手机和网页，用户界面是一切系统中的用语，允许用户和技术相连接，并且UI的设计就是实现界面的美观和样式。
UI的主要工作和工作流程
UI设计主要是电脑初级为用户目标，通过简单的代码程序实现设计目标，创造出有价值的交互效果。首先需要确定目标用户，不同的角色会有不同的软件，在对目标用户采集交互的方式，设计出软件要响应用户的动作，用户必须能理解各个功能的使用，同时也可以控制，设计也不要过于复杂，复杂的界面可能会影响效果。
UI的特点
使用用户让界面变的更加有个性，并且考虑用户的体验，让操作变的更加简单，同时也能体现出软件的特点优势。
（学习视频分享：web前端）
以上就是web前端和ui的区别是什么的详细内容，更多请关注Work网其它相关文章！