Webflow University

關於 Webflow University

Webflow University 是 Webflow 官方的學習入口，集合課程、學習路徑、影片、文件及實作資源。首頁依目標引導讀者前往建站基礎、內容編輯、團隊設定、互動動畫與實驗等主題，也提供入門課程，協助新使用者認識平台與建站方式。

網站將內容依設計者、視覺開發者、行銷人員、審閱者、內容編輯者及管理者等角色整理，並列出課程程度與時間，方便安排學習。教材另涵蓋內容管理與在地化，也提供設計系統、搜尋能見度和發布前檢查清單。適合依目前工作選擇學習順序，先理解操作與流程，再回到實際網站專案應用。

功能特色

主要功能

• 課程與學習路徑：官方教材依課程、影片與路徑整理，並標示程度與所需時間。
• 建站基礎：提供新手入門、版面、樣式與盒模型等學習方向。
• 內容與在地化：涵蓋 CMS 設計、內容編輯與內容在地化等課程及影片。
• 互動與動畫：提供時間、緩動與視覺時間軸相關的動態學習入口。
• 團隊管理：引導學習角色、工作流程與權限設定，協助團隊導入。
• 行銷與最佳化：提供人工智慧搜尋能見度、原生 A/B 測試及個人化體驗的教材入口。
• 人工智慧與開發：收錄 Webflow MCP、人工智慧使用界線、Cloud 應用上線與網站遷移等內容。
• 角色導向學習：依設計者、視覺開發者、行銷、審閱、內容編輯與管理者整理入口。
• 網站檢查清單：提供搜尋最佳化、設計系統與發布前清單，協助規劃專案檢查。
• 技能認證入口：另有由官方驗證的認證資訊，可查看各項技能驗證安排。

使用情境

• 剛接觸 Webflow 的設計者，先修入門與建站基礎內容，再依網站任務選擇相關課程。
• 需要維護既有網站的內容編輯者，依角色入口學習內容管理與編輯流程。

相似工具

• Adobe Color — 學習網站
• Adobe Learn — After Effects — 學習網站
• Apple Human Interface Guidelines — 學習網站
• Baymard Institute UX Knowledge Hub — 學習網站
• BP&O — 學習網站
• Brand New — 學習網站
• Butterick’s Practical Typography — 學習網站
• Color（Method of Action） — 學習網站
• DesignSystems.com — 學習網站
• Figma Learn — 學習網站
• Fonts In Use — 學習網站
• GoodUI — 學習網站

加入創作邦會員

收藏實用內容、下載免費模板，訂閱電子報。

精選工具

• Comet — Comet 是 Perplexity 的 AI 瀏覽器，整合搜尋與助理功能，可協助閱讀、比較網頁內容、準備郵件草稿與整理學習計畫。
• Lovable — Lovable 可透過對話介面建立軟體產品，協助把想法製作為網頁應用程式。
• Pexels — Pexels 是照片與影片素材資源平臺。
• DOTOWN — DOTOWN 提供像素插畫下載，官方標示可商用，可用於圖示、文件與其他創作。

新工具

• justfont blog — 分享中文字體基礎、字型排版應用與字體設計入門的繁中文章及教案。
• LottieFiles Tips and Tutorials — LottieFiles 官方教學文章，分享設計系統、狀態機、介面動畫與 Lottie 流程。
• Adobe Learn — After Effects — Adobe 官方 After Effects 教學，涵蓋文字動畫、視覺效果與動態模糊。
• Pentagram Work — Pentagram 官方作品集，分享品牌識別、策略、包裝與動態等專案案例。