想自學UI／UX？42 個新手必備的線上資源，帶你有效學習！

由知名的99design 團隊一次帶你了解何謂用戶界面設計、什麼是好的UI 設計以及4 條必知的入門規則，幫助你產出更優質的UI 設計！ 8. User Experience: What ... 目錄Eagle部落格設計資源想自學UI／UX？42個新手必備的線上資源，帶你有效學習！免費素材UI/UX設計黃若慈・2022-03-16想自學UI／UX，但不知道該從何開始？ 你的設計小幫手Eagle將在本文中一次解決你的所有疑惑！我們將依序為你介紹UI／UX的定義及差異，並為初學者精選出42個國內外的優質文章、設計部落格、Podcasts及YouTube頻道，讓你在學習路上更省力！ 什麼是UI／UX？圖片來源：Pixels 使用者介面（UI）：UI的全名為UserInterface，指的是使用者介面，而UI設計師的主要工作，就是負責處理各種網頁和應用程式介面上的功能，包括網站中的顏色、字型、字體大小、配置安排，以及使用便利性及互動畫面等，都是由UI設計師一手包辦！因此，UI設計師必須確保產品介面能對用戶產生足夠的吸引力，並且與品牌概念、產品定位相符，還得確認在視覺上能清楚傳達UX設計師所展示的路徑，進一步宣傳與推廣產品。

使用者體驗（UX）：與UI概念相似的UX指的則是使用者體驗，全名為UserExperience。

UX設計師需要依據使用者的習慣，設計出流暢、直觀、符合邏輯的網頁使用流程，像是內容出現的順序、按鈕的擺放位置等。

此外，還必須透過用戶實測後的意見反饋，不斷地修正與優化，有效改善流程，以創造出最佳的使用者體驗！如何區分UI與UX？圖片來源：Pixabay 更進一步來說，UI設計師主要是專注於「產品介面的呈現」，也就是使用時的外在視覺效果，而UX設計師則更注重「用戶使用產品或服務的過程」，也就是你在使用時的內在感受，不過最終，兩者還是必須相輔相成，共同設計出更好的使用路徑，讓使用者在體驗時更加輕鬆便利。

接下來，Eagle團隊還為你整理了眾多高品質UI／UX學習資源，幫助你釐清想從事的領域，並時刻掌握最新的設計趨勢及技巧，連國外第一手資料也一次打包給你，讓你能更快速上手UI／UX！一起來看看吧！ 延伸閱讀： UX設計師必讀！17本UX書籍推薦清單 【線上課推薦】24個你不可錯過，含金量超高的UI/UX學習課程！ 必讀！10篇給UI／UX新手的精選文章圖片來源：Freepik 【中文專區】1.學習UI／UX設計，給非本科生的3個步驟：想成為一名UI／UX設計師，但要學習的知識與技能太多，讓你不知如何是好嗎？作者「喬瑟人夫」根據其過往的經驗，並透過3大學習步驟「點、線、面」，帶你從單一頁面設計、介面流程規劃，到整個產品的企劃策略快速上手，讓你的學習事半功倍！2.寫給初學者的UI、UX、GUI與業界需求 ：想再進一步了解「UI／UX的定義與差異」？別錯過這篇！沒想到除了UI、UX外，還有GUI？作者Samuel將詳細地帶你了解這三者的工作內容及差異，並依據自身經驗說明一些業界實際的需求狀況，讓你一探究竟這個的全新的領域！3.給UX學習者的入門指南：網路上遍佈著各種教學文章與技巧分享，卻很少有人在探討UX的歷史、本質及應學習的內容。

本篇由微軟的資深人因工程師StevenDong撰寫，將與你一起探索UX設計，這一系列的入門指南總共分為「上、中、下」3大部分，手把手帶你了解UX的起源、涵蓋範圍，與實際應用。

