軟件工程師基本有三個方向，前端（fe）、后臺（rd）、測試（qa）。UI設計師更多是和fe交接工作，因為fe主要是實現頁面效果、動效、交互模式的軟件工程師。

UI和fe交接工作主要是前端同學根據UI圖實現到產品上。UI同學把設計圖交付，但是為了前端同學實現還原度高，減輕后期溝通返工成本，給UI同學幾點建議。

一、UI-FE交付

1.UI設計圖標注。把自己的UI圖的間距、顏色、字號、柵格、自適應范圍，控件各種情況（例如button各個狀態）等等標注清晰，供前端同學代碼實現。

2.特殊標注文檔輸出。有些同學用sketch設計UI圖，sketch可以輸出自帶標注的h5，避免自己標注。ps也有很多的工具可以輸出h5標注文檔。

3.原文件交付。psd源文件交付，現在基本所有的前端同學都會使用ps，可以提高實現效率。

4.及時溝通。交付前和前端同學當面捋一下UI頁面，包括框架、操作、適配、切圖等。fe實現途中隨時有問題隨時解決，UI設計師盡量站在fe同學角度思考，尋找解決方法。實現后及時走查，反饋問題，視覺還原。

二、UI-RD交付

與rd同學交接主要是功能邏輯的溝通。如果公司有專職交互同學可以由交互同學去交接，如果沒有就UI同學和pm同學溝通功能接口問題。更多的是邏輯功能的思考。

三、UI-QA

qa同學交接是一個綜合的交接，包括視覺、交互、功能、bug等。不過流程上UI和qa交集相對較少。

以上就是和開發同學交接的一些心得，總之交流的時候將心比心，有問題一起解決，目標一致為了產品好，了解各個角色的工作方式等，提升UI設計師的綜合實力。