• Home
  • 設計
  • 研究
  • 產業
  • 團隊
  • 教育
  • VIDE 徵求作者
Facebook Twitter Instagram
RSS Facebook Twitter
Vide
  • Home
  • 設計
  • 研究
  • 產業
  • 團隊
  • 教育
  • VIDE 徵求作者
Vide

從 0 開始的 UI / UX 設計推薦書單

0
By Akane Lee on 2017-09-13 教育, 消費者洞察, 研究調查, 網站設計, 設計思考, 設計方法

文/ Akane Lee

想學 UI/UX 去外頭上課很貴,我也不推薦沒基礎跑去上課,吸收效果不好,最好還是自己先墊點底子再去報課程,不然老師站在前面隨便你問的時候,連想問問題都不知道怎麼問很傷心啊!

學東西最便宜的作法就是免錢的 Google 爬文,但如果連關鍵字都不知道怎麼下的話,建議你,書錢不能省。台灣買書很便宜了。

我把覺得重要、且可以讓讀者快速擁有即戰力的書挑出來照難易度排序。從左到右。最左邊的那本連 0 基礎的都很好入門。最右邊的那本不是給初學者看的,不要越級打怪啊!

UI 類推薦書單

(圖片來源:Akane Lee)
  • 不是你太笨,是爛 UI 的錯!非設計師也該學的介面設計常識
  • 打造最強網頁 UI/UX 設計腦:設計師都該懂的絕佳設計.溝通法則
  • 如何設計好網站:Don’t Make Me Think
  • 行動介面設計模式
  • 微互動
  • 打動人心的產品設計:頂尖設計師打造成功產品的黃金法則
  • About Face 4:交互設計精髓

《不是你太笨,是爛 UI 的錯!》這本非常非常淺,不限任何背景的人都能看懂,所謂「UI 沒設計好會發生什麼慘事」。有這種概念後再從最多人使用的「網頁」學習如何規劃 UI。

當你看完《打造最強網頁 UI/UX 設計腦》,稍微理解「網頁該怎麼設計 UI」,就可以看《Don’t Make Me Think》,這本是國際級大作,非常多人推薦,同樣不限設計師或 PM、RD的身份都能閱讀。適合大概知道網頁怎麼設計,但不是很清楚內容、階層、優先順序怎麼排的入門人士。

接下來開始比較硬的書了。我會把《行動介面設計模式》放在《微互動》之前。前者舉出一托拉庫的 UI 實例跟你說為什麼會這樣做、不要那樣做,跟你說細節怎麼思考。後者加深這些細節,告訴你可以怎麼延伸這些「細節」的變化。

之後在再去看《打動人心的產品設計》,會更懂「UI 堆疊狀態」是怎麼回事,眼界不只放在 UI 上,思考角度會往上拉到整個產品。

最後 《About Face 4》,非常硬的磚頭,加強延伸 UI 的「互動」部份。沒有繁中版,看簡中吧!

UX 類推薦書單

(圖片來源:Akane Lee)
  • 使用者至上:重視瀏覽體驗,規劃出絕佳網路產品的思考秘訣
  • UX 從新手開始:使用者體驗的 100 堂必修課
  • 平靜科技:不擾人的設計原則與模式
  • 行為改變科學的實務設計:活用心理學與行為經濟學
  • UX 策略:設計讓人夢寐以求的創新數位產品
  • 設計的方法:100 個分析難題,跟成功商品取經,讓設計更棒、更好的有效方法

《使用者至上》是 Etsy 的創意總監寫的書,很淺顯,做電商也適合看這本,可以看故事,適合 UX 入門。之後再接《UX從新手開始》,會比較了解這些 UX 名詞在做什麼、會在什麼場合出現,而不只是本詞典。

稍微知道 UX 是什麼後,《平靜科技》舉出實例,告訴讀者 UX 和產品、使用者間的關係是什麼。然後《行為改變科學的實務設計》進一步探討如果我是開發者,我該怎麼設計產品才能符合使用者的需求。

《UX策略》不只在做產品,把階級拉到「規劃一間公司品牌和各個產品線的 UX」。所以會建議先理解「一個產品的 UX 怎麼做」,再來看一間公司有許多產品的 UX 策略如何規劃。

《設計的方法》是目前我最喜歡的一本研究方法大全,請當字典型的工具書使用,如果第一本書就買這本,光看是看不出什麼開發實用性的。

UI / UX 與實際工作流程綜合運用

(圖片來源:Akane Lee)
  • 別做天兵設計!傾聽、思考、表達,滿足使用者體驗的 0 盲點設計關鍵
  • 寫給 PM、RD 與設計師看的設計需求分析:使用者想要的應用程式都是這樣打造出來的
  • 使用者故事對照:User Story Mapping

《別做天兵設計》將 UX 研究、UI設計、結合開發流程。圖很多,建議上述 UI 和 UX 類書單各看過前 2 本再來翻這本會更能理解。《寫給PM、RD與設計師看的設計需求分析》補完前者講了概念但沒講細節實作開發需要考慮那些的部份。有點硬,設計師沒辦法看懂整本是正常的。看完會稍微了解 RD 寫程式腦袋邏輯會怎麼想。

若以書籍內容表現手法來說,《使用者故事對照》其實非常簡單,但會放到第 3 本是因為,沒經歷過前 2 本的內容、沒在業界實戰踩過屎坑,不會理解為什麼要寫 User Story 的。(攤手)

設計師自我成長、開公司

