新手也能做 UI!Visily AI 智能導引極速開發
菜鳥救星,你的學習救星
網頁設計變簡單
還在為了畫不出精美的網頁原型而苦惱嗎?或是面對複雜的設計軟體,光是學習介面就讓你想要放棄?在這個「快魚吃慢魚」的時代,產品開發的效率就是競爭力。Visily 作為新一代 AI 驅動的設計神器,正在徹底改變 UI/UX 的工作流。
學習痛點
- 想學網頁設計卻沒美感基礎,面對空白畫布無從下手。
- 軟體學習成本太高,Figma 或 Adobe XD 介面複雜,自學容易迷路。
- 溝通效率低下,手繪構想無法快速轉化為可編輯的數位設計稿。
- 原型製作緩慢,手動調整對齊、層級管理耗費大量重複勞動時間。
學習完後,你能獲得……
- 握 Visily 核心環境:全面熟悉介面操作、圖層管理與協作機制。
- 精通 AI 四大生成技術:學會將草圖、截圖與文案瞬間轉化為 UI。
- 實現高效排版優化:運用 AI 自動化美化版面,並掌握專業排版邏輯。
- 建立完整設計工作流:從基礎操作到最後一哩路的交付流程完整銜接。
課程大綱
學習目標:掌握 Visily 基礎操作環境,並學會運用組件庫快速搭建低保真 (Wireframe) 網頁架構。
- 單元1:UI的概念介紹&軟體介紹
- 單元2:選擇Template建立新檔
- 單元3:模組功能介紹
- 單元4:Theme 色彩管理
- 單元5:Layout properties、Layer、Comment功能說明
- 單元6:Inspect功能介紹
- 單元7:Prototype示範
學習目標:靈活運用 AI 識別技術,將手繪草圖、網頁截圖或純文字需求,瞬間轉化為可編輯的數位設計稿。
- 單元1:Al文生圖(Text to Ul)
- 單元2:Al選擇圖面生圖 (Select to Design)
- 單元3:Al圖生圖(Screenshot to Design)
- 單元4:一鍵切換Wireframe/UI
- 單元5:介面臨摹練習-購物流程設計1
- 單元6:介面臨摹練習-購物流程設計2
- 單元7:介面臨摹練習-購物流程設計3
誰適合學
- 完全零基礎的設計初學者:想進入設計領域但擔心美感與工具門檻者。
- PM 與產品經理:需要快速製作原型與工程師/設計師溝通構想者。
- 銷與創業人員:想節省外包成本,快速製作 Landing Page 雛形者。
- 職場轉職者:想掌握最新 AI 工具,提升職場競爭力與產出效率者。
課程優勢/課程亮點
本課程由業界師資親授,特別針對初學者痛點,將複雜的 UI 邏輯轉化為「形狀→AI 生成→優化」的高效 SOP,讓您在不需要深厚美學基礎的情況下,也能手把手製作出業界水準的高保真原型,並提供一年內無限次反覆觀看的權利,確保您能精準掌握每一個 AI 操作細節。
講師介紹:五罐老師
超過五年以上的介面設計經驗無論你有沒有接觸過UI設計,我都會用淺顯易懂的設計白話文解釋給你聽,我們課堂上見!



Q&A
一台可以上課的電腦或筆記型電腦。
每堂線上直播課程,課後隔天18:00後,均可以在雲端教室直接查看影片,可於線上一年內無限重複觀看,不用擔心漏掉任何一個細節。且經大部份使用者回饋,在下次課程開始前,重新複習上次課程內容,學習效果會更好喔。
*依專案不同,觀看期限可能有所調整,菜鳥救星保留修改權益之權利。
*依專案不同,觀看期限可能有所調整,菜鳥救星保留修改權益之權利。
依照個人意願開鏡頭,希望大家都可以開麥克風跟我互動喔。
歡迎至常見問答頁面查詢,或是加入line帳號:@lccedu,與我們聯絡喔!
注意事項
- 收到款項後,若不克參加申請退費,請參閱退費規則
- 請於課前先準備好上課環境,本課程非講座,跟著實作才有好的學習成效
- 請注意每次上課的作業繳交,老師才能為您批改與建議喔
- 課程執行單位保留調整課程內容、日程與講師之權利
課程留言板
優惠價
NT$1,800
RUST Web應用程式系統開發
LINE動態貼圖設計