你了解UI设计和前端、后端之间的关系吗？

测码奔腾永无BUG · 发表于 2021-7-14 11:47:57

UI设计是有一套完整的流程的，但总是会有人把它和前后端搞混了，但它们都是三个截然不同却又相辅相成的关系。

就比如鸿蒙在UI、交互方面跟安卓几乎是一模一样的，因为只有这样才能降低用户更换鸿蒙后的使用成本，导致有很多人认为鸿蒙就是安卓。

下面我用造房子来说明这三者的关系：

首先是产品经理负责跟客户沟通，整理需求，了解客户需要什么样的房子，有多少预算，工期是多长。然后整理出详细的房子功能文件和设计草图 (包括房子有几层，大概多高多宽，有多少个房间，每个房间是什么功能) 给到UI设计。

UI设计

UI设计根据需求文件和草图，详细设计出整个房子的所有设计图，并且标上所有数据（房子高xx米，宽xx米，每个房间用什么材料，铺什么样的地板，刷什么样的漆等等，详细到你通过设计图就能完全了解房子的样子），然后交给前端。

主要任务：界面原型设计(骨架)、交互逻辑梳理(哪个界面到哪个界面、)、交互体验设计(如何减少用户重复、不必要的操作)、界面视觉设计（界面美化、配色、图标设计等）、设计规范与组件整理（整理可重复利用的组件，以及减少与前端开发的沟通成本）等。

前端开发

前端拿到设计文件，根据设计图开始施工，搭建房子骨架、砌墙、刷漆、放进家具，将一切搭建完毕。

主要任务：界面还原（用代码把图纸中的界面变成可操作的软件界面）、组件开发（按钮这些通用组件的开发和整理）、对接后端（利用后端的接口进行对接）等

后端开发

后端为房子布置电线、水管、暖气，保证每个房间实现应有的功能

主要任务：数据处理（数据库储存、查询、整理、优化）、数据结构、算法优化等。

到这一步你可以大致的理解为：

UI设计就是相当于工程师主要画房子的图纸。

前端开发就是施工方，想方设法把图纸里面的房子做出来。

后端开发就是装修员，为房子铺设线路、水管、装修啥的。

duanyijun · 发表于 2022-5-4 11:39:41

厉害了，我试试

wushuide · 发表于 2021-8-6 15:46:16

精易的人大多数都是个人为主，一个人全包，分不分也无所谓了

afd · 发表于 2021-8-3 21:54:11

一般小公司的前端就包含了ui的活, 另外鸿蒙是不是安卓,跟什么ui 前端没关系,说的是他底层代码和安卓一样基于某开源系统

无敌辅助 · 发表于 2021-8-3 21:43:49

学习了。感谢教学

HWCSQ · 发表于 2021-7-28 17:02:59

UI设计就是相当于工程师主要画房子的图纸。前端开发就是施工方，想方设法把图纸里面的房子做出来。后端开发就是装修员，为房子铺设线路、水管、装修啥的。

qq2518 · 发表于 2021-7-18 23:29:10

学习了。感谢教学

怡君大哥 · 发表于 2021-7-14 21:54:04

醉人发表于 2021-7-14 12:48
精易的人大多数都是个人为主，一个人全包，分不分也无所谓了

兄弟你怎么全身发红了

北冥 · 发表于 2021-7-14 13:39:45

用户组：全栈工程师

测码奔腾永无BUG · 发表于 2021-7-14 13:17:55

梦幻岛主发表于 2021-7-14 12:38
精易的人大多数都是个人为主，一个人全包，分不分也无所谓了

		自动登录	找回密码
密码			注册

[界面设计资源] 你了解UI设计和前端、后端之间的关系吗？