UI設(shè)計是有一套完整的流程的，但總是會有人把它和前后端搞混了，但它們都是三個截然不同卻又相輔相成的關(guān)系。

就比如鴻蒙在UI、交互方面跟安卓幾乎是一模一樣的，因為只有這樣才能降低用戶更換鴻蒙后的使用成本，導(dǎo)致有很多人認為鴻蒙就是安卓。

下面我們用造房子來說明這三者的關(guān)系：

首先是產(chǎn)品經(jīng)理負責(zé)跟客戶溝通，整理需求，了解客戶需要什么樣的房子，有多少預(yù)算，工期是多長。然后整理出詳細的房子功能文件和設(shè)計草圖 (包括房子有幾層，大概多高多寬，有多少個房間，每個房間是什么功能) 給到UI設(shè)計。

?UI設(shè)計?

UI設(shè)計根據(jù)需求文件和草圖，詳細設(shè)計出整個房子的所有設(shè)計圖，并且標(biāo)上所有數(shù)據(jù)（房子高xx米，寬xx米，每個房間用什么材料，鋪什么樣的地板，刷什么樣的漆等等，詳細到你通過設(shè)計圖就能完全了解房子的樣子），然后交給前端。

主要任務(wù)：界面原型設(shè)計(骨架)、交互邏輯梳理(哪個界面到哪個界面、)、交互體驗設(shè)計(如何減少用戶重復(fù)、不必要的操作)、界面視覺設(shè)計（界面美化、配色、圖標(biāo)設(shè)計等）、設(shè)計規(guī)范與組件整理（整理可重復(fù)利用的組件，以及減少與前端開發(fā)的溝通成本）等

?前端開發(fā)?

前端拿到設(shè)計文件，根據(jù)設(shè)計圖開始施工，搭建房子骨架、砌墻、刷漆、放進家具，將一切搭建完畢。

主要任務(wù)：界面還原（用代碼把圖紙中的界面變成可操作的軟件界面）、組件開發(fā)（按鈕這些通用組件的開發(fā)和整理）、對接后端（利用后端的接口進行對接）等

?后端開發(fā)?

后端為房子布置電線、水管、暖氣，保證每個房間實現(xiàn)應(yīng)有的功能

主要任務(wù)：數(shù)據(jù)處理（數(shù)據(jù)庫儲存、查詢、整理、優(yōu)化）、數(shù)據(jù)結(jié)構(gòu)、算法優(yōu)化等。

到這一步你可以大致的理解為：

UI設(shè)計就是相當(dāng)于工程師主要畫房子的圖紙。

前端開發(fā)就是施工方，想方設(shè)法把圖紙里面的房子做出來。

后端開發(fā)就是裝修員，為房子鋪設(shè)線路、水管、裝修啥的。