前端工程師與UI設計協同工作主要環節在於設計圖與前端界面是否一致。（還原度）
不得不說，設計圖與前端界面實現不一致的問題時有發生。（好吧，我經驗有限）所以經常寫完的前端頁面都需要去修改。（特別是做移動端web）頻繁的修改頁面不僅我覺得很煩，UI設計也很煩。因此，我就好好反思一下我為什么不能好好的還原設計稿的尺寸。
之前待過的公司工作流程是這樣的：
UI設計只負責設計UI界面，出PSD，AI與PSD效果圖。不出標注圖。
前端工程師拿到PSD文件去測量里面間距，去切圖，實現前端頁面。
結果前端工程師效率比較低，前端工作量大，設計稿里面每一個頁面元素都去衡量，而且還要找到對應的某個圖層去切片，切換之后還要實現前端頁面。工作量可想而知。實現頁面之后，與效果圖有出入。
PS：UI設計真心TM的偷懶，除了目錄命名之外，有些元素直接使用默認命名（如：“形狀一”），讓前端工程師一個一個的找圖層，時間就是這樣浪費過去了。
后來換了一間公司，工作流程是這樣的：
UI設計負責設計UI界面，出PSD與PSD效果圖。出標注圖，切圖。
前端工程師直接看效果圖與標注圖，實現前端頁面。
看上去明顯比之前好多了，前端工程師的工作量少，但是問題又來，標注圖沒有標准確，結果頁面元素之間還是存在誤差，實現頁面依然與效果圖有出入。
PS：UI設計真心TM的膚淺，同一個模塊字體大小不一樣，一些頁面字體標13px，一些頁面字標14px（這只是個例子，還有N多類似的地方）讓前端工程師都醉了。
經歷了以上的情況，我就在思考，如何協調與UI設計的工作流程，前端工程師能否精准還原設計稿的尺寸。曾經我也試過了很多方法，使用AlloyDesigner插件來還設計稿，不過還是覺得不靠譜。
后來與UI設計商量之后，改進了一下工作流程。
UI設計負責設計UI界面，出PSD與PSD效果圖，切圖資源一定要是偶數尺寸，如230*230,50*50。（制定設計規范圖）
前端工程師拿到PSD文件使用Assistor PS測量里面間距，利用PS CC自帶的“復制css”功能，獲取對應的css屬性，實現前端頁面。
終於，前端工程師能夠很好的還原設計稿，避免了不必要的修改的麻煩，UI設計滿意了，前端工程師滿意了，老板也滿意了。
補充：PS插件
css3ps （圖層轉化成CSS3代碼）
CSS Hat （國外增強型的復制CSS）
PhotoshopCopyCSS （國內增強型的復制CSS）
Size-Marks-PS （PS元素標注）