目前最好的 Webflow 學習課程

目前最好的 Webflow 學習課程

對於設計師新手來說,想要學習做專業的網站目前 Webflow 似乎是最佳工具,但 Webflow 並不像 Wix, SquareSpace, Strinkly 這類工具容易上手,那該如何開始學習使用 Webflow?不用擔心。

如果您想學習 Webflow,這裡有很多在線資源 - 數十種課程、博客和 YouTube 頻道等。

對於剛開始的人來說,如果您做出錯誤的選擇,那麼您最終會浪費您寶貴的時間和金錢。

自 2018 年以來,我們加入了幾個無代碼社區,並開啟了 Webflow 研究與開發的過程。從對 Web 開發知之甚少到替客戶構建超過無數個網站 (從上市公司到中小企業 B2B),這些年來我們一直在網上搜尋最好的 Webflow 資源。

如果您正在尋找最好的 Webflow 學習資源,可以加入這個社群,社群的夥伴們將會很樂意為您提供幫助。

以下就是收羅國外目前的最佳 Webflow 課程:

1. Flux Webflow 課程

blank

Flux Academy

這是迄今為止最好的 Webflow 課程。這個 12 小時長的課程有 12 個詳細的模塊,涵蓋 Webflow 簡介、基礎知識、動態網站建設、項目實施和案例研究以及許多其他主題。Ran Segall 是福布斯、TechCrunch、Lifehacker 等網站的網頁設計師,是課程講師。

該課程旨在教您構建完美的、定制的和交互式的網站。如果您正在為您的企業(或客戶)設計一個網站,那麼這就是您的課程!

  • 官方網站: https://www.flux-academy.com/courses/the-webflow-masterclass
  • 導師是誰: Ran Segall
  • 您將學到什麼: 構建自定義的交互式網站
  • 是誰: 任何人都可以利用本課程,但設計師和營銷人員將從中受益最多。
  • 價格: 278 美元/月,終身訪問的三個月付款模式或終身訪問的 695 美元單次付款。
  • 推薦:

我在承諾在 Webflow 中構建一個客戶端項目後註冊了 Webflow 大師班,並很快意識到我的最後期限迫在眉睫,多虧了 Ran 的課程,我趕上了最後期限——從那以後我就沒有停止過 Webflow。我現在是一名“真正的 Web 開發人員”——我已經建立了 15 個以上的網站,其中包括為世界上最大的公司之一服務的網站。六個月前,我不可能完成這項工作——謝謝冉!
迪倫·斯賓塞

2.Webflow University

blank

Webflow University

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. Pixel Geek

blank

Pixel Geek

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

  • YouTube 頻道: https://www.youtube.com/c/pixelgeek/playlists
  • 誰是講師: Nelson Abalos Jr.
  • 您將學到什麼: Webflow 用例,在 Webflow 中重新創建很酷的東西。分步截屏。
  • 適用對象: 任何人 - 從初學者到高級。
  • 價格: 免費
  • 推薦:

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

4.Flowmingo

blank

Flowmingo

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

  1. 項目設置
    2.標題
    3.英雄區
    4.徽標網格部分
  2. 功能部分
  3. 示例部分
  4. CTA 卡
  5. 頁腳
    9.定價頁面

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

  • 官方網站: https://www.flowmingo.co/courses/rebuilding-v-one
  • 導師是誰: Mackenzie Child
  • 您將學到的內容: 如何規劃網站項目並逐步執行
  • 是誰的: Webflow 中間體
  • 價格: 終身訪問 Flowmingo 的課程、社區和項目的費用為 450 美元。一對一縮放需要 650 美元的反饋以及終身訪問權限。
  • 推薦:

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

5. 45 分鐘了解 Webflow

blank

佩頓克拉克史密斯

本課程由佩頓克拉克史密斯提供。他擁有兩年多的 Webflow 使用經驗,並為來自多個行業的客戶創建了超過 75 個網站。

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

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

  • YouTube 視頻鏈接: 查看此處
  • 誰是講師: Payton Clark Smith
  • 您將學到什麼: 在 Webflow 中構建出色網站所需了解的基礎知識。
  • 適用對象: 絕對初學者
  • 價格: 免費
  • 推薦:

佩頓是他的手藝大師!我們將他的網站設計和 SEO 服務用於我們的本地業務,並從他的努力中取得了巨大的成功。他很擅長解釋這個過程並且對他的工作保持透明。
Colter Yde,註冊代表

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

blank

Jan Losert

這是 Jan Losert 創作的一系列 24 個免費 YouTube 視頻。在此,您將逐步學習如何在youshine.com 之前重新創建網站。您將了解如何構建響應式主頁設計、帶有訂閱表單的頁面、博客、搜索引擎優化,以及如何使用 Webflow 託管使網站上線。

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

  • YouTube 播放列錶鍊接: 查看此處
  • 導師是誰: Jan Losert
  • 您將學到的內容: 使用分步說明在 Webflow 中重新創建網站
  • 適用對象: 初學者到中級
  • 價格: 免費
  • 推薦:

