UI設計工程師的愛恨情仇：上理解產品下理解技術，什麼是我們最害怕的Surprise？

「用分享向你致意，用知識與你連接」

——金融晨會歡迎你~

晨會小助手分享前介紹：

感謝設計部超哥為我們分享UI設計師的酸甜苦辣，讓我們了解了UI設計師和產品與技術同學們的關係，打開了我的視野，給我很大的啟發。

一、了解UI設計工程師

1、職責

設計會在產品經理設計的產品原型基礎上做美化工作，以及進行主次配置，但不會去寫代碼。

2、與其他同事上下游關係

上游鏈接產品經理，下游連接前端技術，上要理解產品，下要理解技術。

二、優秀靠譜的UI設計師是怎樣的？

1、設計頁面可用美觀是基礎。

怎樣的設計師是不合格的設計師？

我曾經遇到過實習生把圖做出來以後給前端工程師，前端同學打開是JPG格式的圖，而不是PSD格式的圖。我們知道，JPG格式的圖，前端沒法切頁面。

後來在前端技術要求下，這位實習生又發了一遍PSD格式的圖，原來只是合成的PSD，而不是設計好的PSD。

最後的結果是前端自己把圖做成了PSD。

比較成熟的設計師是不會這樣的。

2、在設計層面就把產品邏輯就理順，把問題解決。

產品經理水平也分層次。成熟點的產品經理固然是好，直接按他的原型設計就好。

遇到不是很成熟的產品經理，UI設計工程師就要去幫他理清邏輯和交互設計，會比較費腦子，當然，最後決定權在產品。

3、優秀成熟的設計師做圖的時候會考慮前端技術開發是否容易實現。

盡量在設計過程中就考慮讓技術開發簡單快捷地把項目完成。

我曾經學習過一段時間前端技術，這有利於我了解前端技術的訴求，更好地與他們銜接配合。

4、在時間緊迫時，設計師會進行時間的控制，建議砍需求，把一些不重要的功能幹掉。

不會只考慮UI設計得很漂亮，不考慮技術實現的成本。

5、了解一些設計心理學，正確發揮自我的潛意識，也做好用戶視覺體驗。

6、運用最新的設計手段，提高效率，比如杜瑞給我推薦的、最新流行的sketch設計工具。

亮亮點評：sketch是為移動端而生的，會有自動出來代碼，前端技術可以參考，提高效率。

三、UI設計步驟及技巧

拿到大任務時，首先狀態要放鬆。

要像弓箭一樣，有張有弛，才能蓄勢待發。

UI設計師如何控制設計節奏？

比如說150多頁的設計大項目，約定工時大約兩周，工作量非常大，如何控制進程？

1、首先進行風格確定：白版還是黑版

與其他同事一起確定。

2、設計首頁

3、詳情

4、我的

5、列表，數字比較多的項目需要用到列表。

6、反覆調試

7、基礎樣式就定了以後，就拼設計手速了。

四、讓UI設計師最害怕的Surprise（意外）

1、產品經理原型不確定性太嚴重，不管是時間還是頁面布局。

2、重大的功能，有可能占設計很大工作量的功能沒有提前預估，造成實際與設計師預期落差很大。

舉個例子，有的功能雖然只有簡單兩個字，但由於一些原因非常複雜，比如合規原因，設計師需要做非常大的超預期的工作量。

產品經理最好提前預估好，確定要做以後，也可以再評估一下，能否再優化，盡量減少一些步驟？

3、產品經理跟設計師UI對接的時候，大段的文字不要給圖片，要給文字，不然設計師要一個一個字再打一遍。

四、推薦大家看一本書：

曾國藩《冰鑒》，怎樣識別人，相人術。

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！