Webflow 線上課程推薦
March 18, 2023

Webflow 線上課程推薦

無代碼運動使來自各個領域的創意人員能夠擺脫對技術人員的依賴，Webflow 是新一代無代碼網頁設計工具，它使非技術創作者能夠自行構建令人驚嘆的網站。它是一個動態工具，可讓您設計、構建和啟動高質量的網站。使用 Webflow，您可以在預算範圍內更快地完全自定義您的網站。網站上有很多工具，但沒有一個能提供 Webflow 提供的靈活性。

但如何開始使用 Webflow 呢？

不用擔心。如果您想學習 Webflow，那裡有許多在線資源 – 數十種課程、博客和 YouTube 頻道等。以下是目前最佳 Webflow 課程的綜述。

最佳 Webflow 課程 - 免費試用 Webflow

‍

1. Webflow大師班 Tendemy

‍

blank

這是迄今為止最好的 Webflow 中文課程。這個長達 8 小時的課程有 12 個詳細模塊，涵蓋 Webflow 介紹、基礎知識、動態網站構建、項目實施和案例研究等許多主題。

該課程旨在教您構建完美的、定制的和交互式的網站。如果您正在為您的企業（或客戶）設計網站，那麼這就是適合您的課程！

‍

2\。Webflow University

blank

Webflow大學

Webflow 大學提供不同的策劃課程，幫助您開始使用 Webflow 設計器、編輯器、CMS、動畫等並了解您的方式。課程範圍包括了解 SEO、佈局和設計、HTML、CSS 基礎知識和 CMS 基礎知識。課程分為初級、中級和高級。

Webflow 大學最好的部分是，如果您隨時遇到困難，您可以選擇大量的小視頻。

  • 官網： https://university.webflow.com/
  • 講師是誰： Webflow 工作人員‍
  • 您將學到什麼： Webflow 基礎知識、HTML 和 CSS 基礎知識、佈局和設計、SEO、CMS、動畫和交互。‍
  • 它的目標人群： 雖然這是最全面的 Webflow 課程，但絕對的初學者可能很難從該資源中有效地學習。‍
  • 價格： 免費
  • 見證：

去做吧！你不會後悔的。如果你認真對待它，它將改變你的生活和事業。甚至每天只需完成 1-3 個模塊：
Josh Gonsalves，製片人@https://www.superside.com/

‍

3\。像素極客

‍

blank

像素極客

Pixelgeek 是 Nelson Abalos Jr. 的 YouTube 頻道，Nelson Abalos Jr. 是一位喜歡使用不同的無代碼工具進行構建的網頁設計師。他的 YouTube 頻道有許多教你 Webflow 的播放列表。這些視頻既適用於剛剛發現無代碼和 Webflow 的人，也適用於高級學習者。他還主持了一個非程序員在線社區。

  • YouTube 頻道： https://www.youtube.com/c/pixelgeek/playlists
  • 誰是講師： Nelson Abalos Jr.
  • 您將學到什麼： Webflow 用例，在 Webflow 中重新創建很酷的東西。分步截屏視頻。
  • 它的目標人群： 任何人 – 初學者到高級。
  • 價格： 免費
  • 見證：

Nelson 是 Webflow 大師！他通過精美的動畫和交互將我們的設計理念變為現實。他非常專業，很高興與之合作，並製作了詳細的培訓視頻來教我們如何維護網站。對於 Webflow 站點，我不會去其他任何地方。
Jed Lehmann，Octopus Deploy 產品設計師

‍

4\。流明哥

‍

blank

Flowmingo

在本課程中，您將學習如何構建 v.one 的營銷網站。網站建設的每個階段都以最精確的方式展示。這是 Flowmingo 提供的第一門課程。課程包括：

1.項目設置
2.標題
3.英雄部分
4.徽標網格部分

  1. 功能部分
  2. 例子部分
  3. CTA卡
    8.頁腳
    9.定價頁面

Flowmingo 的這門課程面向中級 Webflow 愛好者。然而，對於一些初學者來說，這也可能是一個很好的起點。

  • 官方網站： https://www.flowmingo.co/courses/rebuilding-v-one
  • 誰是講師： Mackenzie Child
  • 您將學到什麼： 如何規劃網站項目並逐步執行
  • 它的用途： Webflow 中間體
  • 價格： 450 美元，終身訪問 Flowmingo 的課程、社區和項目。650 美元的一對一變焦需要反饋以及終生使用權。
  • 見證：