給UX學習者的入門指南（上）—UX的起源 給UX學習者的入門指南（中）—了解UX與UCD 給UX學習者的入門指南（下）—UX所涵蓋的領域 【英文專區】4.CompleteBeginner'sGuideonHowtoLearnUIDesign：透過完整的教學指南，讓你輕鬆學UI設計！一篇文章囊括所有自學UI所需的知識及資源，包括UI的基本概念、需具備的技能和工具，甚至還大方分享了豐富的線上學習資源，相信看完的你一定會感到獲益良多。

5.UsefulUXGuidelines,ToolsandResources：在踏入UX設計領域之前，千萬別錯過這篇UX入門大全。

除了集結眾多實用的設計工具、技巧和資源，作者還貼心地釋出擬定UX策略的成功技巧，並針對用戶研究和UX著作做進一步的研究與探討，幫助你高效掌握用戶體驗！6.TypographyonUserInterfaces：無論是平面、視覺、UI、品牌等設計領域，字體設計都是不可缺少的重要元素之一。

看完這篇文章後，創建一套字體將不再是一個複雜的過程，從字體的基本知識學起、到如何設計網頁字體，以及該注意哪些細節，進而讓你的介面設計變得更加吸睛、動人！ 延伸閱讀：愛用推薦！41個設計師必收藏的中文、英文商用免費字體資源下載 7. UserInterfaceDesign:4RulesYouNeedtoKnow：一個好的UI設計能讓每個使用者都感到舒適，並順利到達他們想要的結果。

由知名的99design團隊一次帶你了解何謂用戶界面設計、什麼是好的UI設計以及4條必知的入門規則，幫助你產出更優質的UI設計！8. UserExperience:WhatIsItandWhyShouldICare?UX無所不在，然而，你知道有哪些生活中常見的UX應用嗎？其概念除了可以用於行動裝置、電腦軟體等設備，更處處藏在我們的生活細節當中。

作者AmyHarvey利用簡單且詳細的方式，探討「用戶體驗」的概念與應用範圍，證實了UX不可忽略的重要性。

9. TheBeginner’sManifesto：「Manifesto」即宣言，是一篇給初學者的信心喊話。

根據研究顯示，有多達80％的UI／UX初學者，都曾在自學期間感到迷茫、缺乏信心。

這時要記得，每個人都是從基礎開始的，不要懷疑自己或你所具備的能力，相信自己！10. TheImportanceofDesigningforReadability：無論是任何設計創作，「易讀性」都是重要的議題之一，而在UI／UX中又更為重要。

透過閱讀本篇文章，你可以更了解什麼是易讀性、4個提升作品易讀性的小技巧與工具，以及超過2,000,000個線上設計資源，一起來學習吧！ 如何有效整理設計筆記？用Eagle標籤、評分、智慧分類，幫你精準整理、效率學習！ 影片來源：Eagle 12個實用的UI／UX設計部落格【中文專區】1.Medium圖片來源：Medium Medium是由Twitter的共同創辦人EvanWilliams所創辦的線上發布平台，你可以在這分享超過280個字符的想法和故事，而且，觀看者也不再僅限於你的朋友或追蹤者，為你大幅增加文章曝光度！平台上，你可以看到各種主題類型的文章，而UI／UX就是其中的熱門的話題之一，舉凡基本概念、技巧、最新趨勢、職涯經驗分享，甚至是進階的設計技巧皆應有盡有，接下來，一起來看看有哪些值得追蹤的UI／UX設計作者吧！追蹤推薦： 中文 UX四神湯：每週定期發布文章，內容涵蓋、互聯網巨頭與新創公司的工作內容、設計趨勢及UX實務技能分享 獸群之心/Soking：提供大量的教學文章，引導你體驗UX領域的專業知識 英文 UXCollective：蒐集有關UX設計、視覺設計、產品設計的故事及議題 UXPlannet：分享豐富的UX設計資源、技巧、知識等，並時常探討相關議題 CollectUI：每天從Dribbble提供最新的設計資源懶人包，成為設計師尋找靈感的來源之一 延伸閱讀：設計師必逛！44個找靈感網站推薦：UX、網頁設計、國外網站等資源 【英文專區】2.SmashingMagazine圖片來源：SmashingMagazine 作為世界上備受歡迎與推崇的「網頁設計」與「網頁開發」部落格之一，SmashingMagazine為網頁設計師和開發人員提供大量可靠且實用的文章，包括網頁設計、圖形設計和用戶體驗。

