UI/UX 結合設計思考與 Figma 實作課程

想要訓練數據思考與應用能力的人

3~6 小時
可根據課程需求動態規劃時數

本門課程,主要介紹「設計思考 + UI/UX 之相關概念以及 Figma 實作為主」;介紹一些常見的 UI/UX 觀念、流程、迷思,並介紹相關概念與工具;此外,課程也規劃加入 Figma 超強大的介面設計工具實作,於課程中帶領學員親手做出互動介面,啟發同仁相關職能。

好的網站或是系統設計,能夠帶來更多的使用體驗與互動流量,也能帶領組織的業績、成效提升等等,而良好的網站設計關鍵,也隨著設計者對於 UI/UX 的理解程度而有差異。

UI/UX 是近年十分熱門的主題,其中 UI(User Interface)指的是使用者介面,包含各類的視覺畫面設計,像是字型、排版、配色等等,需根據頁面上的功能,針對同情境設計整體網頁或是系統的佈局;而 UX(User Experience)指的是使用者體驗,UX 更專注的是使用者的整體操作友善性與可近性,並透過各種方法認識使用者對於網站的期待(Expectation)與態度(Mindset),並搭配使用者測試(User Testing)方法,找出整體網站的體驗優化方向。

☆ ps. 本課程將實作頂級的原型設計工具 – Figma:本課程會介紹 Figma 的核心操作技巧,並體驗其超方便的多人協作機制,透過其優異的各類視覺元件功能,打造出趨於真實、且可操作的的 UI 介面雛形(Prototype)。

課程適合對象

  • 需參與任何網站 / 系統設計與規劃之人員
  • 網站 / 系統專案管理者(產品經理、專案管理 PM、介面設計等)
  • 有 UI 設計經驗,想進一步認識 UI/UX 工作流程成員
  • 網站 / 系統工程師,想要了解更多 UI/UX 觀念的對象


章節項目學習重點
Part1:UIUX 核心概念
Part 1關於設計的核心流程與觀點課程開場,將會介紹 HCD 以使用者為中心的設計的觀念,並對應說明設計思考、UI、UX 等觀念在設計流程中的相關角色。
Part 2UI 使用者介面帶領學員們更認識使用者介面設計的概念、流程、架構、方法、案例等等,讓學員們快速對於此主題能有一定的掌握度。
Part 3UX 使用者經驗UX 全名是 User Experience(使用者經驗),UX 相對於UI 更著重在人類行為的探索,著重在真實使用者經驗上的測試,並驗證設計的成功與失敗。
Part2:透過 Figma 雲端工具實作系統介面
Part 4Hello Figma本階段將會帶領學員們從零開始進行 Figma 工具的實作,包括基礎的環境設定、畫布設定、圖層概念、工具列項目、框架(Frame)、好用快捷鍵等等。
Part 5實作技巧:Figma 元件操作技巧將介紹透過 Figma 的常用元件設計,包括:文字、圖像、色彩、群組、按鈕、表單等等的配置技巧。
Part 6實作技巧:Figma 的互動設定與 CSS 搭配將介紹如何透過 Figma 實作轉場、動態呈現、觸發事件的配置方法等;也將於此單元介紹 Figma 與 CSS 的搭配設計模式。
Part 7實作技巧:Figma Plugin、雲端分享透過 Figma 進行更多介面設計,包括像是導航選單、提示框等等的設計方式;也將於此單元同時介紹許多好用的 Figma Plugin,以及將作品進行雲端分享的方式。
Part 9實作技巧:擬真雛形製作本階段將會引領學員親手製作擬真雛形,並更熟悉相關的 Figma 操作技巧。

圖:UI/UX 設計流程

圖:介面雛形工具種類