Mackenzie 教授了很多我在 Webflow 開發中不知道的東西，確實幫助彌合了我的學習差距。對於那些希望將 Webflow 技能提升到一個新水平的人來說，Flowmingo 是一個絕佳的平台！
Lacey Kesler，Women in No-Code 的創始人兼 Visual Dev FM 的聯合主持人‍

‍

5\。45 分鐘了解 Webflow

‍

blank

佩頓·克拉克·史密斯

本課程由 Payton Clark Smith 提供。他有超過兩年的 Webflow 使用經驗，並為來自許多行業的客戶創建了超過 75 個網站。

這個簡短的課程涵蓋了開始使用 Webflow 進行構建所需了解的所有重要方面。他解釋了 Webflow Designer 的所有工具，如何規劃和託管、域和啟動。

對於那些只對感受 Webflow 及其可能性感興趣，然後再深入研究它的人來說，這是一門完美的課程。不要擔心，因為它會給你一個整體的想法來開始你的旅程。它也是完全免費的。

  • YouTube 視頻鏈接： 在這裡查看
  • 誰是教練： Payton Clark Smith
  • 您將學到什麼： 在 Webflow 中構建出色網站所需了解的基礎知識。
  • 它是誰的：絕對初學者
  • 價格： 免費
  • 見證：

佩頓是他手藝的大師！我們利用他的網站設計和 SEO 服務為我們的本地業務提供服務，並從他的努力中取得了巨大的成功。他擅長解釋流程，並且對他的工作保持透明。
Colter Yde，註冊代表

‍

6\。使用 Webflow 創建乾淨簡單的網站

‍

blank

Jan Losert

這是 Jan Losert 製作的一系列 24 個免費 YouTube 視頻。在此，您將逐步學習如何重建網站 beforeyoushine.com。您將了解如何構建響應式主頁設計、帶有訂閱表單的頁面、博客、SEO，以及如何使用 Webflow 託管使網站上線。

如果您是一些想了解並開始使用 Webflow 設計器的人，那麼這個視頻系列適合您。

  • YouTube 播放列錶鍊接： 在此處查看
  • 誰是講師： Jan Losert
  • 您將學到什麼： 使用分步說明在 Webflow 中重新創建網站
  • 它是誰的：初學者到中級
  • 價格： 免費
  • 見證：

作為一名新的 Webflow 開發人員，發現本課程是一個驚喜！愛你的東西簡！
加布里埃爾·聖地亞哥·席爾瓦

‍

7\。在 Webflow 中構建完整站點

‍

blank

Designcode.io

本課程是從第一步開始構建功能齊全的生產就緒網站的完整指南。本課程涵蓋以下模塊：

1.符號與設計體系

  1. CMS 與協作
  2. 可視化 CSS 編輯器
  3. 項目
    5.互動
  4. 高轉化著陸頁設計
  5. 樂蒂動畫

課程由Design+Code創始人親自授課

  • 官網： https://designcode.io/webflow
  • 導師是誰：孟濤
  • 您將學到什麼： 如何構建具有高級交互、支付集成和 CMS 的高轉化率登錄頁面。
  • 它是給誰的：任何人
  • 價格： 基本訂閱免費，可以訪問免費課程和五個高級視頻，Pro 每月 19 美元，可以訪問所有課程、源文件等，團隊每月 25 美元/成員
  • 見證：

易於理解但極具洞察力的教程。每天學習新的軟件和技術，真正的快樂！保持良好的工作。👏
‍Andy Barnes，在倫敦工作的產品設計師

‍

8\。設計。建造。發射。

‍

blank

設計建造發布

這是 YouTube 上的一系列精彩視頻。在八個視頻中，前端開發人員、用戶體驗設計師和 YouTube 用戶 Caler Edwards 討論了使用 Adob​​e XD 等工具設計網站並使用 Webflow 構建網站。在此動手教程中，您將學習從設計到構建再到啟動網站的所有知識。在這裡，他以投資組合網站為例。他的 YouTube 帳戶上還擁有超過 184,000 名訂閱者，他在該帳戶上上傳了與各種設計工具相關的教程。

  • YouTube 播放列錶鍊接： 在此處查看
  • 誰是講師： Caler Edwards
  • 您將學到什麼： 建立投資組合網站
  • 課程對象： 網頁設計師最常從本課程中獲益
  • 價格： 免費
  • 見證：