快把它加入書籤來更了解更多UI／UX的奧秘吧！給UX初學者的文章推薦： AComprehensiveGuideToUserExperienceDesign：由UX顧問Christopher所撰寫的UX入門指南。

13TenetsofUserExperience：一位UX專家，分享他在過去職業生涯中，所領悟到的13項重要原則。

3.UIPatterns圖片來源：UIPatterns UI-Patterns收集了許多在網頁設計時，可能出現的「使用者介面」(UserInterface)，除了依照主題分門別類以外，還有提供豐富的UI的圖示、使用方式、解決的問題與多篇相關的文章，幫你有效解決學習UI所遇到的疑難雜症！ 想快速收藏UI靈感？用Eagle的「整頁截圖」一鍵保存網頁，讓你快速上手UI！ 4.UsabilityGeek圖片來源：UsabilityGeek UsabilityGeek是一個非常有深度的設計部落格，在多種設計領域中提供實用的建議與見解，像是UI／UX設計、電子商務、HCI等。

更好康的是，同樣是由UsabilityGeek所運營的TheInteractionDesignFoundation，提供豐富且高質量的UX設計線上課程，並授予你完課證書，如此一來，不僅可以豐富你的履歷，還能大幅提升競爭力！5.InsideDesign圖片來源：InsideDesign InVision是全球大型的視覺協作平台，曾與多家知名企業合作過，而InsideDesign則是他們的專屬設計部落格，涵蓋的主題包括設計資源、時事、技巧、靈感，以及UI＆UX等。

想了解最新的設計趨勢、工具或社群活動嗎？InsideDesign是你的最佳設計夥伴！6.NielsenNormanGroup圖片來源：NielsenNormanGroup NielsenNormanGroup以分享「UX知識」與「研究內容」為核心目標，為用戶體驗領域提供扎實的教學指導，並在其部落格中分享超過1500篇教學及研究文章，包括入門指南、UX技巧和研究成果等，堪稱「UX界的線上圖書館」，讓你僅需透過一個網站，就可獲得高品質的設計資源！精選文章推薦：EmpathyMapping:TheFirstStepinDesignThinking：談論如何在「同理心地圖」中可視化用戶的態度和行為，在設計發想初期，可以有效幫助設計團隊更深度了解終端使用者，並從中得到見解7.UXmatters圖片來源：UXmatters UXmatters提供一系列的設計資源，幫你激發設計靈感，除此之外，也有許多業界優秀的UX專家會在此分享見解，主要探討的內容包括重大議題、實際案例、未來趨勢等。

不論你是新手小白還是在UX各方面都精通的專業人士，都非常推薦給你！8.UXMovement圖片來源：UXMovement UXMovement是以UX設計為主題的部落格，透過分享技巧、技術和實際案例應用，教你如何掌握軟體、網頁和行動裝置介面的用戶體驗。

更方便的是，你可以利用網站上的快捷鍵，快速挑選喜歡或感興趣的主題。

9.UXPin圖片來源：UXPin UXPin是一個全端開發的UX設計平台，其部落格提供豐富的優質文章，擁有超過20種主題類別，包括UI／UX、行動裝置、桌上型、網頁設計和案例研究等，是初學者的最佳學習資源之一。

此外，它也有提供免費的電子書，以及舉辦線上研討會，成為你學習路上的墊腳石！10.UXstudio圖片來源：UXstudio Uxstudio是一家設計與研究公司，其部落格以UX為核心，分享一系列相關的設計文章，像是行動裝置、網頁、產品管理和UX案例研究，都是其熱門主題之一。

