UI设计是有一套完整的流程的,但总是会有人把它和前后端搞混了,但它们都是三个截然不同却又相辅相成的关系。
就比如鸿蒙在UI、交互方面跟安卓几乎是一模一样的,因为只有这样才能降低用户更换鸿蒙后的使用成本,导致有很多人认为鸿蒙就是安卓。
下面我用造房子来说明这三者的关系:
首先是产品经理负责跟客户沟通,整理需求,了解客户需要什么样的房子,有多少预算,工期是多长。然后整理出详细的房子功能文件和设计草图 (包括房子有几层,大概多高多宽,有多少个房间,每个房间是什么功能) 给到UI设计。
UI设计
UI设计根据需求文件和草图,详细设计出整个房子的所有设计图,并且标上所有数据(房子高xx米,宽xx米,每个房间用什么材料,铺什么样的地板,刷什么样的漆等等,详细到你通过设计图就能完全了解房子的样子),然后交给前端。
主要任务:界面原型设计(骨架)、交互逻辑梳理(哪个界面到哪个界面、)、交互体验设计(如何减少用户重复、不必要的操作)、界面视觉设计(界面美化、配色、图标设计等)、设计规范与组件整理(整理可重复利用的组件,以及减少与前端开发的沟通成本)等。
前端开发 前端拿到设计文件,根据设计图开始施工,搭建房子骨架、砌墙、刷漆、放进家具,将一切搭建完毕。 主要任务:界面还原(用代码把图纸中的界面变成可操作的软件界面)、组件开发(按钮这些通用组件的开发和整理)、对接后端(利用后端的接口进行对接)等
后端开发 后端为房子布置电线、水管、暖气,保证每个房间实现应有的功能 主要任务:数据处理(数据库储存、查询、整理、优化)、数据结构、算法优化等。
到这一步你可以大致的理解为: UI设计就是相当于工程师主要画房子的图纸。
前端开发就是施工方,想方设法把图纸里面的房子做出来。 后端开发就是装修员,为房子铺设线路、水管、装修啥的。
|