0
0

您的購物車是空的

1520@1x.png__PID:83aff950-ceb3-4d27-a6de-2fcd1de641a7

不走冤枉路的 UI/UX 設計師養成之路：Figma從零開始，精通 UI/UX 設計

 授課講師： 有用設計
 課程時數： 約4.7小時　
 上線日期： 預計2024年2/7 (三) 全數上線
銷售達標進度
0%

優惠倒數

優惠價

$2,180

原價

$4,800
1080@1x.png__PID:d1fc99a8-9c85-4faa-9a92-d1cb99fe5131

不走冤枉路的 UI/UX 設計師養成之路：Figma從零開始，精通 UI/UX 設計

 授課講師： 有用設計
 課程時數： 約4.7小時　
 上線日期： 預計2024年2/7 (三) 全數上線
銷售達標進度
0%
0%
優惠價
$2,180

原價

$4,800

優惠倒數

課程介紹

課程大綱

學生評價

講師介紹

優惠倒數

課程介紹

課程大綱

完課成效

學生評價

講師介紹

課前問答

如果你正在 UI/UX 的道路上跌跌撞撞，就來上一堂能讓你快速累積經驗值的課程吧！研究資料中顯示，UI/UX 設計師平均薪資高於平面設計師，薪資增幅的速度遠遠高於平面設計師。

我是有用設計的 Vickie，本身也是平面設計出身，踏入 UI/UX 行業 12 年，初期一路跌跌撞撞，甚至連 Android 檔案切圖要切5倍倍率都不懂，更不用談如何去說服別人我的設計比較好，一路不斷的養成累積實力，讓我在專業上獲得更多的話語權，產品經理在開發專案初期，都會希望我一起跟著進入前期的開發計畫，提供他們產品的各種面向思維。

如果當初剛入行時，有個資深前輩帶領我，會讓我少走很多冤枉路，這也是這門課程的初衷，希望透過 10 多年累積的經驗，教你怎麼學會核心的 UI/UX 技能，不僅僅在軟體技能，更多的是思考脈絡概念與怎麼把自己賣得更高級！

所以如果你沒有辦法說服別人採用你的設計，或是現在內心充滿疑惑，儘管網路上有一定的資訊量，卻依舊無法解決在工作的過程中所遇到的障礙，就來上這門課程，教你最實用的技巧，講師的實體課程經過百位學員的見證，實作結合理論，用最淺顯易動的方式教學，讓你不再走過我以前坎坷的自學路！

uiux_page04.png__PID:f3787ca1-1d3b-4659-a511-8571c6a91bfd

課程試看

認識產品開發設計流程

Master talks (7).png__PID:34285ba0-5356-482f-97c6-4961648d3ace

六大課程特色

點擊下方左右箭頭查看

phone_01.png__PID:b47a75b9-e6f3-487c-a11d-3bb659e51185
phone_02.png__PID:d6b47a75-b9e6-4378-bca1-1d3bb659e511
phone_03.png__PID:afd6b47a-75b9-46f3-b87c-a11d3bb659e5
phone_04.png__PID:63afd6b4-7a75-49e6-b378-7ca11d3bb659
phone_05.png__PID:4663afd6-b47a-45b9-a6f3-787ca11d3bb6
phone_06.png__PID:394663af-d6b4-4a75-b9e6-f3787ca11d3b
uiux_page03.png__PID:b9e6f378-7ca1-4d3b-b659-e5118571c6a9

課程試看－認識產品開發設計流程

課程介紹

