A. UI設計師和前端工程師該如何更好的銜接
先製作UI組件，再拼接頁面
製作產品流程圖
提取出全局的可通用的部分
在開發過程中避免需求的修改
如果UI給前端的是一堆頁面，前端需要花一些時間去整理提取UI組件。另一方面，UI設計師如果從組件的角度出發，先做組件再拼頁面，既可以提高效率也可以避免UI元素在各個頁面不統一的問題
設計產品流程圖可以給前後台通用（新建一個大畫布，把界面拉進畫布，將按鈕/鏈接與對應點擊所進入的界面用線段鏈接起來），可以一目瞭然的明白業務需求，不用打開Axure導出的HTML一個鏈接一個鏈接的點擊（偶爾還會有沒加鏈接的情況）
1、錯誤及提示列表 / 根據不同用戶角色的錯誤及提示列表（訂單中）
2、設計通用的錯誤頁面，比如404（頁面未找到）錯誤頁面、504（伺服器內部錯誤，可替換成更友好的提示）錯誤頁面，用戶許可權錯誤頁面
1、修改需求需要時間（尤其是修改已做好的功能），而開發時間是固定的，常常修改會壓縮開發時間。壓縮開發時間，就要靠加班解決
2、一個頁面往往不是獨立的，修改可能會影響多個地方。
3、多次的修改，容易讓產品和開發產生矛盾。產品覺得開發簡單，開發覺得產品傻逼
4、產品修改是為了能設計出好的產品，開發打代碼是為了能做出好的產品，兩者的目標相同，多溝通多理解但是少修改 : )
B. UI做網頁跟哪些程序員交接 - 百度
前端工程師，。
前端工程師，他們需要與UI對接，即負責網站建設中的整體格式，通過代碼編輯網站，實現UI設計師給出的設計方案，隨著用戶體驗的調整。
UI設計師主要負責在網站中設置界面設計，也就是我們看到的界面，採用一些畫圖工具和畫板來保證其美觀的風格和圖案，讓客戶滿意美觀，好的UI設計不僅是讓網站變得有個性有品位，還要讓網站的操作變得舒適簡單、自由，充分體現軟體的定位和特點。
C. ui設計和前端有關聯嗎
UI設計和前端，兩者都屬於目前互聯網行業高薪水發展好的方向！
互聯網UI/UE設計師
屬於IT行業中偏設計的方向，課程設計代碼知識少，主要是圖片、視頻等處理工作，薪資待遇高。
學習內容主要有：
1、基礎設計類軟體：PS、AI、PR、Axure、墨刀、MindManager等；
2、美術和手繪的相關技能（界面設計需要同學們具備原創能力）；
3、網頁設計和用戶體驗設計；
4、設計深入課程，AE動效設計、C4D的模型設計操作；
5、互動式合計
學生畢業以後可以從事：
設計類崗位：平面設計師、網頁設計師、UI設計師、交互設計師等
媒體類崗位：影視後期、新媒體、視頻編輯、網紅自媒體等
市面上不錯的品牌有：南京北大青鳥、中博軟體學院、南京課工場等，建議實地考察對比一下。
web全棧工程師（前端的升級版本）
學習主要內容有：
①計算機基礎以及PS基礎
②前端開發基礎：HTML5開發、JavaScript基礎到高級、jQuery網頁特效、Bootstrap框架
③移動開發（必學）
④前端高級開發：ECMAScript6、Veu.js框架開發、webpack、前端頁面優化、React框架開發、Angul
⑤小程序開發
⑥全棧開發（精華）：MySQL資料庫、Python編程語言、Django框架等
⑦拓展：網站SEO與前端安全技術
北大青鳥中博軟體學院祝你學有所成！望採納！
北大青鳥中博軟體學院主教學樓
D. UI設計與前端有什麼聯系
ui負責頁面到底應該長成什麼樣子，前端根據ui用代碼來實現這個樣子
設計師的水平直接決定頁面的美觀性
一個合格的前端能夠完全相同的還原ui圖，至於還原後很醜，就是設計的問題了，但如果沒有還原出來，那麼前端是不合格的
E. ui設計和前端開發的工作交集
UI設計主要是界面的設計，但是一個漂亮美觀的界面並不能實現人機交互，這就需要前端開發工程師針對UI設計的界面進行功能代碼實現，需要切圖、編輯代碼。他們兩個是密切配合的關系
F. ui切圖怎麼命名給前端
1、所有命名全部為小寫英文字母
原因是開發小哥哥的代碼裡面全是小寫的英文字母，如何切圖命名成中文的話，會導致開發小哥哥將命名全部更改，這樣會耽誤產品開發的進度。
2、所有命名不得出現大寫以及中文和空格或其他符號，單詞之間用_隔開
切圖格式：Png格式
通用切片命名格式：組件_類別_功能_狀態@2x.png
舉例：
[email protected]（中文對應的是：標簽欄_圖標_主頁_默認@2x.png）
1.工程師在實現我們效果圖的過程中，需要計算好每一個元素的位置，然後再調用我們切好的圖進行填充，那麼在團隊協作過程中首先應該保證切圖輸出能夠滿足工程師設計效果圖的高保真還原的需求；
2.切圖輸出應該盡可能的降低工程師的開發工作量，避免因切圖輸出而導致的不必要的工作量，養成良好的命名習慣，比如可以利用版本命名，亦或時間命名都可以更清晰地標明。
3.一個團隊之間應該統一標准，制定並遵循規范，這樣不管是後期版本的跟新迭代或者是設計師之間的交接，都會方便快捷很多。
G. UI把圖做好之後是怎樣跟前端交接的
首先，UI和前端之間要有一個共同的目標的前提下溝通，如果目標不一致，或沒有目標，那就沒辦法溝通。
一般在真正的代碼開發進行之前，前端期望設計給的東西有：
1. 1份jpg文件: 里邊有各個psd的動作分解圖，包括頁面邏輯，或交互分解。設計師放成這樣的目的在於在做設計時方便的拷貝，但對開發人員來說，如果分級過於隱藏就會漏掉某個部分的開發。
2. 1份psd文件: 一份好的psd文件是分層清晰，設計規范的文件。
3. 1份需求文檔: 需求文檔是對當前開發功能的基礎介紹或邏輯詳細描述。
4. 1份原型文檔: 原型設計文檔一般是由產品經理對最初功能設想的一份粗稿，這份稿只是對布局或交互做簡單的設計，需要經過設計進行藝術的加工之後，才成為一個可以呈現給用戶的完整界面。
當然這些所有的結果，需要經過層層開會審核，徵得各個項目組leader的同意之後通過郵件的方式發送給各個成員，最粗笨的辦法就是放在區域網的共享地址可以去拿psd文件。
H. UI設計稿交付給前端開發應該是什麼樣子的
對於互相比較了解的團隊的話，UI設計交付給前端開發的稿件應該具有清晰明細的結構和分層分組，圖層按整體版面命上語義話的圖層名稱。
如下圖所示：
對於初次磨合的團隊的話，在充分溝通的前題下還應該在設計稿中進行字體間距顏色代碼滑鼠移入狀態等細節的標注。
以上就是TOPVE唯藝互動對於UI設計稿交付給前端開發應該是什麼樣子的理解，希望能給你帶來幫助。
I. UI是怎麼和前端對接的
1.准確的來說，做ul的其實就做移動端設計的，設計一些移動端頁面，當然也包括ico圖標，手機上用的各種小圖標，logo等，比如一個小刪除按鈕。登錄按鈕，等。
2.而做前端的就是根據你的移動端ul界面來做成移動端手機頁面
J. UI交互設計和前端是什麼樣的關系，為啥有聽別人說前端也是UI
交互設計和UI設計的關系：
1、交互設計是一種面向目標的設計。所有的工作都是圍繞用戶行為設計的。交互設計人員設計用戶行為，使用戶更方便高效地實現產品業務目標，並獲得愉快的用戶體驗。
ui設計有兩個概念：窄和寬。廣義的概念包含了互動的含義。事實上，UI設計包括圖形設計、網頁設計和移動界面設計，交互是當今設計師的一項重要任務。
2、如果UI設計是通用的，則應該包括原型設計、交互設計和視覺設計。狹義的ui通常只是人們看到的ui可視化設計的最後一部，交互是用戶操作事件的反映。
例如，點擊彈出菜單，瀏覽鏈接就會變成紫色，這是一種非常微妙的互動，但它處處反映用戶體驗。交互設計更多的是關於用戶行為響應的設計、UI可視化設計，以及更多關於界面的靜態設計。