除此之外，他們也會在UX設計交流平台分享有用的設計技巧與新知，以及舉辦專業的UX課程，幫助你產出更強大、優質的UX設計創作！ 延伸閱讀：想拓展設計圈人脈嗎？20個UI／UX設計師愛用的社群媒體推薦 11.UXMagazine圖片來源：UXMagazine UXMagazine是一個專門探討如何優化用戶體驗的非營利平台，每個月都會從各大部落格和媒體中，挑選出最優質的設計文章，推出一本線上設計雜誌，內容涵蓋UX設計、策略、技巧和新知等多項實用主題，讓你快速掌握UX設計的入門訣竅！12.XDIdeas圖片來源：XDideas XDIdeas是Adobe旗下的UI／UX設計部落格，你可以從中得到基礎知識、設計流程、最新趨勢，以及資深用戶體驗設計師的獨家見解，除了豐富的文章，如果你想學習如何使用AdobeXD，這裡也為你提供最詳細的教學指南，讓你輕鬆學習！12個必聽的UI／UXPodcasts【中文專區】1.設計遊牧圖片來源：設計遊牧 設計遊牧堪稱是華語圈最國際化的UXPodcast，是由兩位來自台灣的主持人，透過訪談和閒聊的形式，聽來自各地的海外遊子們以不同的觀點，分享關於UX設計的留學經歷、工作故事、設計新知等，一起來收聽以感受不同的UX工作體驗吧！【英文專區】2.UIBreakfast圖片來源：UIBreakfast UIBreakfast擁有大量且高品質的Podcast內容，透過邀請業界優秀的設計師，以主題式的詢問方式一問一答，讓你每週只要利用不到45分鐘的時間，就能吸收最精華的設計知識，像是定價、文案、插圖、技巧教學，以及書籍與工具推薦等多樣化的內容，相信你一定從中獲益良多！3.ThehackingUI圖片來源：ThehackingUI TheHackingUI是由設計師DavidTintner和開發人員SagiShrieber共同主持的精彩Podcast。

在平台上，你不僅可以收聽兩位主持人針對UI／UX設計、易用性、研發及開發等主題的有趣談話，還提供豐富且多樣化的實用設計文章，包括交互設計、靈感發想、進階技巧，及深度議題探討等，廣受UI／UX設計師們的喜愛！4. RamblingsofaDesigner圖片來源：RamblingsofaDesigner 想獲得最新的圖像設計新聞，RamblingsofaDesigner將是你的第一首選！每集以30分鐘的時間，採訪一位經驗老道的知名設計師、探討相關設計文章，並給予建議或來自專家的見解，為你提供最豐富的UI／UX學習資源，非常適合讓新手設計師快速累積實力。

5.UserDefenders圖片來源：UserDefenders UserDefenders是由JasonOgle所創辦的知名UXPodcast，以UX設計和個人成長為核心內容，策劃了從UI／UX、網頁設計、產品設計到設計思維等豐富主題。

在每集中，主持人跟嘉賓之間所進行的娛樂性、教育性的深度談話，總讓人不禁想一集接著一集的聽下去。

不過，每集的內容時間較長，適合空閒時間較多時收聽，或者你也可以利用UserDefenders所整理的關鍵字時間參數，快速跳到想聽的特定片段。

6.UXPodcast圖片來源：UXPodcast UXPodcast是由JamesRoyal-Lawson和PerAxbom所主持的雙週節目，致力於透過談話突破學習上的孤島，並邀請從事UX的設計師分享自身經驗，因此，其討論的主題不僅限於UX的內容，還提供商業、技術，以及相關設計議題的探討。

每集的時間介於30～40分鐘，且內容可大致被分為以下4類：鏈接節目、嘉賓節目、主題節目和活動節目，是非常具多元性的Podcast之一。

