UI課程:【 情境模擬 】學習筆記 – UI 設計入門:畫出有程式邏輯的設計稿

這篇筆記紀錄《 UI 設計入門:畫出有程式邏輯的設計稿》情境模擬,由六角校長和授課老師-俊儀相互討論說明。

Q1 : 繪製的設計稿被說功能太難做不出來!?

A1 : 「專業是把困難的東西說的簡單,讓人容易理解。」基本上要相互溝通,工程師可能說明瀏覽器支援性、效能上無法達到設計師想要的效果,而進行修正。

Q2:如何協助設計師提供可執行的設計稿?

A2:  設計師很常擔心自己的設計稿被駁回,提供兩個建議:

  1. 參考設計框架所設計出來:可以詢問工程師常用的框架,像是使用Boostrap。
  2. 找範例網站參考: codepen (每天有熱門排行)-視差滾動、頁籤效果 (看完後和工程師討論效能、RWD、瀏覽器支援度)

Q3:如何跟工程師溝通有互動效果的介面?

A3 :  設計實作之前和工程師溝通速率,曾有設計師提供PTT,做出低擬真動畫效果。或是可以用介面軟體(如:Abode XD)做出原型設計互動效果。或是兩者相互配合,直接討論30分鐘,減少設計師製作時間。Q4:工程師對間距等設計細節不太在意?

A4 :工程師對於間距這種細節不太在意。

老師說,要用同理心方式,工程師在意自己程式碼品質、寫法,那設計師在意間距很正常,相互理解、教學相長。

可以說間隔是有一致性,若跑掉閱讀性會少很多。基本上這問題是講法、同理心問題。

Q5: 有無方式能加速設計師和工程師溝通?

A5 : 繪圖軟體有無提供標示文件。

Q6:設計師需要學前端技術嗎?

A6: 可以學,但不是要成為工程師。是把容易產生問題的部分,多做學習,可以更加了解你的夥伴,有利溝通加速進行。

Q7:專案協作上的常見問題?

A7 : 時程控管- 不要卡到別人的時間。 有預期比較麻煩的效果,先跟前端工程師討論,這樣前端工程師就有時間研究。

 

Scroll to Top