UI 文章列表 & 學習資源導覽
這篇文章整理了 AAPD 上與 UI 相關的文章，將來也會持續更新內、外部的優質學習資源。
本文為 AAPD「產品設計的學習路線圖」當中 UI Design 的相關文章彙整。
本資源列表將持續更新，收錄更多實用內容，強烈推薦儲存起來時常翻閱 😉
目錄
基礎篇
- 瞭解 UI
技巧篇
- 版面設計 (Layout)
- 元件設計
- UI 視覺
- 字體
- Flow Chart
實戰篇
- Redesign 案例分享
工具與資源
- 學習資源
- UI 工具
技巧篇
版面設計 (Layout)
新手設計師成長日記 — 空間(space) by Belinda C
元件設計 (Components)
設計跨平台App，20件該注意的介面控件與操作差異 by Chun-Chuan Lin
為行動裝置打造美好的輸入框（上） by Will Huang
為行動裝置打造美好的輸入框（下） by Will Huang
表單不單純 — 深究button&input&form by 00nyrhtak
UI 視覺
Oops ! 能不能點傻傻分不清.. 設計師必須留意的扁平化設計問題 (上) by Seal Tseng
Oops ! 能不能點傻傻分不清.. 設計師必須留意的扁平化設計問題 (下) by Seal Tseng
字體
在 UI 設計中善用 Icon Font by Rex Tseng
Flow Chart
工具與資源
學習資源
[私心推薦] PM / UX / UI 學習資源總整理 by Livia Yang
10個值得關注的 Youtube 設計頻道 by Lin Simon
UI/UX工具挑選入門指南 by Stephanie Kuo
給數位產品設計師：12個你該關注的Medium出版物 by Lin Simon
設計師的工具箱：7個我熱愛的生產力工具 by Lin Simon
UI 工具
[分享] 超好用的原型設計工具 — 墨刀Mockingbot by Livia Yang
Sketch Hacks Series 01：打造一應萬變的神奇按鈕(Magic Button) by Lin Simon
Sketch 實現靜態網頁 Yes, no code \^O^/ by Rayon
UI 設計筆記工具篇： InVision Studio Early Access by Laura Lin
UI設計筆記工具篇：Flow-神器！動態做好Code 就完成！ by Laura Lin
如何透過Sketch提高設計工作效率(上) by Lin Simon
如何透過Sketch提高設計工作效率(下) by Lin Simon
若您也是數位產品設計領域的設計人、作者，並且認同 AAPD、樂意將您的文章分享給 AAPD 讀者們的話，非常期待您共襄盛舉！投稿方式請參考：
AAPD是 As A Product Designer 的簡寫，我們希望提供產品設計師所需要的各種資訊，並且致力在平台上創造更多的交流與互動。我們關注於 UI 設計、UX 設計、設計師的個人成長、設計趨勢與產業動態等並分享這些資訊，期望降低每位設計師成長的過程中所遇到的阻礙。我們期待這裡成為一個設計知識的媒介，讓每一位來到這裡的人都可以得到滿滿的收穫，並且讓每一位身為產品設計師的人都能為自己正在創造的事物感到驕傲。
