iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 27
1
自我挑戰組

UI 設計入門:SEO 尬網路行銷系列 第 27

【Day 27】情境模擬:該如何協助設計師,提供可以執行的設計稿 !?

  • 分享至 

  • xImage
  •  

要注意什麼,才能更順利地提供可執行的設計稿 !?

一、參考熱門的設計框架、典範大廠的 Web 框架或工程師習慣的框架

例如:boostrap、material design 等,才能在專案溝通上,更好輔助前端工程師進行網頁的設計排版。同時在協作的重要文件上建立完善的設計標註檔。

二、找範例網站或是 CodePen 呈現效果的範例

有明確的標的,提供給工程師參考。記得在溝通時,應該要詢問確認瀏覽器支援度、響應式效能等問題,除了考量視覺效果外,也要注意可行性的問題!

三、避免潛在風險

除了與工程師的配合外,我覺得在初期專案進行中,也可以同時注意的是:

  • 將客戶天馬行空的想法收斂成可實踐的功能
  • 提供範例網站給客戶,視覺化的標的物能更好地確認是不是客戶想要的,記得先諮詢工程師的意見。
  • 透過會議記錄,建立與客戶雙方的認知。
  • 務必接觸到 key man,避免後續規格更改。

上一篇
【Day 26】情境模擬:再好看也沒用 !? 設計稿被工程師說太難做不出來 QQ
下一篇
【Day 28】情境模擬:如何溝通有互動效果的介面 !?
系列文
UI 設計入門:SEO 尬網路行銷30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言