uiux_02.png__PID:6d8c90bf-461e-42d4-ac73-0852e8007838uiux_05.png__PID:7199c74f-4740-4875-90ed-dedfa2ed7fa7
軟體產品開發設計流程與內容介紹
使用者問卷調查與訪談
如何撰寫有用的人物誌
繪製服務流程圖，了解產品的藍圖
製作 Wireframe 呈現產品的流程，與團隊成員進行討論
轉職作品集的準備方法與策略、面試技巧
不走冤枉路的 UI/UX 設計師養成之路：Figma從零開始，精通 UI/UX 設計
不走冤枉路的 UI/UX 設計師養成之路：Figma從零開始，精通 UI/UX 設計
不走冤枉路的 UI/UX 設計師養成之路：Figma從零開始，精通 UI/UX 設計
不走冤枉路的 UI/UX 設計師養成之路：Figma從零開始，精通 UI/UX 設計
不走冤枉路的 UI/UX 設計師養成之路：Figma從零開始，精通 UI/UX 設計
不走冤枉路的 UI/UX 設計師養成之路：Figma從零開始，精通 UI/UX 設計

不走冤枉路的 UI/UX 設計師養成之路：Figma從零開始，精通 UI/UX 設計

$2,180

課程大綱

第一章

UI/UX 工作內容與
業界開發流程介紹

  1. UI/UX職位工作內容介紹、職涯能力培養
    • UI 設計師（視覺設計）、UX設計師（數據思維、商業思維）、產品設計師（商業思維、數據思維、視覺設計）
  2. 軟體產品開發設計流程與內容介紹 【點此試看】
    • 產品的開發流程、敏捷開發(Scrum)流程差異
    • 新創公司適合哪種開發流程，資源不足
  3. 熟悉業界軟體開發 open source 設計規範和工具預算制度介紹
    • 主流科技大廠提供的設計元件， airbnb, Ant design, iOS Guideline, Material design
    • UI 設計軟體介紹， UX 設計工具有哪些

第二章

使用者調查研究、
釐清需求

  1. 全新專案、維護型專案，執行流程的不同
    • 全新專案會著重在產品的定位與使用族群鎖定，滿足主要客群的期待，同時也需要兼備商業佈局的思維，橫向性思考產品未來的延伸性
  2. 了解專案的需求、目的、限制
    • 需求方提供的文件內容形式與內容文字型 Spec，或是提供 Wireframe spec，或是老闆口述給你需求
    • 釐清收斂需求、以及與對專案有決定權的人確認彼此有共識
    • 確認方向與決定關鍵指標（出錢的那個人），避免後續不斷地來回重工
  3. 功能型的競品分析
    • 進行競業產品的調查，分析功能的流程與步驟
    • 盤查間接競品有哪些值得參考的部分
  4. 使用者問卷調查與訪談
    • 教你怎麼列出問卷調查的項目，以及怎麼透過問卷題目的脈絡，挖掘用戶的痛點
    • 學習如何進行用戶的訪談，訪談的步驟流程SOP，訪綱應該準備哪些前置作業

第三章

Figma 基礎入門
的操作技巧

  1. Figma 工作區與面板介紹
    • 介紹 Figma 基本功能與操作區域的說明
  2. 設計的開檔尺寸
    • 在做設計時，先搞懂開什麼尺寸才能在不同尺寸裝置通用
    • 介紹網頁設計、手機平板裝置，各應該預設開檔尺寸
  3. RWD 響應式網頁設計（上）
    • Frame 與 Group 的使用差異
      • Frame 與 Group 使用情景範例，教你辨識遇到什麼狀況要怎麼選擇
    • 字體大小與顏色建立
      • 網頁通常使用的字體大小，與遇到不同裝置大小時，字體大小要設定多大多小
      • 建立色彩配置，可以通用在整支軟體中，避免使用了過多的色彩
    • 設計不同狀態的按鈕元件
      • 教你建制共用的元件，以及元件不同狀態的情境使用
      • 元件的建立，可以加快設計的效率
  4. RWD 響應式網頁設計（下）
    • Constraint 動態 layout 應用
      • 利用 Constraint 可以輕鬆建立元件間的對位，讓你得心應手！
    • 卡片式設計與柵欄系統
      • 使用卡片式設計來自適應不同 Layout，達到響應式設計
      • 在響應式設計上教你怎麼搭配柵格系統來檢視你的設計，來降低 RD 執行度的落差
    • UI layout 進階成 Prototype
      • 把實際 UI layout 轉換成可以動態展示的 Prototype

第四章

