畫出線框稿似乎是前期軟體設計GUI的一個好方法。
昨天因為需要先期規劃今日與業務的開會需求，所以針對要設計在APP上的功能我做了線框稿的前期設計。
在這種功能不太明朗，只貼幾個同業人家怎麼做的範例，就要你搞出一套市場上的需求，我是覺得全端都我來做是有點棘手了。
總之人家點餐了，身為廚師不拿出菜來也不行，況且今天人家的試菜員也要來了，至少先把MENU設計出來以及樣子要畫出來討論一下，再請他們回饋/蒐集市場的需求怎麼反饋。
這就是我今天要做的事，前期線框稿設計。(在還沒有明確功能需求討論下先出一版GUI樣子大家討論/鞭策一下)
以往東西比較簡單，在C#我大概就是搞個通訊方法以後，外加自己將控制項數值填入即可。
美不美觀是一回事，重要是數據穩定能LOG，頁面簡潔沒有錯誤，即時數據要求能在UI上呈現即可。
但這個將來要在IOS上面上架的東西，總是要做的出來拿得上檯面，才不會丟老闆的臉。
然後我又自作主張去年就想要使用FLUTTER框架方式，導入WEB/ANDROID/IOS三種方式，一次完成的跨框架程式設計。
所以導致現在拖延症發作後，明天要交券的情況下，十分痛苦。
本來我也就沒有什麼美工底子，但如果要用FLUTTER先把UI前端不論功能做出來，又要綁手綁腳多花時間處理狀態改變和自訂Widget方式。(想到就累了)
所以先用drawio 從原本設計和蒐集資訊的TAB再加一個分頁，直接在上面畫出各個分鏡頁面稿。
像是點下按鈕選，出現幾個頁面，每個頁面全部畫出來。
功能在旁邊輔助解釋。
沒想到原本功能不太明朗的迷霧，一做就有。
頁面一頁一頁畫，很好搞定。
今天下午開會就來開始好好大戰一番!
