系列文章
DAY 1
Day 1 APP抓周，我想寫出怎樣的重訓紀錄APP呢？
前言 2022 年的目標是打造健康的自己，其中一項就是健身！為了讓自己方便掌握健身成果和訓練狀態，開始在google的Keep紀錄訓練的日期組數、重量。這次要...
DAY 2
Day 2 給我一支筆雖不能舉起地球，但可以具象化想法！
前言 昨天釐清了需求，今天要來把想法具體化。到底在工程師拿到美美的設計稿前，設計師都下了什麼功夫呢？ 設計流程 把抽想的想法圖像化，大致可以分為三個步驟：...
DAY 3
Day 3 Flow chart
前言 我拿著粗糙的wireframe 手稿請教設計師朋友有什麼地方需要改進的，總感覺這份手稿還有很多細節沒處理到。朋友: 「需要flow 才能知道畫面間的邏輯...
DAY 4
Day 4 Flow chart 2，一個不小心就要隕石開發了？
前言 昨天畫完流程圖後，請朋友L（不是死亡筆記本）過目，得到兩個需要改進的地方 流程圖有個慣例方向，是由上往下，由左而右 方形只會出區一個箭頭，不會同時有...
DAY 5
Day 5 來點顏色瞧瞧 Material3 Color & Dynamic Color 不是設計師，也能輕鬆產出主題色～
前言 昨天信誓旦旦的說要把 flow 畫好，但有時候就是會看著同個東西沒有靈感。所以今天來做個也很重要，而且可以讓心情變美麗的東西，主題色！Android 1...
DAY 6
Day 6 把生成好的Material3 顏色加入專案，再來點動態顏色。
前言 昨天我們花了幾分鐘做輸出好顏色檔案。接下來就是使用它啦！ 加入 Theme.kt 和 Colot.kt 輸出檔案解壓縮後得到兩個檔案 開新的 comp...
DAY 7
Day 7 Figma x Material Theme Builder x Material Design 3
前言 前2天用了 Web版 Material Theme Builder，快速方便。但想要看渲染過的元件長什麼樣的話就要到 Figma 版的 Material...
DAY 8
Day 8 Jetpack Compose 上手小Tips
前言 工欲善其事必先利其器，在正式進入開發之前，來介紹使用 jetpck compose 開發時能加速開發的小技巧，以及我在學習路上用到的好資源。 快速建立...
DAY 9
Day 9 主頁面 Flow、Component
前言 今天要從 Flow 開始，介紹主畫面主要流程、看看 wirefram 上需要哪些 Component，並到 Figma 的 MD3 抓需要的元件。 Ho...