這個系列很棒。現在我終於可以在沒有任何開發人員幫助的情況下自己創建端到端像素完美的網頁。肯定會喜歡更多這些教程。
Yash Tamrakar‍

‍

9\。Webflow大師班

‍

blank

by Neftali Loria

在本課程中，您將學習使用 Webflow 構建虛擬現實流媒體平台。整個系列共有56個視頻。您還將學習如何使網站完全響應並添加 3D 動畫。

涵蓋的主要主題是：

  1. 無代碼建站
    2.搜索引擎優化
    3.啟動網站
    4.響應式網站
    5.高級動畫
    6.高級交互
  • YouTube 播放列錶鍊接： 在此處查看
  • 誰是教練： Neftali Loria
  • 您將學到什麼： 在 Webflow 中構建虛擬現實流媒體平台
  • 它的對象： 企業家、設計師、營銷人員、開發人員，任何人
  • 價格： 免費
  • 見證：

我第一次與“Nefty”合作是在 06 年左右，我對他的交付速度和工作質量感到驚訝。他真的很專注於他所從事的一切。只要和他說話，你就會注意到他的創造力和他是一個了不起的人。絕對是一個偉大的專業人士和朋友。Daniel Obando Fuentes，軟件開發人員 Growth Acceleration Partners‍

‍

10\。敬畏站

‍

blank

AweStation

AweStation 是 Agustin M. Carozo 的新 YouTube 頻道，他是一位 UI/UX/Webflow 設計師。他的視頻通俗易懂，將幫助您掌握 Webflow。

請務必查看 YouTube 上免費提供的這些簡單的動手教程！

‍