Figma 進階功能

  1. Design system 建立與管理
    • 設計系統建立，教你怎麼通用至所有專案，加快設計效率
  2. 團隊協作的檔案管理
    • 在一人團隊或是多人團隊中，檔案如何進行歸檔，讓你隨時在5秒找到你要的檔案！
  3. 表單設計與進階設計
    • 怎樣設計能讓表單在視窗放大縮小時都不會壞掉呢！
    • 符合不同裝置大小都可兼容的Table設計絕招
  4. Autolayout 的應用
    • 多國語系的處理方式、滑鼠的觸控範圍
    • 教你怎麼設定成 Resize 視窗，可以不會跑版的終極心法，絕對是設計師必學的法寶！

第五章

實戰演練：
音樂軟體介面設計

  1. 解讀 Spec 轉換成 Function map
    • 分享業界常見的 Spec 文件有哪些形式，教你梳理成我們看得懂的脈絡
    • 將文字型 Spec， Wireframe Spec 梳理成 Function map，掌握專案的整體脈絡
  2. 競品分析，協助團隊釐清市場狀況
    • 進行設計樣式的競品分析，確認競爭者的版型結構、色彩調性
    • 分析競爭者 UI 交互操作，與整體結構的流程，有沒有值得學習參考的點
  3. 畫成 Wireframe，收斂共識
    • 與開發團隊確認所有功能流程佈局與操作行為，包含工程師的交互行為的執行評估
    • 此階段極為重要，是收斂共識與確認架構的主要環節，在此階段越仔細能大大降低重工次數
  4. 首頁設計
    • 以 Mobile為主、同時教你如何用一套設計通用於響應式網頁設計
    • UI 設計時該怎麼配置 layout，讓你的設計可以一魚三吃，減少工程端開發的時間
  5. 資料庫、播放清單設計
    • 以列表方式呈現歌單、資料庫，也可通用於網頁響應式設計
    • 教你在列表設計，怎麼彈性的設計成不同寬度的 layout 配置變化
  6. 搜尋頁面設計
    • 複雜型搜尋的結果，進行有效的資訊群組化，讓用戶快速找到關鍵
  7. 播放器設計
    • 針對不同裝置提供對應的播放器 layout，能夠提供整體的交互體驗，也是音樂軟體的核心功能之一
  8. 讓畫面可以動起來
    • 你常遇到老闆當初看過說好的產品，做出來後卻被罵到狗血嗎？教你透過 prototype 讓你設計的稿子可以互動起來，直接拿去跟老闆提案，展示產品的流程，甚至省掉工程端的 POC(Proof of concept)時間，UI/UX 價值提升！
  9. 易用性測試
    • 使用 prototype 進行任務測試，馬上抓出設計上的盲點與正向反饋
    • 透過測試能降低產品直接進入市場的風險值，也大大提升產品的完整性
  10. 撰寫有脈絡的設計提案、簡報技巧
    • 教你怎麼制定核心的簡報架構，讓你的思路脈絡可以被賣的更有價值
    • 整理專案是必要的學習過程，學習有系統的歸納，同時也訓練自己的思路，檢視專案的流程中有什麼瑕疵跟改進的空間，在進行下一論的專案更進化，也更精進自我的好方法
    • 整理專案的另一個好處是，平常邊整理就邊弄成作品，隨時保持準備狀態，好機會來臨時，決不錯過！「機會是留給準備好的人」

第六章

UI/UX 敲門磚

  1. 轉職作品集的準備方法與策略、面試技巧
    • 教你怎麼有彈性的使用課程中的 SOP 步驟準備作品集，可以套用到不同產業類別的作品，讓你的作品第一眼就能引起公司對你的興趣，得到面試的入場卷
    • 作品集要先確認你的 TA 是誰 ? 研究所跟找工作所面對的 TA 是截然不同的，課程中會教你如何切中核心，精準地抓到 TA 想看的內容
    • 作品集中呈現個人核心能力、個人的影響力、成果的分析能力
    • 教你如何有策略應對面試官提問的問題，有技巧的聽出面試官真正想問的問題，以及面試時該注意哪些小細節，小地方的技巧讓面試官對你印象深刻
  2. 尋找適合的 UI/UX 工作機會
    • 掌握成為資深設計師邁向大公司的關鍵
    • 如何持續學習 UI/UX 技能和知識，提供線上進修的資源與方法