(圖片來源:Akane Lee)
  • 點子都是偷來的:10 個沒人告訴過你的創意撇步
  • 點子就要秀出來:10 個行銷創意的好撇步,讓人發掘你的才華
  • 為什麼他接的案子比我多?:設計業界潛規則,讓你接案上班都無往不利
  • 設計創業學:成功設計師的自我經營寶典
  • 1 人藝術無限公司:我是藝術家,我自己賣作品!個人創意事業營生指南
  • 設計生意經:空間設計師的創業獲利提案

學生也很推薦看《點子都是偷來的、點子就要秀出來》,如果你在大一就看過這兩本,再經過 3 年求學時的練習測試實驗發表分享,不用等畢業足以海電一票業界人士了,真心不騙。

《為什麼他接的案子比我多?》六星⋆⋆⋆⋆⋆⋆推薦不多說,這本我不知道送多少本出去了。

設計師想創業或接私單不知道怎麼經營自己、打名氣、簽合約等等,看《設計創業學:成功設計師的自我經營寶典》。如果你喜歡畫插畫、做點手工藝品,那順便帶《1人藝術無限公司》。

《設計生意經》另一本六星⋆⋆⋆⋆⋆⋆推薦的好書,專門教設計師怎麼開公司、算成本、聘員工、看資產報表、算工資的經營書。設計師想跳出來當 SOHO、新創公司,這本一定要買。

最後

看過別人列的書單不代表自己也買書了,更不代表自己把書看完。上面列出來的書,沒有一本是理論,都是「實作」;不是實例經驗分享故事,就是「照著做就對了」的教學,深或淺。

台灣繁體中文的 UI/UX 設計書就那些,我的 Blog 右方有「 好書推薦 」分類啊!定期會更新。那幾本書我列了又列,冷飯都炒成炭了…

如果你想上我的 UI 設計師入門班 ,但沒在業界工作、也完全沒有基礎,建議你至少把 UI 書單前 3 本看完再來報名。

授權來源:嫁給 RD 的 UI Designer〈從 0 開始的 UI/UX 設計推薦書單〉

UI UX 創業 書 書單 網站設計 設計方法
Share. Facebook Twitter Pinterest LinkedIn Tumblr Email
Previous Article通用設計參考書單
Next Article 你認識你的讀者嗎? 美妝部落格讀者行為大揭秘
Akane Lee

嫁給 RD 的 UI Designer,Madders 創辦人

Related Posts

日誌研究的執行經驗分享 Tips for conducting Diary Studies

培養全方位醫療顧客經驗管理(Customer Experience Management)經理 – 第一個跨域醫療服務設計整合課程在輔大開跑

用戶研究的三個謊言

Leave A Reply Cancel Reply

近期文章
  • 日誌研究的執行經驗分享 Tips for conducting Diary Studies 2019-12-13
  • 培養全方位醫療顧客經驗管理(Customer Experience Management)經理 – 第一個跨域醫療服務設計整合課程在輔大開跑 2019-11-16
  • 用戶研究的三個謊言 2019-10-24
  • 不靠大數據,從粉絲的小數據讀出關鍵需求 2019-09-23
  • 為什麼大多數的Redesign其實沒什麼意義?因為忽略了三件事 2019-09-9
最受歡迎文章
By VIDE 編輯2019-12-13

日誌研究的執行經驗分享 Tips for conducting Diary Studies

By VIDE 編輯2019-11-16

培養全方位醫療顧客經驗管理(Customer Experience Management)經理 – 第一個跨域醫療服務設計整合課程在輔大開跑

By VIDE 編輯2019-10-24

用戶研究的三個謊言

By 奧沃市場趨勢顧問2019-09-23

不靠大數據,從粉絲的小數據讀出關鍵需求

By Lil Andy2019-09-9

為什麼大多數的Redesign其實沒什麼意義?因為忽略了三件事

文章分類
  • Featured (221)
  • 專欄 (21)
  • 教育 (93)
    • 工作坊 (49)
  • 未分類 (7)
  • 洞察 (269)
    • 數據分析 (42)
    • 消費者洞察 (125)
    • 研究調查 (144)
  • 產業案例 (299)
    • 交通 (30)
    • 公共服務 (46)
    • 城市 (82)
    • 政府 (28)
    • 旅遊 (68)
    • 日常生活 (146)
    • 金融 (21)
    • 銀髮 (33)
  • 組織文化 (133)
    • 團隊介紹 (40)
    • 組織溝通 (94)
  • 設計 (518)
    • 服務設計 (155)
    • 物聯設計 (35)
    • 網站設計 (86)
    • 行動設計 (116)
    • 設計思考 (128)
    • 設計方法 (103)
    • 通用設計 (38)
    • 體驗設計 (179)
關於 VIDE
VIDE 創誌是一個聚焦洞察與設計,關心教育發展並鼓勵創新的媒體平臺。
VIDE 代表 Value,Insight,Design,Education。源自於拉丁文 videre,意思是「看到」。

VIDE 持續透過介紹國內外創新案例、概念發想與設計思維與實踐方法,並邀請創新設計團隊、組織、社群成為 VIDE 的內容與活動合作夥伴。期許自己能成為國內重要創新設計的媒體代表,協助建構臺灣創新設計的產業鏈與生態系。
追蹤 VIDE
Facebook: https://facebook.com/videmedia
Twitter:https://twitter.com/vide_tw
RSS:https://vide.hpx.tw/feed

聯絡:editor@vide.tw 或 02-2511-7626
地址:10459 台北市松江路158號11F-1
2015-2017 VIDE 創誌 - 帶你看見創新設計 / 悠識文化股份有限公司

Type above and press Enter to search. Press Esc to cancel.