開發流程 #2 Design | 設計 | 如何設計網頁 | Design System | 設計流程

第二部就是設計, Web Design 。我的設計流程會先從Design System 開始。 我的Design system 我就會定義顏色， 字體。 因為我的案子比較小，我的Design System 定義這樣就可以了。接下來 我會來畫元件(component)譬如，表單， 導覽列， 按鈕。

Component 我畫的差不多的時候我就開始處理頁面了。 頁面我會先把格線(grid) 設定好。 設定好就開始組裝頁面。

我跟一般UI 設計師不一樣是我不會畫 手機版本 跟原型 (Prototype). 這部分我覺得跟Coding 是重疊的所以我選擇下一步(Coding) 在一起處理

--------------------------------------------------------------------------------------------------------
我想學程式 | Big Boy 的線上課程 | 組合包
連結🔗: https://www.bigboycancode.com/all-cou...

我需要程式服務 | 請看我的相關服務
連結🔗: https://www.bigboycancode.com/service...

[Social Media]👍👍
🎈FB粉絲頁   / bigboycancode  
🎈YouTube頻道 https://goo.gl/kG7uf5
🎈IG:   / bigboycancode  

需要寫程式服務，洽談，教學，以下是我聯絡方式
email: [email protected]
line ID: twdh04