7.WhatisWrongwithUX圖片來源：WhatisWrongwithUX WhatisWrongwithUX是一個有趣且富有洞察力的Podcast，主持人會分享他設計生涯中的有趣故事，並談論如何打造出色的產品介面設計，每集都可以從中得到實用的建議與回饋，使你成為優秀的用戶體驗設計師！8.DesignDetails圖片來源：DesignDetails 如果你喜歡聽設計師閒聊或開玩笑，那你一定會喜歡Designdetails！Designdetails是由MarshallBock和BrianLovin所主持的每周Podcast，主持人會邀請來自「用戶體驗」、「視覺設計」、「產品設計」和「遊戲設計」等領域的頂尖設計師，進行有趣的訪談及對話，是相對輕鬆、休閒的教育性節目！9.TheBigWebShow圖片來源：TheBigWebShow BigWebShow是JeffreyZeldman所主持的談話性Podcast，經營至今，已採訪過數位優秀的網頁設計師，每次訪談的主題包括網頁發布、藝術指導、內容策略、排版、技術等多種類型。

最後想推薦的是，節目常會邀請知名的頂尖設計師，進行長達一小時的問答環節（Q＆A），聽完後一定讓你收穫滿滿！10.ShopTalk圖片來源：ShopTalk ShopTalk的每一集中，主持人ChrisCoyier和DaveRupert都會邀請一位嘉賓，來談論前端網頁設計、開發和UI／UX設計，幫你快速掌握業界的時事，並教你如何應對最新趨勢。

另外，如果你有任何設計相關的疑問或困難，ShopTalk也提供發問的管道，並在節目中選出幾個常見問題來幫大家解答。

11.Wireframe圖片來源：Wireframe Wireframe是由Adobe和GimletCreative所經營的UXPodcast，每集以20分鐘左右的時間，分享許多交互設計背後的故事，此外，整體也以偏重概念性的方式去介紹，因此，無論你是UI／UX、平面設計師，還是任何對設計感興趣的人，這個Podcast都非常適合讓你快速激發設計靈感和洞察力！12.UXpod圖片來源：UXpod UXpod是經營最久的UXPodcast之一，由澳洲的UX顧問GerryGaffney於2006年創立。

節目中的內容，累積至今已達近30個主題，包括GlobalUX、Userresearch、UXwriting，以及更多的設計相關領域，它的目標是希望為從業者或其他對UX感興趣的人，提供一個整合性的討論及學習平台。

8個優質英文UI／UXYouTube頻道推薦1. HighResolution圖片來源：HighResolution HighResolution是一個以「產品設計」和「設計思維」為主的YouTube頻道，每週邀請許多國外知名公司，像是Facebook、Airbnb、微軟、IBM等團隊中的UI／UX設計師和大家分享經驗和技巧，而節目的主要模式，是由兩名主持人BobbyGhoshal和JaredErondu以提問的方式進行訪談，透過觀看這個頻道，能讓你進一步了解大公司是如何以設計思維經營，並以設計前輩的視角看得更深、更遠，達到最佳的學習成效！2.TheFutur圖片來源：TheFutur TheFutur針對設計師和創作者，提供一系列從UX設計、品牌設計到商業設計的實用節目，探討關於設計的各種未來性與可能性，帶領觀眾跳脫框架地跨領域思考，甚至還提供豐富的設計資源，而且，其專業又有趣的教學方式，也使其深受用戶體驗設計師的歡迎！3.JesseShowalter圖片來源：JesseShowalter 如果你是UI／UX設計師、網頁設計師或前端開發人員，這個頻道就非常推薦給你。

JesseShowalter是一個以「數位設計」和「網頁開發」為主要領域的頻道，分享實用的工具、技術和實際的專案經驗，其主題內容包含平面設計、UI／UX設計、網頁設計，以及一系列的Adobe軟體教學，幫助創作者設計出更優質的創作！4.NNgroup圖片來源：NNgroup NNgroup，全名為Nielsen Norman Group，是設計師的優質線上學習資源之一，對初學者和已有經驗的設計師來說都非常適合。