第一章

UI/UX 工作內容與
業界開發流程介紹

  1. UI/UX職位工作內容介紹、職涯能力培養
  2. 軟體產品開發設計流程與內容介紹 【點此試看】
  3. 熟悉業界軟體開發 open source 設計規範和工具預算制度介紹

第二章

使用者調查研究、
釐清需求

  1. 全新專案、維護型專案，執行流程的不同
  2. 了解專案的需求、目的、限制
  3. 功能型的競品分析
  4. 使用者問卷調查與訪談

第三章

Figma 基礎入門
的操作技巧

  1. Figma 工作區與面板介紹
  2. 設計的開檔尺寸
  3. RWD 響應式網頁設計（上）
  4. RWD 響應式網頁設計（下）

第四章

Figma 進階功能

  1. Design system 建立與管理
  2. 團隊協作的檔案管理
  3. 表單設計與進階設計
  4. Autolayout 的應用

第五章

實戰演練：
音樂軟體介面設計

  1. 解讀 Spec 轉換成 Function map
  2. 競品分析，協助團隊釐清市場狀況
  3. 畫成 Wireframe，收斂共識
  4. 首頁設計
  5. 資料庫、播放清單設計
  6. 搜尋頁面設計
  7. 播放器設計
  8. 讓畫面可以動起來
  9. 易用性測試
  10. 撰寫有脈絡的設計提案、簡報技巧

第六章

UI/UX 敲門磚

  1. 轉職作品集的準備方法與策略、面試技巧
  2. 尋找適合的 UI/UX 工作機會

完課成效

uiux_page01.png__PID:89deb54b-84f9-43a2-a4f0-f6e193949792uiux_page02.png__PID:b52612a1-fac1-465a-8d98-e8c86418d5ef969e6743-f53b-4133-a02c-843fef1600a1.png__PID:df414d96-dc13-4cc8-8c87-61dfad67ada8phone_x1.png__PID:7a75b9e6-f378-4ca1-9d3b-b659e5118571Constraint_layout.gif__PID:6821be9b-8b05-4597-a645-9ecdb288c516uiux_06.png__PID:49f40199-fba2-492f-b7ba-bdf59dd7db09

舊學員好評推薦

S__41205800.jpg__PID:6962af22-4a8b-4dd6-b0b8-71085a9424e5
Master talks (1).png__PID:ad9665e0-5b4f-4a6f-b586-93ffe40fc8c7

講師介紹

有用設計icon.png__PID:26d8842d-4e33-4031-8309-317abd4f480e

有用設計

從 2022. Apr 創辦至今，由兩位在台灣科技業擁有10年以上經驗的產品（UI/UX）設計師創立。 開過多堂實體工作坊，課程有「一日體驗UI/UX設計師」、「UI/UX初階入門-轉職工作坊」、「UX/UI 競品分析-工作坊」、「新手UX/UI 設計入門」等課程，以台灣科技產業實用的UI/UX為出發點進行教學。

Dodo@2x.png__PID:2f1ff78e-faf6-407e-aba2-0ec6c609abb0

Dodo

產品設計師｜UI/UX設計
品牌設計師

1.png__PID:10ae212f-03f8-441c-8502-323512ca4286

鑽研科技產業 UI/UX設計 12 年，現為設計中心 UIUX Leader、資深產品設計師，曾擔任過品牌設計、戶外大型廣告設計、櫥窗陳列設計。

大量接觸設計、工程、使用者體驗服務、能夠從不同角色面相切入設計觀點，並搭配實務經驗，擅長B2B系統整合介面設計與 Design System，運用不同的邏輯思維打開你的UX新觀點。

