為什麼這篇ui ux書鄉民發文收入到精華區：因為在ui ux書這個討論話題中，有許多相關的文章在討論，這篇最有參考價值！作者CuteAmi (我只是一個地球人)看板Soft_Job標題Re: [請益] 未來想成為UI設計...
ui ux書 在 Kerry 허가현｜品牌設計師???? Instagram 的精選貼文
2021-09-16 02:43:43
Sep .__ 0908｜21 由於現在在網頁設計公司上班，從事前端視覺設計一段時間了，常常看到同事在撰寫CSS，突然自己也很想學。 最近剛好看到六角學院有推出網頁切版影音課程，於是我就直接開始學習如何切版。他們的介面非常簡單明瞭，如果操作上遇到問題還可以立刻留言給助教，他會解答，我個人屬於初...
原文吃光光～
這篇文章我花了數小時打完，沒有參考或抄襲別人的內容
而且裡面的書單我真的都有唷！
- - -
從 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
Android
https://goo.gl/s52STA
裝置螢幕尺寸
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（感謝 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/
十、使用者經驗
UX從新手開始：使用者體驗的100堂必修課
http://www.books.com.tw/products/0010733244
別做天兵設計！傾聽、思考、表達，滿足使用者體驗的0盲點設計關鍵
http://www.books.com.tw/products/0010674124
用戶體驗要素︰以用戶為中心的產品設計
http://www.books.com.tw/products/CN10766367
十一、設計靈感
Dribbble
https://dribbble.com/
Behance
https://www.behance.net/
https://www.pinterest.com/
Awwwards
http://www.awwwards.com/
Medium
https://medium.com/
奧格設計（奧格有研發一款蒐集靈感的 Eagle app）
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
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) 線上課程
UI 設計入門，輕鬆上手 Sketch！（Simon Lin）
https://goo.gl/qS1G9z
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) 繪圖工具
https://blog.prototypr.io/@Mockplus
結語：
所以千萬別再該該叫說我不知道從何開始，否則我一定會打～爆～你。
要吃 UI/UX 這行飯，就是要學會搜尋與善用資源，否則會被淘汰的唷！
這是一條不歸路，加油～加油～加加油！！！
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 220.134.227.47
※ 文章網址: https://www.ptt.cc/bbs/Soft_Job/M.1496507026.A.CDC.html
推 vi000246: 只能先推了 06/04 00:56
推 KKFN: 很推薦GoodUI這個網站 06/04 00:57
→ CuteAmi: 差點忘了 GoodUI，感謝，會再補上：） 06/04 01:00
推 xvid: 推 謝謝分享 06/04 01:46
推 chieh0919: 最近也想學一點設計的東西 謝謝分享 06/04 07:31
推 cheyu0325: 很用心！謝謝分享！ 06/04 08:42
推 sc113943: 推分享 06/04 11:56
推 rice0617: 推！！ 06/04 12:12
推 jas0108: 推 06/04 12:39
※ 編輯: CuteAmi (116.118.132.91), 06/04/2017 13:33:54推 k732: 推 06/04 13:18
→ CuteAmi: 完工!!! 我有修到誰的推文嗎?XDDD 06/04 13:35
推 luki945: 謝謝分享 06/04 13:35
推 summerpei: 我是原文作者，謝謝你特地整理成一篇文章，內容很完整 06/04 14:13
→ summerpei: 我會好好吸收 06/04 14:13
推 lininu: 推書單&學習資源 06/04 14:26
推 jie0804: 推 06/04 14:36
推 uopsdod: 推 06/04 14:47
推 jj0321: 如果干涉UI又沒設計底子的主管也能看這篇的話....! 06/04 15:26
→ CuteAmi: 樓上....XDDDDD 06/04 16:14
推 SMNOONMS: 推推推～～～ 06/04 16:38
推 yampw1124: 推 06/04 17:47
推 ctweng13: 推~~ 06/04 17:55
推 ian90911: 推好文 06/04 17:57
推 DJSHD2: 感謝推！ 06/04 18:41
推 billjoe: 大推 06/04 19:04
推 cha2321: 太強大了 06/04 22:24
推 AnAnNiHow: 太神啦～～～～ 06/04 23:01
推 a100006136: 好文推推 06/05 08:40
→ pinkxbubble: 大推 06/05 13:03
推 wlching: 大推 06/05 14:22
推 st9140626: 推一個 06/05 20:34
推 luli0034: 推 06/05 22:17
噓 pttuser: 韋小寶：哇！用看的也要看一年啊！ 06/06 06:13
推 s06yji3: 推 06/06 12:10
推 louiseeg: 推 06/06 15:50
推 lynn5133: 推 06/06 23:18
推 ShadowInWind: 推 06/08 07:25
推 sunfu: 推，感謝分享!!! 07/08 20:45