軟體工程師基本有三個方向，前端（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設計師的綜合實力。
軟體工程師基本有三個方向，前端（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設計師的綜合實力。