使用者介面設計｜學期作業說明

Semester project

一學期，完成一份能放進作品集的 UI 專案

期中提案 → 期末精稿與原型 → Behance 線上展覽。下面的交付清單可以直接勾選，瀏覽器會幫你記住進度；每一項都附「怎麼做」連到對應單元。

我的校區

Midterm · W9 期中發表 –天 Final · W17 期末發表 –天 Midterm checklist 0／ 13 項期中交付進度 Final checklist 0／ 6 項期末交付進度

Final assignment

APP or WEB 專案設計ORReDesign 改善方案

將本學期的 UI 專案設計做一整合，設計為一專業線上發表之呈現，使之成為可公開展示、說明、介紹的 UI 設計（使用者介面設計）作品，並可直接成為 UI 作品集。

Grading

40%平時 30%期中 30%期末

40% 平時作業及出席表現

30% 期中發表

30% 期末發表與展覽

Milestones

02三個發表里程碑

學期末將舉辦線上成果展，於 Behance 上發表完整專案，檢視自己從「企劃思考」到「設計執行」的完整過程。步驟膠囊可以直接點進對應單元。

看重要日期

期中發表

Week 09 · 台北 11/05 新竹 11/02

APP or WEB 提案規劃，包含所有前置流程、Wireframe 與 Wireframe＋Prototype。

前置流程

期中簡報參考

簡報形式及風格可自行決定。

期末發表

Week 17 · 台北 12/31 新竹 12/28

整合期中報告，加入情緒板、Figma Mockup｜精稿設計及 Design System｜設計系統、Prototype｜互動原型設計。

期末報告內容

期末線上展覽

Behance · 期末線上發表

完成視覺精稿 Mockup 及 Prototype，善用 FigJam UX 研究工具及 AI 工具，完成 UI 專案。發表於 Behance，進行線上展覽。

展覽準備

Checklist

03交付檢核清單

交件前逐項勾選確認；勾選紀錄只存在你這台裝置的瀏覽器裡，換電腦或清除瀏覽資料會重來。

Resources

04學期作業參考資源

期中完成 UX 前置作業及 WireFrame 提案，期末完成視覺精稿 Mockup 及 Prototype。輸入關鍵字可以同時搜尋三個清單。

試試：

找到 0 筆

學長姐作業參考｜Figma

完整的期中＋期末 Figma 檔

1

ReDesign 主題：PxPay（全聯支付）1085445013

Behance UI 案例

Behance UI 專案

9

期末作業參考｜Behance

學姊期末作業 Behance 線上發表

15

Mockup + Prototype

05互動精稿參考設計

點卡片載入學長姐的 Figma 互動原型，直接在頁面上操作；畫面太小時可按「在 Figma 開啟」。

PX Pay APP Redesign在 Figma 開啟

中國信託行動銀行在 Figma 開啟

PChome UI Design在 Figma 開啟

使用者介面設計｜課程講義