作者CuteAmi (我只是一個地球人)
看板Soft_Job
標題Re: [請益] 未來想成為UI設計師,可以給我一點建議嗎
時間Sun Jun 4 00:23:29 2017
原文吃光光~
這篇文章我花了數小時打完,沒有參考或抄襲別人的內容
而且裡面的書單我真的都有唷!
- - -
從 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/
Pinterest
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://webptt.com/m.aspx?n=bbs/Soft_Job/M.1496507026.A.CDC.html
1F:推 vi000246: 只能先推了 06/04 00:56
2F:推 KKFN: 很推薦GoodUI這個網站 06/04 00:57
3F:→ CuteAmi: 差點忘了 GoodUI,感謝,會再補上:) 06/04 01:00
4F:推 xvid: 推 謝謝分享 06/04 01:46
5F:推 chieh0919: 最近也想學一點設計的東西 謝謝分享 06/04 07:31
6F:推 cheyu0325: 很用心!謝謝分享! 06/04 08:42
7F:推 sc113943: 推分享 06/04 11:56
8F:推 rice0617: 推!! 06/04 12:12
9F:推 jas0108: 推 06/04 12:39
※ 編輯: CuteAmi (116.118.132.91), 06/04/2017 13:33:54
10F:推 k732: 推 06/04 13:18
11F:→ CuteAmi: 完工!!! 我有修到誰的推文嗎?XDDD 06/04 13:35
12F:推 luki945: 謝謝分享 06/04 13:35
13F:推 summerpei: 我是原文作者,謝謝你特地整理成一篇文章,內容很完整 06/04 14:13
14F:→ summerpei: 我會好好吸收 06/04 14:13
15F:推 lininu: 推書單&學習資源 06/04 14:26
16F:推 jie0804: 推 06/04 14:36
17F:推 uopsdod: 推 06/04 14:47
18F:推 jj0321: 如果干涉UI又沒設計底子的主管也能看這篇的話....! 06/04 15:26
19F:→ CuteAmi: 樓上....XDDDDD 06/04 16:14
20F:推 SMNOONMS: 推推推~~~ 06/04 16:38
21F:推 yampw1124: 推 06/04 17:47
22F:推 ctweng13: 推~~ 06/04 17:55
23F:推 ian90911: 推好文 06/04 17:57
24F:推 DJSHD2: 感謝推! 06/04 18:41
25F:推 billjoe: 大推 06/04 19:04
26F:推 cha2321: 太強大了 06/04 22:24
27F:推 AnAnNiHow: 太神啦~~~~ 06/04 23:01
28F:推 a100006136: 好文推推 06/05 08:40
29F:→ pinkxbubble: 大推 06/05 13:03
30F:推 wlching: 大推 06/05 14:22
31F:推 st9140626: 推一個 06/05 20:34
32F:推 luli0034: 推 06/05 22:17
33F:噓 pttuser: 韋小寶:哇!用看的也要看一年啊! 06/06 06:13
34F:推 s06yji3: 推 06/06 12:10
35F:推 louiseeg: 推 06/06 15:50
36F:推 lynn5133: 推 06/06 23:18
37F:推 ShadowInWind: 推 06/08 07:25
39F:推 sunfu: 推,感謝分享!!! 07/08 20:45