經歷：
🌟全球資訊儲存系統大廠 UI/UX Leader
🌟口袋移動科技 UI/UX 產品設計師
🌟Burt's Bees 小蜜蜂爺爺 品牌設計師
🌟APIVITA 品牌設計師

Vickie@2x.png__PID:1ff78efa-f650-4e6b-a20e-c6c609abb04f

Vickie

產品設計師｜UI/UX設計
視覺設計｜自媒體經營

2.png__PID:ae212f03-f834-4cc5-8232-3512ca42863c

有 9 年的 UI/UX Designer 工作經驗，現為產品設計師。 從出社會至今都在科技公司、新創公司打滾，非常了解大公司與小公司的團隊合作模式。 擅長面試指導、B2B系統整合介面設計與 Design System。

經歷：
🌟系統廠科技公司 UIUX 設計師
🌟全球領導品牌科技公司 UIUX 設計師
🌟區塊鏈產業 UI 設計師
🌟銀行總行數位金融部 app 產品設計師
🌟雲端發票 app 產品設計師
🌟品牌視覺設計師

Vickie

課前問答

買課問答 (揪團來這)

購課問答/ 揪團來這

使用規則

1.找揪團、對於課程內容有疑問想詢問老師或提建議，歡迎留言。

2.內容不得涉及侮辱或具不雅文字，請勿張貼廣告，本平台保留直接刪除不適當留言之權利。

3.揪團者請自行創建並聯繫，本平台不介入干涉或負責。

4.如有看課、發票、退費申請等疑問，請參考官網【常見問題】，或連繫本平台客服信箱。

常見問答

不走冤枉路的 UI/UX 設計師養成之路：Figma從零開始，精通 UI/UX 設計
不走冤枉路的 UI/UX 設計師養成之路：Figma從零開始，精通 UI/UX 設計
不走冤枉路的 UI/UX 設計師養成之路：Figma從零開始，精通 UI/UX 設計
不走冤枉路的 UI/UX 設計師養成之路：Figma從零開始，精通 UI/UX 設計
不走冤枉路的 UI/UX 設計師養成之路：Figma從零開始，精通 UI/UX 設計
不走冤枉路的 UI/UX 設計師養成之路：Figma從零開始，精通 UI/UX 設計

不走冤枉路的 UI/UX 設計師養成之路：Figma從零開始，精通 UI/UX 設計

$2,180

猜您會喜歡

零基礎也能掌握的Blender 3D室內設計實務
零基礎也能掌握的Blender 3D室內設計實務
零基礎也能掌握的Blender 3D室內設計實務
零基礎也能掌握的Blender 3D室內設計實務

零基礎也能掌握的Blender 3D室內設計實務

$3,480
InDesign電子書製作實務：業界不能說的InDesign轉製電子書秘密課程
InDesign電子書製作實務：業界不能說的InDesign轉製電子書秘密課程
InDesign電子書製作實務：業界不能說的InDesign轉製電子書秘密課程
InDesign電子書製作實務：業界不能說的InDesign轉製電子書秘密課程

InDesign電子書製作實務：業界不能說的InDesign轉製電子書秘密課程

$2,880
成為暖心設計師必學的通用使用性設計：打造所有人都能輕鬆操作的介面
成為暖心設計師必學的通用使用性設計：打造所有人都能輕鬆操作的介面
成為暖心設計師必學的通用使用性設計：打造所有人都能輕鬆操作的介面
成為暖心設計師必學的通用使用性設計：打造所有人都能輕鬆操作的介面

成為暖心設計師必學的通用使用性設計：打造所有人都能輕鬆操作的介面

$3,500
零基礎學 AutoCAD 2D 製圖指令與技巧：以室內設計及機械製圖為例
零基礎學 AutoCAD 2D 製圖指令與技巧：以室內設計及機械製圖為例
零基礎學 AutoCAD 2D 製圖指令與技巧：以室內設計及機械製圖為例
零基礎學 AutoCAD 2D 製圖指令與技巧：以室內設計及機械製圖為例

零基礎學 AutoCAD 2D 製圖指令與技巧：以室內設計及機械製圖為例

$2,380