UI交互设计和前端是什么样的关系，为啥有听别人说前端也是UI

Question

如题所述

Answer 1

UI设计（或称界面设计）是指对软件的人机交互、操作逻辑、界面美观的整体设计。UI设计分为实体UI和虚拟UI，互联网说的UI设计是虚拟UI，UI即User Interface(用户界面)的简称。
web前端是创建Web页面或app等前端界面呈现给用户的过程，通过HTML，CSS及JavaScript以及衍生出来的各种技术、框架、解决方案，来实现互联网产品的用户界面交互。
UI设计根据需求文件和草图，详细设计出整个房子的所有设计图，并且标上所有数据（房子高xx米，宽xx米，每个房间用什么材料，铺什么样的地板，刷什么样的漆等等，详细到你通过设计图就能完全了解房子的样子），然后交给前端。
前端拿到设计文件，根据设计图开始施工，搭建房子骨架、砌墙、刷漆、放进家具，将一切搭建完毕。 主要任务：界面还原（用代码把图纸中的界面变成可操作的软件界面）、组件开发（按钮这些通用组件的开发和整理）、对接后端（利用后端的接口进行对接）等
这就是UI设计和前端直接的关系，他们两者在工作联系是非常紧密的

Answer 2

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要求较高，会要求一些后台接口的开发工作，因此对后台开发语言也有一定的要求。