圖:Prototype 技巧實戰


  • 2024【國立陽明交通大學】Tableau 工作坊 – 講師
  • 2024【國立臺灣師範大學】Tableau Crash Course Workshop – 講師
  • 2024【國立公共資訊圖書館】ChatGPT AI 輔助提升職場生產力實戰 – 講師
  • 2024【食藥署】數據驅動決策 AI 人工智慧與食藥衛生共舞 – 講師
  • 2024【東吳大學】Tableau & ChatGPT – 講師
  • 2024【臺北科技大學】數位治理:資料視覺化&Tableau – 講師
  • 2024【台中市政府數位治理局】ChatGPT 工作生產力 – 講師
  • 2024【數位經濟暨產業發展協會】Leveraging ChatGPT for Data Analysis – 講師
  • 2024【國立公共資訊圖書館】ChatGPT / AI 輔助提升生產力 – 講師
  • 2024【醫藥品查驗中心】Tableau 資料視覺化工作坊 – 講師
  • 2024【塑膠工業技術發展中心】ChatGPT 提升永續職場生產力 – 講師
  • 2024【精誠集團】數據思考工作坊 – 講師
  • 2024【台灣鐘紡化妝品】ChatGPT / 生成式 AI 的數據應用 – 講師
  • 2024【上銀集團】網站 UI 設計與 UX 數據分析 – 講師
  • 2024【緯創集團】ChatGPT 與 Excel 生產力 – 演講講者
  • 2024【師大】資料視覺化與 Tableau – 講師
  • 2024【金融研訓院】ChatGPT 工作生產力應用與數據分析 – 講師
  • 2024【大樹藥局】ChatGPT 與 Excel 資料分析 – 講師
  • 2024【中華人事主管協會】ChatGPT 生產力應用 – 講師
  • 2024【台灣電路板協會】ChatGPT 生產力應用 – 講師
  • 2024【勞動力發展學院】AI工具生產力應用 – 講師
  • 2024【中山大學企管所】Tableau 資料視覺化工作坊 – 講師
  • 2024【中小及新創企業署】從數據到圖表的語言 – 講師
  • 2024【104】104 Talks ChatGPT 生產力應用 – 演講講者
  • 2023【IQVIA】數據圖表簡報與 AI 輔助分析技巧 – 講師
  • 2023【新博軟體】Tableau 資料視覺化與生成式 AI – 講師
  • 2023【中衛發展中心】ChatGPT 與數據分析 – 講師
  • 2023【台大數據分析社】Tableau 課程講師
  • 2023【清大】專案管理工作坊 – 講師
  • 2023【台科大科管所】Tableau 資料視覺化 – 專題講者
  • 2023【新商業學校】AI x 數據分析與視覺化表達 – 講師
  • 2023【金融研訓院】資料視覺化與數據簡報設計 – 講師
  • 2023【金赫獎年度設計競賽】評審
  • 2023【精誠集團】ChatGPT 生產力應用 – 講師
  • 2023【南科產學會】資料視覺化與解析實作 – 講師
  • 2023【上銀集團】設計思考與 Web UX 體驗設計 – 講師
  • 2023【全家】ChatGPT 生產力應用 – 講師
  • 2023【台大新生演講】數據故事 & 資料視覺化 – 講師
  • 2023【赫綵設計】如何透過 AI 工具,輔助 UI/UX 設計流程 – 講師
  • 2023【金融研訓院】ChatGPT 生產力應用 – 講師
  • 2023【數位青年 T 大使】ChatGPT / 生成式 AI 的數據應用 – 講師
  • 2023【商業思維學院】PM 與資料視覺化 – 講師
  • 2023【台中商銀】Tableau 資料視覺化工作坊 – 講師
  • 2023【台灣資料科學社群】ChatGPT 資料視覺化 – 講師
  • 2023【1111人力銀行】ChatGPT 與資料分析 – 講師
  • 2023【金融研訓院】UI/UX 課程 – 講師
  • 2023【Alphacamp】Tableau 資料視覺化 – 講師
  • 2023【國家災害防救科技中心】防災計畫顧問
  • 2023【元智大學】資料視覺化與圖表實作 – 講師
  • 2023【Hahow】商業圖表製作與視覺化分析的技術 – 線上課程講師
  • 2023【裕隆集團】Tableau 大數據工作坊 – 講師
  • 2023【裕隆集團】ChatGPT 工作坊 – 講師
  • 2023【資策會】數據治理工作坊 – 講師
  • 2023【富邦人壽】數據思考技術工作坊 – 講師
  • 2023【新創總會】ChatGPT 工作的技術 – 講師
  • 2023【政治大學】Tableau Workshop(英文) – 講師
  • 2023【趨勢科技】資料視覺化與商業圖表 – 講師
  • 2023【精誠集團】數據思考工作坊 – 帶領教練
  • 2023【天地人學堂】ChatGPT 資料視覺化 – 講師
  • 2023【天地人學堂】ChatGPT 生產力應用 – 講師
  • 2023【MOMO 集團】資料視覺化應用 – 講師
  • 2023【新商業學校|經理人】數據思維 – 講師
  • 2023【高科大】Google Looker Studio 課程講師
  • 2023【中央大學】Tableau 數據分析課程講師
  • 2023【高雄科大】Tableau 數據分析課程講師
  • 2022【台北捷運公司】資料分析與視覺化技術 – 講師
  • 2022【新商業學校|經理人】資料視覺化分析技術 – 講師
  • 2022【金融研訓院】資料視覺化分析技術 – 講師
  • 2022【金融研訓院】商業數據分析 – 講師
  • 2022【ITI 外貿協會】資料視覺化系列主題講師
  • 2022【中華電信】資料視覺化與決策 – 講師
  • 2022【環保署】Tableau 資料視覺化培訓 – 講師
  • 2021【環保署】Tableau 資料視覺化培訓 – 講師
  • 2021【遠傳】物聯網大數據分析 – 企業內訓講師
  • 2021【聯華食品】Tableau 商業分析 – 企業內訓講師
  • 2021【逢甲大學圖書館】Tableau 資料視覺化 – 專題講者
  • 2021【台科大資管系】Tableau 資料視覺化 – 專題講者
  • 2021【美國創新中心】Tableau 資料視覺化 – 專題講者
  • 2021【臺北市政府交通局】數據分析與視覺化 – 專題講者
  • 2021【亞洲大學】數位互動科技 – 邀請講者
  • 2021【中央大學】ERP中心 資料視覺化課程講師
  • 2021【Tibame 緯育】資料視覺化 – 課程講師
  • 2021【電腦公會】資料視覺化 – 講者
  • 2021【美國創新中心】數位與數據素養 – 講者
  • 2021【天地人學堂】資料視覺化與 Tableau – 課程講師
  • 2021【天地人學堂】UI/UX/設計思考/Figma – 課程講師
  • 2021【AI 人工智慧學校(台北)】專題講者
  • 2021【中華電信】資料視覺化與決策 2 day 班講師
  • 2021【交通大學】用斜槓開啟多元人生 – 講者
  • 2021【交通大學】資料視覺化與我們的生活 – 講師
  • 2021【台北市政府消防局】大數據分析與網站設計:課程講者
  • 2020【工業局 – 電腦公會】Tableau 與資料視覺化 16 hr 課程
  • 2020【工研院 – 新竹】Tableau 工具教學:課程講師
  • 2020【Hahow】Tableau 大數據視覺化 – 線上課程講師
  • 2020【天地人課程講師】資料視覺化與Tableau實作 培訓課程
  • 2020【AI 人工智慧學校(台北)】專題講者
  • 2020【AI 人工智慧學校(台南)】專題講者
  • 2020【宜蘭大學】資料視覺化與科技藝術:演講講者
  • 2019【天地人課程講師】資料視覺化與Tableau實作 培訓課程
  • 2019【工研院】Tableau 工具教學:課程講師
  • 2019【成功大學】電機系演講「大數據與使用者經驗」:演講講者
  • 2019【世新大學】資料視覺化:演講講者
  • 2019【政治大學】Tableau 與 GIS 課程:講師
  • 2019【銘傳大學】經理人班:AI專案導入經驗分享
  • 2019【環保署】Tableau 教育訓練活動:講師
  • 2019【中原大學】資管人的數位素養:演講講者
  • 2019【北科大】大數據分享會:講者
  • 2019【高雄市政府】新媒體真溝通-大數據下的關鍵溝通講師
  • 2019【台北醫學院】碩士專班資料視覺化課程講師
  • 2019【東吳大學】數據分析的前世今生 – 主題講師
  • 2019【外貿協會(台中)】資料視覺化主題邀請講師
  • 2019【外貿協會(新竹)】資料視覺化主題邀請講師
  • 2019【AI 人工智慧學校(台北)】專題講者
  • 2019【AI 人工智慧學校(新竹)】專題講者
  • 2019【AI 人工智慧學校(台中)】專題講者
  • 2019【衛福部食藥署】大數據計畫委員
  • 2019【早起設計】數據視覺化計畫顧問
  • 2019【台南市政府】資料視覺化競賽:評審委員
  • 2018【YOTTA 線上課程講師】設計思考 & UI & UX|思維轉換,打造友善體驗
  • 2018【KKDAY】Tableau 視覺化軟體 – 企業內訓講師
  • 2018【高雄市政府】資料視覺化與體驗設計課程講師
  • 2018【清華大學】AI 與體驗設計講師
  • 2018【台大地理系】大數據與視覺化講師
  • 2018【美商 Adobe】淺談設計思考 Design Thinking 活動對談講師
  • 2018【中原大學】前端工程與RWD設計 – 課程講師
  • 2017【資料科學年會】資料視覺化主題 Speaker
  • 2017【國泰集團】資料視覺化 UX 設計 – 企業內訓講師
  • 2017【台灣鐵路局】新興科技與 UX – 企業內訓講師
  • 2017【玉山科技論壇】團隊對談講師

與知識遊牧工作室聯繫!

知識遊牧提供以下服務,
若您對於相關資訊有興趣,
歡迎透過表單聯繫我們,
我們將盡快回覆您。

  • 企業培訓
  • 演講邀約
  • 出版合作
  • 數據專案

台北市