作為一名新的 Webflow 開發人員,這門課程令人驚喜!愛你的東西簡!
加布里埃爾·聖地亞哥·席爾瓦

7. 如何使用 Webflow 中構建一個完整的站點

blank

Designcode.io

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

1.符號和設計系統

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

課程由Design+Code創始人教給你

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

易於遵循但非常有見地的教程。每天學習新的軟件和技術和真正的樂趣!保持良好的工作。👏
Andy Barnes,在倫敦工作的產品設計師

8. Design. Build. Launch.

blank

Design. Build. Launch.

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

  • YouTube 播放列錶鍊接: 查看此處
  • 誰是講師: Caler Edwards
  • 你會學到什麼: 建立一個投資組合網站
  • 是誰:網頁設計師往往從這門課程中受益最多
  • 價格: 免費
  • 推薦:

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

9.Webflow大師班

blank

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

涵蓋的主要主題有:

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

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

10.AweStation

blank

AweStation

AweStation 是由 UI / UX / Webflow 設計師 Agustin M. Carozo 創建的新 YouTube 頻道。他的視頻很容易理解,將幫助您掌握 Webflow。

請查看 YouTube 上免費提供的這些簡單實用的教程!

11.Coursera: 使用 Webflow 創建無代碼響應式網站

blank

來自 Coursera

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

這些課程來自世界各地的領先機構,我只能通過 Coursera 訪問。我每天都學到一些新的和令人著迷的東西。
Dariya K

12.LearnUX: Webflow 基礎與高級

blank

LearnUX

本課程由 LearnUX 提供,Greg Rog 擔任講師。他擁有超過10年的設計經驗,曾與FAANG公司合作。

本課程涵蓋的要素:

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

13.Webflow Expert

blank

Happy.webacademy

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

  • 官方網站: https://en.happywebacademy.com/academy/demarrer
  • 提供者: 快樂網絡學院
  • 您將學到什麼: Webflow 上的廣泛模塊
  • 適用對象: 中級到高級
  • 價格: 一期 695 歐元或三期 295 歐元,終身使用
  • 推薦:

培訓很有趣,讓我節省了很多時間,所以我可以專注於後端。我可以在家裡跟著它。對未來學生的建議?去吧!
Frederic Nicolay,Web 開發人員,比利時

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

blank

本課程由網頁設計師和開發人員 Nikolai Bain 提供,涵蓋構建功能齊全的交互式應用程序和學習如何最大限度地利用 Webflow。涵蓋的主要領域包括:

  1. 應用設計
  2. 構建響應式應用
    3.構建原型

除此之外,該課程還將幫助您改進您的應用創意、吸引客戶並在您所需的預算範圍內啟動它。如果您是一位希望為您的產品使用無代碼的企業家,那麼這對您來說是完美的課程。

  • 官方網站: https://www.nikolaibain.com/webflow-web-app-course
  • 導師是誰: Nikolai Bain
  • 您將學到什麼: 使用 Webflow 和洞察力構建以發布您的產品
  • 是誰: 創作者、獨立黑客、副業者、企業家
  • 價格: 不適用
  • 推薦:

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

15. Webflow:Web 的未來

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:基礎知識
  • 無代碼自動化:Web 的未來
  • Webflow:CMS 和高級技術

深入研究 Webflow 並學習一切。探索 Awwwards Academy 提供的課程目錄!

憑藉設計天賦和開發知識,Joe 是藝術與工程相結合的完美典範。經過十多年的經驗,喬已經磨礪了他的設計時代精神,現在準備與全世界分享這一點。
Gideon Cheok,體驗設計總監@ Digitas

17. 1對1 Webflow培訓和指導

blank

myflowmate

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

涵蓋的要素包括:

  1. 互動設計
  2. 內容管理系統 (CMS)
  3. 響應式網站 (RWD)
  4. Webflow UI 組件
  • 官方網站: https://myflowmate.com/
  • 提供者: MyFlowMate
  • 您將學到什麼: 基於用例。與專家進行一對一培訓和指導。
  • 是誰:所有級別
  • 價格: 30 分鐘 60 美元,1 小時 120 美元,2 小時 240 美元

Webflow 中文學習資源

Webflow 使用教學文件
Webflow 新知
Webflow 中文社群
Webflow 教學 Youtube 頻道

結語

以上這是當今在線最好的 Webflow 課程和培訓計劃的篩選列表(及一些免費 YouTube 視頻系列、頻道)。
如果您的目標是精通 Webflow,則此列表中的任何課程都將幫助您實現該目標。然而,我們相信實作才是學會一們技藝的關鍵,因為您將可以打好基礎從一個穩健的學習曲線開始學習。