
在公司里面,UI設計與前端是需要相互配合、相互溝通,這樣才能更好地產生出好作品、好效果,那么對于UI設計來說,設計出來的banner圖應該如何給前端呢?他們之間又應該如何配合呢?這里就公司內部UI設計與前端之間的關系與大家一起分析分析 。
一般設計師給前端的只有psd , 沒有其它多余的東西,連基礎的文檔都懶得給 。前端期望中的設計能給予的除了psd之外 , 還有設計上游崗位傳遞下來的東西 。比如:產品原型,需求文檔,交互文檔等等 。
【ui設計banner圖怎么給前端】一般在真正的代碼開發進行之前,前端期望中設計給的東西有:
1. 1份jpg文件: 里邊有各個psd的動作分解圖,包括頁面邏輯,或交互分解 。設計師放成這樣的目的在于在做設計時方便的拷貝,但對開發人員來說,如果分級過于隱藏就會漏掉某個部分的開發 。
2. 1份psd文件: 一份好的psd文件是分層清晰,設計規范的文件 。
3. 1份需求文檔: 需求文檔是對當前開發功能的基礎介紹或邏輯詳細描述 。
4. 1份原型文檔: 原型設計文檔一般是由產品經理對最初功能設想的一份粗稿,這份稿只是對布局或交互做簡單的設計,需要經過設計進行藝術的加工之后,才成為一個可以呈現給用戶的完整界面 。
當然這些所有的結果,需要經過層層開會審核,征得各個項目組leader的同意之后通過郵件的方式發送給各個成員,最粗笨的辦法就是放在局域網的共享地址可以去拿psd文件 。
恩,然后所有的中間需求變更、界面變更都要抄送相關人員 , 免得中間再次溝通 , 浪費時間 。
基本流程:
1、需求提出 , 產品跟產品leader溝通需求
2、產品leader跟開發、測試、ui/ue要人,要排期
3、要來的人大家一起開發,挑戰產品經理,跟批斗似的 , 產品拿著需求文檔講ppt
4、需求回歸
5、繼續批斗(4、5一直重復)
6、需求ok了,開始ui/ue設計
7、評審ui/ue
8、ui/ue回歸
9、開發
10、提測
11、回歸
12、上線
13、有問題回滾 。
另外公司的設計是這樣的:通常PSD要把交互效果的圖層都做好,出JPG的時候,
都會把默認狀態,交互狀態 , 管理員狀態各自出一個,然后彈窗布局出一個,都做得很精細 。
這樣導致的結果是想犯錯都沒有機會 。
