UI设计和前端开发的区别是什么？

发布网友 发布时间：2022-03-29 12:01

我来回答

共4个回答

懂视网 时间：2022-03-29 16:22

UI设计和web前端的区别在于：WEB前端工程师是要写代码的，而UI设计师重点在设计上。

　　UI设计（User Interface Design），即界面设计，是指对软件的人机交互、操作逻辑、界面美观的整体设计。它可以分为实体UI和虚拟UI两类，互联网中所提及的UI设计即是虚拟UI。好的UI设计不仅可以让软件变得更有个性、有品位，还可以让软件的操作变得更为舒适和简单。与之相应，UI设计师的职能大体包括三方面：一是图形设计，软件产品的产品“外形”设计。二是交互设计，主要在于设计软件的操作流程、树状结构、操作规范等。一个软件产品在编码之前需要做的就是交互设计，并且确立交互模型，交互规范。三是用户测试/研究，这里所谓的“测试”，其目标恰在于测试交互设计的合理性及图形设计的美观性，主要通过以目标用户问卷的形式衡量UI设计的合理性。如果没有这方面的测试研究，UI设计的好坏只能凭借设计师的经验或者领导的审美来评判，这样就会给企业带来极大的风险。

　　《Web前端设计与开发-HTML+CSS+JavaScript+HTML 5+jQuery》是QST青软实训推出的“在实践中成长”系列丛书之一，作者郭全友已从事计算机教学和项目开发多年，拥有丰富的教学和实践经验。本书作为Web前端设计教材，由浅入深系统地讲解了HTML基本标签、表格与框架、CSS页面布局、JavaScript基本语法、JavaScript对象、BOM与DOM编程、HTML 5新特性、jQuery框架以及自定义插件。且对每个知识点都进行了深入分析，针对知识点在语法、示例、代码及任务实现上进行阶梯式层层强化，让读者对知识点从入门到灵活运用一步一步脚踏实地进行。

热心网友 时间：2022-03-29 13:30

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前端需要是有很好的审美能力，通常需要有美术设计教育背景。

热心网友 时间：2022-03-29 14:48

前端设计和ui设计的区别有以下几个方面：

1、研究方向不同：ui设计的研究方向是：用户研究、交互设计、界面设计。web前端的研究方向是技术方向：包括html、css、js等需要编写代码。
2、职业机会不同：ui设计的职业方向是：前端开发工程师、资深前端开发工程师、前端架构师等。web前端的职业方向是：图形设计师、交互设计师、用户测试/研究工程师等。
3、工作内容不同：ui前端：主要负责系统/app，ui界面设计，以及html代码实现，主要工作偏向于设计。web前端：主要讲ui提供的设计图，编码成静态html，实现所有特效；并负责所有交互的对接，对js要求较高，会要求一些后台接口的开发工作，因此对后台开发语言也有一定的要求。
4、所需技术不同：web前端会用到Bootstrap、Vue、Jquery、Javascript、CSS、html等技术知识。而ui前端需要是有很好的审美能力，通常需要有美术设计教育背景。

想要了解更多关于UI设计和前端开发的相关信息，推荐选择Pixso协同设计。该工具不仅是一站式产品设计协作工具，更是一款专业的UI/UX设计工具。更多矢量网格、布尔运算、样式创建、智能排版等高阶功能，组件级自动布局，增加或删除内容都无需手动调整，智能排版，且自适应不同屏幕尺寸。使设计师真正专注于创造本身。

热心网友 时间：2022-03-29 16:23

不同工种，两者会通过蓝湖这类工具进行协作。