我讀過的 UI 設計書單 (一):初學者入門款

更新於 2024/09/25閱讀時間約 3 分鐘

raw-image

嗨,我是Lena。這次要來介紹這一年來讀過的UI設計相關書籍,(我看書比較慢啦…)。除了提升軟體方面的硬實力之外,軟實力也是很重要的。我會依照自己讀完的感想列出推薦星數當作參考,那麼我們開始吧!

⭐️小提醒:隨意排序,點選書名即可查看書籍連結,部分為簡體中文書籍,較排斥的人請自行略過。

1. 寫給大家看的設計書(第4版)

作者 / ROBIN WILLIAMS

推薦星數 ★★★★★

這本書是在我剛接觸設計領域時讀的第一本,此書以「親密性、對齊、重複、對比」設計四大原則、基本的色彩學與字體為主,有清晰的說明文字與範例對照,個人覺得滿淺顯易懂的。若是之前完全沒碰過設計相關的讀者,建議可以先從這本讀起。

2. 設計心理學 I~IV

作者 / Donald A. Norman

推薦星數 ★★★★★

大家應該對Donald A. Norman這個名字很熟悉,美國知名的認知心理學家、人因工程與設計領域學者與作家。這系列共有四本,每一本都有不同的主題。不侷限於電子產品上的介面設計,這系列還有提到日常生活中的互動設計(比如門把、茶壺),讀完後覺得自己思考也開闊了一大圈XD。其中第四本 《未來設計》,作者對人工智能、自動駕駛汽車、智慧家居和機器人有很詳細的案例和分析,還滿有趣的也很貼近近年來的議題。

3. 破繭成蝶:用戶體驗設計師的成長之路

作者 / 劉津、李月 (兩位皆為中國網易資深交互設計師)

推薦星數 ★★★★★

這本書前面章節提及「何謂用戶體驗設計師與相關職位」、「我適合往這個領域發展嗎、如何入門與未來發展方向」,適合剛決定轉職的讀者們評估,也替自己打一劑強心針。後段章節開始進入作者在網易的設計工作流程,從聆聽需求到規劃分析都有很足夠的描述。該系列還有第二本《以產品為中心的設計革命》,以進階職場發展與產品設計為主軸,不過我還沒讀XD。

4. 點石成金 Don’t Make me Think

作者 / Steve Krug

推薦星數 ★★★★✩

這本書針對網頁設計可用性描寫,不斷強調「第一眼就要看到重點」。除了設計上要注意的細節之外,也有提到如何做使用者測試。文字排版不會過於擁擠,讀起來滿舒服的。

5. 平靜科技

作者 / Amber Case

推薦星數 ★★★★✩

這本書描寫如何讓產品僅在必要的時候跳出溫和的提醒,讓科技保持低調、伴隨於生活中,而不是主導使用者的生活。後面也有提供案例,幫助讀者理解與實踐,內容量適中,很快就可以讀完。

6. UX策略

作者 / Jaime Levy

推薦星數 ★★★★★

UX策略是商業策略和UX設計的融合體。書中提到讓你依循四大原則找到自己的UX策略,還有競品分析、人物誌等等方法的實作案例分享,值得一讀、收穫滿滿的一本書。

7. 這樣O那樣X — 馬上學會好設計

作者 / 坂本伸二

推薦星數 ★★★★✩

這本書的主題和《寫給大家看的設計書》有87%像,不過案例都是以日文為主,一樣適合沒有接觸過設計領域的讀者閱讀。

8. 這樣O那樣X — 一看就懂的UI設計與資訊編排技巧

作者 / 香西 睦

推薦星數 ★★★✩✩

這本書專門在講網頁UI設計的盲點,案例也以日本網站為主。只是這本書的排版比較不簡潔XD,個人覺得有點凌亂,內容有些地方也沒有說明得很清楚。

以上評分皆為主觀感想。若是不習慣讀實體書的讀者們,有些也有電子書可以購買。最後也歡迎大家推薦自己喜歡的好書給我

(不侷限於設計),那麼我們下篇文章見囉!

raw-image