[

最佳 Webflow 課程 - 免費試用 Webflow

](https://webflow.grsm.io/shnoco)

‍

11\。使用 Webflow 創建無代碼響應式網站

‍

blank

來自 Coursera

這是 Coursera 提供的基於項目的 2 小時課程。它將教會您構建響應式網站所需的一切知識。您將學習如何構建佈局、設計、添加表單、CTA、內容等。所有方面都將逐步涵蓋。課程講師是教育家兼數字顧問 Angelo Paolillo。該課程以分屏方式提供，一側是工作區，另一側是講師。

這些來自世界各地領先機構的課程，我只能通過 Coursera 訪問。我每天都學到新的和有趣的東西。
Dariya K

12\。Webflow 基礎與進階

‍

blank

學習用戶體驗

本課程由 LearnUX 提供，Greg Rog 是講師。擁有超過10年的設計經驗，曾在FAANG公司工作。

本課程涵蓋的要素：

  1. 啟動網站
  2. Webflow排版工具
    3.構建靜態單頁站點
  3. 幫助你學習結構和佈局
    5.高級網絡流程
    6.內容管理系統
    7.搜索引擎優化
  4. 在 Webflow 上託管
  5. 使用風格​​指南
  • 官網： https://learnux.io/course/webflow
  • 創始人： Greg Rog
  • 您將學到什麼： 在 Webflow – 一流的可視化網站編輯器中構建靜態和動態網站以及完整的電子商務系統。
  • 它是誰的：初學者到中級
  • 價格： 15 美元/月或 144 美元/年

13\。網流專家

‍

blank

快樂.webacademy

顧名思義，通過這門課程你可以成為Webflow的高手。該課程內容廣泛，分為 11 個模塊，每個模塊涵蓋一個特定元素。您將學習從頭開始構建專業的模型網站，而無需使用一行代碼。您可以通過在線社區與追求相似興趣的同齡人互動。您還可以獲得專家的指導。

  • 官方網站： https://en.happywebacademy.com/academy/demarrer
  • 提供者：開心網學院
  • 您將學到什麼： Webflow 上的大量模塊
  • 它的對象： 中級到高級
  • 價格： 695 歐元一次分期付款或 295 歐元分三期付款終身訪問
  • 見證：

培訓非常有趣，讓我節省了很多時間，所以我可以專注於後端。我可以從家裡跟著它。對未來學生的建議？大膽試試吧！
Frederic Nicolay，Web 開發人員，比利時

14\。在 Webflow 中啟動無代碼 Web 應用程序

‍

blank

尼古拉貝恩

本課程由 Web 設計師和開發人員 Nikolai Bain 提供，涵蓋構建功能齊全的交互式應用程序以及學習使用 Webflow 以發揮其最大潛力。涵蓋的主要領域包括：

1.應用設計

  1. 構建響應式應用
  2. 搭建原型

除此之外，該課程還將幫助您改進您的應用程序創意、吸引客戶並在您期望的預算範圍內啟動它。如果您是一位希望在產品中使用無代碼的企業家，那麼這門課程非常適合您。

  • 官方網站： https://www.nikolaibain.com/webflow-web-app-course
  • 指導老師是誰： Nikolai Bain
  • 您將學到什麼： 構建 Webflow 和洞察力來發布您的產品
  • 它的目標人群： 創作者、獨立黑客、兼職者、企業家
  • 價格： 不適用
  • 見證：

Nikolai 完美地執行了所有操作，並為我提供了管理我的網站所需的工具和知識。
Hollie Arnett，創始人@Black & White Studios

‍

15\。Webflow：網絡的未來

‍

blank

KreativePro

這個 2 小時的課程由擁有 15 年以上 UI/UX 經驗的創意總監 Neftali Loria 提供。它專為營銷人員、藝術總監、工程師、設計師、企業家和內容創作者而設計。這是使用 Webflow 創建終極視覺體驗的大師班。您將從頭開始構建一個充滿視覺組件、交互和動態動畫的虛擬現實流媒體平台。

這是迄今為止我在設計之旅中做出的最佳投資。我會認為自己是新手，但老實說，我對創建高級網站的過程有了真正的專業見解。
Noel Hale，Slush Monkeys 的創始人‍

‍

16\。Awwwards 學院的課程

‍

blank

Awwwards學院

Awwwards Academy 提供許多 Webflow 課程。無論您是初學者還是已經了解 Webflow 的人，都可以在這些課程中進行選擇。它由來自不同領域的一組行業領先的專家教授。

提供的部分課程：

  • 如何像老闆一樣進行 Webflow
  • 完整的網頁設計：從 Figma 到 Webflow 再到 Freelancing
  • Webflow：基礎知識
  • 無代碼自動化：網絡的未來
  • Webflow：CMS 和高級技術

深入了解 Webflow 並學習一切。探索 Awwwards 學院提供的課程目錄！

Joe 具有設計天賦和開發知識，是將藝術與工程相融合的完美典範。經過十多年的經驗，喬磨練了他的設計時代精神，現在準備與世界分享。
Gideon Cheok，體驗設計總監@ Digitas‍

‍

17\。一對一的 Webflow 培訓和指導

‍

blank

myflowmate

在本課程中，您可以通過與專家共享屏幕來利用一對一的 Webflow 指導和教程。如果你正在做一個項目並且遇到困難，你可以通過這個平台獲得實時幫助。

涵蓋的要素包括：

1.交互設計
2.內容管理系統
3.響應式網站

  1. Webflow符號
  • 官方網站： https://myflowmate.com/
  • 提供者： MyFlowMate
  • 您將學到什麼： 基於用例。與專家進行一對一的培訓和指導。
  • 它是誰的：所有級別
  • 價格： 30 分鐘 60 美元，1 小時 120 美元，2 小時 240 美元
    ‍

總結

這是當今在線最好的 Webflow 課程和培訓計劃的過濾列表（以及一些令人驚嘆的免費 YouTube 視頻系列、頻道）。

如果您的目標是精通 Webflow，那麼此列表中的任何課程都將幫助您實現該目標。然而，實踐是關鍵，因為涉及一些學習曲線。

所有這些課程都是自定進度的，您可以按照自己的時間表參加。

享受與一些最優秀的從業者一起學習 Webflow 的樂趣！

Tendemy 最佳 Webflow 課程 – 免費試用 Webflow

I am a UX Director/ Full-Stack engineer / Linux Enthusiast and Startups Investor with over 15+ years of experience in advertising, technology, and the startup industry. I've won Awwwards, helped create products or brands at the Digital Agency of the Decade.

You may also like