iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 3
0

身為工程師你該知道的小知識

謹記設計師不是RD

1.盡可能先釐清對專有名詞的定義(不然會雞同鴨講)
EXP: 草稿、function map、flow、wireframe、mockup
漢堡選單?Pop-UP?model?Alert? Div?
2.主動關心進度與工作流程(不是每個人都擅長遠端工作XD)
3.不隨意亂改設計原稿,善用標注or副本 (亂改設計師氣upup)

如何與設計師協作

於DDD一書中提出模型中有以下概念:

上下文:詞或句子出現的位置。
域:一類知識(ontology),影響,或活動。軟體使用的場景。
模型:一類描述域的不同方面並可用於解決相關問題的系統化的抽象。
統一術語(Ubiquitous Language):一種團隊成員使用,為了描述域模型而構造的語言。

而工程師與設計師的背景知識不同,統一術語是開發前期最重要的工作,接者才是取得工作流程的共識,再來不斷的討論與修正

首先應該先互相了解 技能背景 ,以便釐清是否在認知上有所落差,通常可以分為以下幾種設計師:

  • 前端設計師(UI/UX、WEB、APP、CSS 切版)
  • 平面設計師(AIPS、海報、橫幅、書籍刊物、商品、CIS) 常被誤會是小編
  • 視覺設計師(很潮的視覺圖,插畫,特效,LOGO)
  • 互動設計師 (AE,Lottie...)

有時間或是核心複雜功能建議請UI/UX製作 prototype (務必以此檢查APP的UI Flow 是否順暢有所遺漏)

專案啟動時建議製作(並且參與討論+親自核對) Function Map

https://ithelp.ithome.com.tw/upload/images/20200916/20104220vGw17h0AH9.png

https://ithelp.ithome.com.tw/upload/images/20200916/20104220btEYKB5oZt.png

阿所以設計師請假怎麼辦工程師?Σ(゚Д゚;≡;゚д゚)

首先你平常就需要最低限度的認識/接觸至少一套繪圖or原型製作軟體,至少設計師傳給你看找你討論時不要無視他。

常見繪圖or原型製作軟體

https://ithelp.ithome.com.tw/upload/images/20200916/201042206tnL27mc17.png

學會用有什麼好處?你4不知道寫扣很累ㄇ,還要會設計?

我曾經遇過一個按鈕,由於當時我還是菜雞,啥都不會不懂,請設計師姊姊輸出 PDF 就開工了,結果一輩子調不出來這個按鈕,直到前輩開 Zeplin 給我看....
上 70%不透明(設計稿)
中 其他顏色(我按照色碼調出來的)
下 100%不透明

https://ithelp.ithome.com.tw/upload/images/20200916/20104220L8pwlX3Ebn.png

自從會用軟體後,考試都考ㄧ百分,再難的設計都有CSS可以參考了 ( ͡° ͜ʖ ͡°)

https://ithelp.ithome.com.tw/upload/images/20200916/20104220qK4w2R2jcF.png

阿所以那個要改的畫面?

直接用繪圖軟體先改ㄧ版給老闆看過,才不會白做工

然後再等待老闆做決策前又有時間可以修Bug了 d(`・∀・)b

https://ithelp.ithome.com.tw/upload/images/20200916/20104220NfbqJpQsHW.png


上一篇
[Day:1]想要偷懶,必須要先讓事情可以順利完成
下一篇
[Day:3]別再說窮沒錢買 server,誰說 APP 不能跑 Node.JS ( ˘•ω•˘ )
系列文
ReactNative 懶人開發之路,薪水小偷練成日記(X31
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言