跨領域自學轉職的 UI/UX Designer,目前是名自由工作者,善於輔導零基礎新手轉職成為 UI/UX 設計師。另外也喜歡不斷探索生涯,挖掘不同的可能性! E-mail: ahri.lena.ty@gmail.com | ig: lenaaaa.design
留言0
查看全部
avatar-img
發表第一個留言支持創作者!
繼上次分享新手可以如何準備作品集之後,這一篇文章要和大家來談談面試相關的內容,一起拿到第一份 UI/UX 設計師的工作吧 !
分享身為一個非設計相關科系的人,想轉職成為 UI/UX 設計師,可以如何準備作品集。
於 2018 寫下第一篇的轉職心得文章,至今超過 10 萬人點閱。 最近更新於 2020 年,提醒想參考的新手們要留意一下文內資訊的準確度唷。
接續上篇,這裡會分享這本書籍後半部的章節:色彩、字體、文章及資訊圖表等。
以初學者的角度和大家分享關於此書的心得筆記,適合沒接觸過設計領域的新手們。
繼上次分享新手可以如何準備作品集之後,這一篇文章要和大家來談談面試相關的內容,一起拿到第一份 UI/UX 設計師的工作吧 !
分享身為一個非設計相關科系的人,想轉職成為 UI/UX 設計師,可以如何準備作品集。
於 2018 寫下第一篇的轉職心得文章,至今超過 10 萬人點閱。 最近更新於 2020 年,提醒想參考的新手們要留意一下文內資訊的準確度唷。
接續上篇,這裡會分享這本書籍後半部的章節:色彩、字體、文章及資訊圖表等。
以初學者的角度和大家分享關於此書的心得筆記,適合沒接觸過設計領域的新手們。
你可能也想看
Google News 追蹤
Thumbnail
徵的就是你 🫵 超ㄅㄧㄤˋ 獎品搭配超瞎趴的四大主題,等你踹共啦!還有機會獲得經典的「偉士牌樂高」喔!馬上來參加本次的活動吧!
Thumbnail
隨著理財資訊的普及,越來越多台灣人不再將資產侷限於台股,而是將視野拓展到國際市場。特別是美國市場,其豐富的理財選擇,讓不少人開始思考將資金配置於海外市場的可能性。 然而,要參與美國市場並不只是盲目跟隨標的這麼簡單,而是需要策略和方式,尤其對新手而言,除了選股以外還會遇到語言、開戶流程、Ap
Thumbnail
在這個章節中,我們介紹了HTML的基本概念,包括其作為結構化標記語言的特性、應用領域,以及主要使用者。這些知識為後續的深入學習和實踐奠定了基礎,幫助讀者了解HTML在現代網頁開發中的重要性。
先學習 HTML, CSS, JavaScript 基礎觀念, 再透過實作專案,慢慢熟悉不同的語法使用方式。
Thumbnail
這篇內容,將簡單介紹Asset Browser、Workspace、Inspector、Code Browser,作為入門的介面導覽。
Thumbnail
這節課的學習目標是了解 CSS 的基本語法結構和使用方法。
Thumbnail
CSS 是控制網頁外觀的語言,應用於網頁設計、UI/UX 設計、電子商務和移動應用開發。主要使用者包括前端開發者、UI/UX 設計師和網頁設計師。CSS 的特性有樣式控制、層疊優先級、響應式設計及分離內容與樣式。
Thumbnail
歡迎來到我們的Windows教學!在這裡,你將學習如何有效使用Windows操作系統。我們將探索各種基本操作,如文件管理、桌面設置、程式安裝和系統設置。無論你是新手還是希望深入了解Windows的使用者,我們的教學內容都能夠幫助你提升操作技能,使你在日常使用和工作中更加流暢和高效。立即加入我們,開啟
Thumbnail
如果你也是從事軟體相關工作的人,一定會遭遇突然需要你去學習一套你不熟悉的程式語言狀況吧,此時你會怎麼做呢? 是趕快去買書來看嗎? 還是趕快找一門程式課來上? 又或者乾脆去找會的同事來教學?
Thumbnail
你好,在下最近在學習開發web,學了html css js,也得出一些心得,由於網路上已有許多教學,所以我會著重在如何開發出to do List,以及解釋我寫的程式碼。相關的教學我會直接貼網址。如果我有什麼地方出錯,或者是可以寫得更好,歡迎在下方留言,討論。 首先先介紹我的開發環境: 我用了vs
Thumbnail
這是為了搭建自己想要的工作流而開始的研究工作。
Thumbnail
徵的就是你 🫵 超ㄅㄧㄤˋ 獎品搭配超瞎趴的四大主題,等你踹共啦!還有機會獲得經典的「偉士牌樂高」喔!馬上來參加本次的活動吧!
Thumbnail
隨著理財資訊的普及,越來越多台灣人不再將資產侷限於台股,而是將視野拓展到國際市場。特別是美國市場,其豐富的理財選擇,讓不少人開始思考將資金配置於海外市場的可能性。 然而,要參與美國市場並不只是盲目跟隨標的這麼簡單,而是需要策略和方式,尤其對新手而言,除了選股以外還會遇到語言、開戶流程、Ap
Thumbnail
在這個章節中,我們介紹了HTML的基本概念,包括其作為結構化標記語言的特性、應用領域,以及主要使用者。這些知識為後續的深入學習和實踐奠定了基礎,幫助讀者了解HTML在現代網頁開發中的重要性。
先學習 HTML, CSS, JavaScript 基礎觀念, 再透過實作專案,慢慢熟悉不同的語法使用方式。
Thumbnail
這篇內容,將簡單介紹Asset Browser、Workspace、Inspector、Code Browser,作為入門的介面導覽。
Thumbnail
這節課的學習目標是了解 CSS 的基本語法結構和使用方法。
Thumbnail
CSS 是控制網頁外觀的語言,應用於網頁設計、UI/UX 設計、電子商務和移動應用開發。主要使用者包括前端開發者、UI/UX 設計師和網頁設計師。CSS 的特性有樣式控制、層疊優先級、響應式設計及分離內容與樣式。
Thumbnail
歡迎來到我們的Windows教學!在這裡,你將學習如何有效使用Windows操作系統。我們將探索各種基本操作,如文件管理、桌面設置、程式安裝和系統設置。無論你是新手還是希望深入了解Windows的使用者,我們的教學內容都能夠幫助你提升操作技能,使你在日常使用和工作中更加流暢和高效。立即加入我們,開啟
Thumbnail
如果你也是從事軟體相關工作的人,一定會遭遇突然需要你去學習一套你不熟悉的程式語言狀況吧,此時你會怎麼做呢? 是趕快去買書來看嗎? 還是趕快找一門程式課來上? 又或者乾脆去找會的同事來教學?
Thumbnail
你好,在下最近在學習開發web,學了html css js,也得出一些心得,由於網路上已有許多教學,所以我會著重在如何開發出to do List,以及解釋我寫的程式碼。相關的教學我會直接貼網址。如果我有什麼地方出錯,或者是可以寫得更好,歡迎在下方留言,討論。 首先先介紹我的開發環境: 我用了vs
Thumbnail
這是為了搭建自己想要的工作流而開始的研究工作。