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前端需要是有很好的审美能力，通常需要有美术设计教育背景。
css竖直排列，css 虚线动画，css样式记不住，css块元素水平居中，css两个嵌套，css代码大全基础知识，css背景平滑滚动