你想要一週的 Sketch 練習任務，這是一個提升 UI 設計能力、建立作品集、並熟練工具操作的好方法。
🗓️ 一週 Sketch 練習任務規劃（初中階設計師適用）
🎯 任務目標：
- 每天專注 1~2 小時完成一個小任務
- 完成後組成一個簡易 UI Kit + 展示原型
- 熟練：版面配置、元件設計、風格一致性、Prototype
✅ 一週任務總覽：
| 星期 | 任務主題 | 產出內容 | 目的 |
|---|---|---|---|
| 一 | 設計風格準則定義 | 色彩系統、字體樣式、按鈕樣式 | 設計風格一致的基礎 |
| 二 | 登入 / 註冊頁面設計 | 登入畫面 + 註冊畫面 | 練習表單、輸入欄位、CTA 按鈕 |
| 三 | App 首頁設計 | 顯示卡片、清單、導覽列 | 練習資訊排列、視覺層級 |
| 四 | 功能頁設計（詳細頁） | 詳細內容、圖片 + 行動按鈕 | 練習內容展示與資訊密度平衡 |
| 五 | 建立 UI Kit | Button、Input、Card、Modal Symbols | 模組化設計與 Symbol 應用 |
| 六 | 建立 Prototype | 加入畫面間互動連結 | Prototype 使用與流程規劃 |
| 日 | 統整作品 / 上傳 | UI Kit + Prototype 統整輸出 | 分享展示、回顧與檢討 |
📦 每日任務詳解
📅 Day 1：設計風格規則（Design System Lite）
目標： 建立色彩、字體、按鈕的設計系統。
🔹 內容：
- 3~5 種品牌色
- 字體階層（H1~Caption）
- 3 種按鈕樣式（Primary / Secondary / Disabled）
📤 輸出：建立 Shared Styles、Color Variables、Text Styles
📅 Day 2：登入 / 註冊頁設計
目標： 完成 2 個表單頁
🔹 元件：
- 輸入欄位（Email / 密碼）
- 登入按鈕
- 忘記密碼 + 註冊連結
- 錯誤狀態設計（input error）
📤 Bonus：加入 Social Login 按鈕（Google、Apple）
📅 Day 3：App 首頁設計（主畫面 Layout）
目標： 設計一個展示內容的主頁
🔹 可包含：
- 導覽列（Navbar）
- 卡片區塊（任務、商品、文章等）
- 搜尋欄
- 分類標籤（Tags 或 Tab Bar）
📤 練習 responsive grid 或統一 spacing（8pt 系統）
📅 Day 4：功能頁 / 詳細頁（Detail Page）
目標： 建立一個點擊後進入的詳情頁面
🔹 可設計：
- 頭圖 / 商品圖 / 封面圖
- 標題、內文、評分、作者資訊
- CTA：購買、收藏、分享按鈕
📤 練習資訊層級與版面呼吸感
📅 Day 5：建立 UI Kit
目標： 將已用元件統一整理為 Symbol
🔹 Symbol 結構建議：
Button/Primary
Input/Text
Card/Basic
Navbar/Desktop
Modal/Alert
📤 Bonus：將元件整理成一頁元件庫（Component Library）
📅 Day 6：加上 Prototype（互動原型）
目標： 將登入 → 首頁 → 詳細頁做成可點擊流程
🔹 Prototype 功能操作：
- 加連結箭頭（點擊 → 導向 Artboard）
- 設定轉場動畫（如 Slide 或 Dissolve）
- 設定首頁起始畫面
📤 可以使用 Sketch Cloud 預覽或錄影展示
📅 Day 7：統整展示 / 上傳作品
目標： 統整你的設計成一個小型專案
🔹 建議整理方式：
- 專案命名（如 Taskly App UI Kit）
- 匯出封面圖 + UI 頁 + UI Kit + 原型流程圖
- 上傳至：
- Sketch Cloud
- Behance / Dribbble
- Notion / PDF 作為作品集頁面
🧩 Bonus：你可以挑戰的主題（自由選）
| 題目 | 難度 |
|---|---|
| 任務管理 App UI Kit | 🟡 |
| 健康追蹤 Dashboard 設計 | 🔴 |
| 個人網站 UI Kit | 🟢 |
| 旅行 App（地圖 + 清單） | 🔴 |