目前擁有超過500隻影片，內容主要來自專家的實質建議與經驗分享，包括用戶體驗（UX）研究、培訓計畫和訪談諮詢等，讓你輕鬆學UI／UX！5.UXSalon圖片來源：UXSalon 無論你是UX設計的新手或專家，這個頻道都對你有幫助！UXSalon致力於聚集全球各地專業UX設計師的心聲，透過每集採訪不同的設計師，讓你能快速了解許多設計細節、技巧，以及未來趨勢，所有的訪談精華都收錄在「UXonCoffee」的播放列表，一起來看看吧！6.UXMastery圖片來源：UXMastery UXMastery是專門提供給初學者學習的UXYouTube頻道之一，有別於以往的教學課程，他們是用手繪插圖的方式，來教大家UX的實用技巧。

可惜的是，這個頻道已經不再更新，但高品質的內容還是值得推薦，一起來將這些厲害的UX技能應用在你的設計創作上吧！7.Maex圖片來源：Maex 這個頻道是由個人設計師Maex所經營，特別適合初學者或想學習新技巧的人。

擁有300多個UI／UX教學影片，包括Sketch、AdobeXD、InVision等熱門設計工具，也有比較偏談話性質的設計經驗分享，是UI／UX新手不容錯過的頻道之一哦！8.AJ&SMART圖片來源：AJ&Smart AJ&Smart是一家位於德國柏林的「產品設計與創新」的工作室，主要是在幫助公司以最小的預算更快地製作出更優質的產品。

在他的每週頻道中，你可以學到「何謂DesignSprint」、「如何做出好的設計策略」，以及設計相關書籍的講評，幫你建立一套完整的設計思維，進而成為更加優秀的創作者！想進一步提升競爭力？讓Eagle來幫你！除了以上的UI／UX學習資源，使用這款強大的生產力工具—Eagle，也能幫你大幅提升設計力！無論是圖片、音樂、影片，或文字檔等，都可以透過加入標籤、評分、筆記、篩選器等功能來幫你輕鬆管理，再也不怕在茫茫大海中撈不到你想要的素材，讓你的創作事半功倍！除此之外，Eagle部落格更提供你好用的設計資源、資訊懶人包，讓你成為更好的設計專業工作者！如果你還是覺得缺乏靈感或創作動力，歡迎到Eagle設計資源社區走走，這裡有著數以萬計的設計師分享好用工具與靈感網站，Eagle就是要幫助你在設計之路上更省力！這篇文章對你有幫助嗎？分享給朋友 黃若慈 我是 Eagle的內容行銷實習生，專門負責搜集各種有趣的設計資源及技巧分享。

以一顆好奇且熱衷於嘗試新事物的心，持續產出既有趣又實用的內容。

想加入Eagle部落格作者群嗎？相關文章提高設計生產力！數位資產管理工具怎麼用？怎麼挑？評比推薦還在找不到檔案？快來認識數位資產管理工具！數位資產管理工具可以分類、整理、簡化管理設計的工作流程、提升工作效率，怎麼挑怎麼選，就看這篇評比！2022-06-20・設計資源UI設計師必備！10個不可錯過的優質FigmaPlugin推薦身為UI設計師不可不知的10款熱門FigmaPlugin，圖庫、去背、配色、壓縮、Wireframe等多項必備的設計工具一次介紹給你！2022-03-07・設計資源想拓展設計圈人脈嗎？20個UI／UX設計師愛用的社群媒體推薦想跟設計師交流嗎？20個UI／UX設計師愛用的discord社群、slack聊天群組、臉書交流社團等推薦，不管是技術精進、設計知識分享、一起吐苦水，快加入吧2022-03-03・設計資源2022最新！20個動態圖像設計的靈感網站及資源推薦你在找動態圖像設計的靈感嗎？20個實用的動態設計資源網站，包括動態設計素材、設計師專訪與專案研究分析等多項豐富內容，提供你源源不絕的創作靈感！2022-03-01・設計資源首頁瀏覽器擴充快速入門資源社群部落格幫助中心立刻購買我們使用Cookies來改進我們的網站並提供個性化的體驗。

同意