近期於前端開發時常會被 PM 要求先提個 Mockup 來看看呈現效果之類的。有鑑於公司目前的人力配置一直沒有規劃到 UI / UX 這個領域，那就自己下來碰碰看吧。這篇筆記的是六角學院的 UI 設計入門：畫出有程式邏輯的設計稿 中「如何與工程師互動」。
課程相關資訊
[連結]：https://courses.hexschool.com/courses/724307/lectures/13468846
本篇範圍：Chapter 11 ( 情境模擬：工程師現身說法 ) ，一共有 13 篇
請注意：本系列文章為個人對應課程的消化吸收後，所整理出來的內容。換言之，並不一定會包含全部的課程內容，也有可能會添加其他資源來說明。
筆記
1. 設計稿若被工程師反應有些困難，可以多詢問一些細節，如：是圖片的處理、響應式的畫面、支援性…等，進而去磨合雙方的默契
2. 在設計時，可參考 Google Material Design, Bootstrap…等框架來當作基礎
3. 可參考 Codepen 上的效果，這樣一來工程師會比較有所本。不過要記得越炫麗的效果，其支援度和效能是需要考量的
4. 若要實作互動效果，要記得動態效果的建置成本，往往會是靜態的數倍以上。彼此間是需要溝通的，工程師是需要一些技巧和方法給設計師，讓其理解技術上的難處
