從 PTT 到臉書，每隔一陣子就會有人問「如何成為一個 UI Designer」？一開始我會問他們對 UI 的理解到哪裡？手上的書單有哪些？上過那些課？綜評之後再推薦給他們適合現況的最佳建議。
但日子一久，這問題已演化成一個月經文了，所以我乾脆花幾個小時整理資料給大家（累）。但說實在，我真的不敢寫太多（汗），因為光是以下洋洋灑灑的內容，初學者要啃完都已天荒地老，因此呢…點到為止啦！也歡迎大家踴躍留言補充，灌到大爆炸 XDD
一、認識設計
1) 設計的內容與形式
設計是什麼？：保羅．蘭德給年輕人的第一堂啟蒙課
http://www.books.com.tw/products/0010458872
2) 設計人就是行銷人
偷窺設計人的筆記
http://www.books.com.tw/products/0010504514
3) 從品牌角度看設計
感動70億人心，才是好設計：好品牌的吸引力法則
http://www.books.com.tw/products/0010468503
二、設計基礎
1) 色彩
玩出絕妙好設計1： 色彩的準則。(三版)
http://www.books.com.tw/products/0010750315
2) 文字
玩出絕妙好設計2：文字的準則。(3版)
http://www.books.com.tw/products/0010750316
字型散步：日常生活的中文字型學
http://www.books.com.tw/products/0010654376
字型之不思議
http://www.books.com.tw/products/0010587919
字嗨（臉書社團）
https://www.facebook.com/groups/enjoyfonts/
三、設計規範
iOS
https://goo.gl/zMfEjS
iPhone 分辨率終極指南
https://reurl.cc/xZd9yN（20200730 補充）
Android
https://goo.gl/s52STA
Google’s Material Design（20170630 補充）
https://material.io/guidelines/
裝置螢幕尺寸
http://screensiz.es/
四、設計模式
1) 網頁版
網頁介面設計模式
http://www.books.com.tw/products/0010510787
操作介面設計模式 第二版
http://www.books.com.tw/products/0010531034
2) 行動版
行動介面設計模式圖鑑(第二版)
http://www.books.com.tw/products/0010656545
行動介面設計模式
http://www.books.com.tw/products/0010564019
智慧手機 App UI/UX設計鐵則：想做出好用的App和手機網站，就看這一本
http://www.books.com.tw/products/0010621742
行動設計之鑰：打造出讓使用者一見鍾情的手機APP UI/UX設計
http://www.books.com.tw/products/0010628041
3) 線上範例
pttrns
https://pttrns.com/
lovely ui
http://www.lovelyui.com/
GoodUI（20170604 補充，感謝 PTT 網友 KKFN）
http://www.goodui.org/
五、設計思考
IDEA物語
http://www.books.com.tw/products/0010182963
設計思考改造世界
http://www.books.com.tw/products/0010479685
六、互動設計
微互動
http://www.books.com.tw/products/0010625902
交互設計沉思錄
https://book.douban.com/subject/19934344/
簡約至上：交互式設計四策略
http://www.books.com.tw/products/CN10723240
交互設計指南
https://book.douban.com/subject/4881989/
一目了然
https://book.douban.com/subject/2298856/
親愛的界面
https://read.douban.com/ebook/610370/
瞬間之美︰Web界面設計如何讓用戶心動
http://www.books.com.tw/products/CN10458332
怦然心動 情感化交互設計指南(修訂版)
http://www.books.com.tw/products/CN11220311
About Face 4：交互設計精髓
http://www.books.com.tw/products/CN11290071
互動設計(二版)
http://www.books.com.tw/products/0010348039
IxDA Taiwan（臉書粉絲團）
https://www.facebook.com/ixda.tw/
七、認知心理
隱喻與認知
http://www.books.com.tw/products/0010322478
認知與設計：理解UI設計准則(第2版)
http://www.books.com.tw/products/CN11145346
了解「人」，你才知道怎麼設計！洞悉設計的100個感知密碼
http://www.books.com.tw/products/0010520753
更了解「人」你才知道要怎麼設計！抓住使用者心理、預想未來設計的100個感知密碼
http://www.books.com.tw/products/0010707869
情感＠設計：為什麼有些設計讓你一眼就愛上
http://www.books.com.tw/products/0010513478
設計的心理學：人性化的產品設計如何改變世界(第3版)
http://www.books.com.tw/products/0010643797
八、設計觀察
大賣場裡的人類學家：用人文科學搞懂消費者，解決最棘手的商業問題
http://www.books.com.tw/products/0010640512
觀察的力量：從烏干達到中國，如何為明天的客戶創造非凡的產品
http://www.books.com.tw/products/0010662945
九、易用性測試
如何設計好網站：Dont Make Me Think
http://www.books.com.tw/products/0010651534
ROCKET SURGERY MADE EASY：DIY一次搞定網站易用性問題(第二版)
http://www.books.com.tw/products/0010554592
ROCKET SURGERY MADE EASY：深度測試 提高網站效益
http://www.books.com.tw/products/0010643423
點石成金：訪客至上的Web和移動可用性設計秘笈(第3版)
http://www.books.com.tw/products/CN11194834
優使性2.0(Usability 2.0)-網站經驗設計、使用者最大-從優使性(Usability)出發的網站設計原則
https://www.usabilitymax.com/
十、使用者經驗
別做天兵設計！傾聽、思考、表達，滿足使用者體驗的0盲點設計關鍵
http://www.books.com.tw/products/0010674124
用戶體驗要素︰以用戶為中心的產品設計
http://www.books.com.tw/products/CN10766367
十一、設計靈感
Dribbble
https://dribbble.com/
Behance
https://www.behance.net/
Pinterest
https://www.pinterest.com/
Awwwards
http://www.awwwards.com/
Medium
https://medium.com/
奧格設計（奧格有研發一款蒐集靈感的 Eagle）（20170616 修正）
https://ogdesign.tw/resources
十二、設計實作
Daily UI : Become a better designer in 100 days.
http://www.dailyui.co/
UI Club（跟著大家一起畫設計作業）
https://www.facebook.com/groups/895693593842577/
視覺溝通的法則：科技、趨勢與藝術大師的簡報創意學（全新修訂版）
http://www.books.com.tw/products/0010561439
How to create a FRONT END FRAMEWORK with Sketch（20170604 補充）
https://goo.gl/rTpvsk
十三、設計訂閱
1) 國內
設計大舌頭
https://designtongue.me/
https://www.facebook.com/designtongue/
Conversion Lab
http://conversionlab.co/
https://www.facebook.com/ConversionLab.co/
As A Product Designer — UI/UX設計、設計思考、工具資源、靈感分享
https://medium.com/as-a-product-designer
https://www.facebook.com/AAPD.tw
DESIGNING BY LEARNING（Wesley Hwang）
https://heywesley.wordpress.com/
Taiwan UI/UX Designers
https://www.facebook.com/groups/TaiwanUIUXDesigners/
網頁設計沙龍@TW
https://www.facebook.com/groups/web.design.salon.tw/
2) 中國
meia美啊 — 見證設計的力量
http://meia.me/index.html
學UI網
http://www.xueui.cn/
騰訊 ISUX
https://isux.tencent.com/
3) 國外
Smashing
https://www.smashingmagazine.com/
十四、設計資源
1) 線上課程
Hahow
https://hahow.in/
你知我知好學網
https://uknowiknow.com/
網易公開課
https://open.163.com/
coursera
https://www.coursera.org/
edX
https://www.edx.org/
2) 實體課程
CSS3、Bootstrap（Amos Lee）
http://csscoke.com/
台中前端社群
https://www.facebook.com/groups/taichung.f2e/
簡報小聚（設計師還是要具備提案力的好咩！）
https://www.beforafter.org/
https://www.facebook.com/BeForAfter.org/
3) Icons
http://www.flaticon.com/
https://www.iconfinder.com/
4) 圖庫
https://goo.gl/UXOVoM
5) 作品集/履歷
https://goo.gl/5ehz7a
6) 繪圖工具（20170604 補充）
https://blog.prototypr.io/@Mockplus
7) 設計師的衣著品味（20170623 補充）
https://dressico.com/main/discovery
8) 設計公司的部落格（20200730 補充）
Airbnb Design
https://airbnb.design/
Google Design
https://design.google/
Uber Design
https://www.uber.design/
Microsoft Design
https://www.microsoft.com/design/
Invision Design
https://www.invisionapp.com/inside-design/
結語：
所以千萬別再該該叫說我不知道從何開始，否則我一定會打～爆～你。
要吃 UI/UX 這行飯，就是要學會搜尋與善用資源，否則會被淘汰的唷！
這是一條不歸路，加油～加油～加加油！！！
