fbpx
開發服務
網站、Apps、Wix、Shopify等平台及系統開發及設計
社交媒體行銷
Facebook、Ig、Youtube的大數據分析、廣告設定、帳戶管理
搜尋引擎優化與行銷
大數據分析,提高網站排名、Google廣告設定、用戶行為分析
自動化系統
提供各大品牌的CRM、聊天機器人配置及設定,公司沒有相關技術人員也不用擔心
金豬科技
我們為一站式的營銷服務商,按需服務,不誇大、無廢話
開發服務
網站、Apps、Wix、Shopify等平台及系統開發及設計
社交媒體行銷
Facebook、Ig、Youtube的大數據分析、廣告設定、帳戶管理
搜尋引擎優化與行銷
大數據分析,提高網站排名、Google廣告設定、用戶行為分析
自動化系統
提供各大品牌的CRM、聊天機器人配置及設定,公司沒有相關技術人員也不用擔心
Written by Goldpig on August 24, 2021

Webflow介紹

Webflow是一種基於瀏覽器設計工具,無需安裝,可讓您直觀地設計、構建和啟動響應式網站。它基本上是一個多合一的設計平台,您可以使用它構建大部分網站。

Webflow 為 Allianz、Zendesk、Lattice、Getaround、Upwork 和 Dell 等創新公司網站提供服務。Webflow 成立於 2013 年,總部位於舊金山,得到 Accel、CapitalG、Silversmith Capital Partners、Y-Combinator 和 Draper Associates 的投資。

在著名國外軟件比較平台G2上平均得分:

其中一條評論說:

“Webflow 為大多數用戶級別提供了直觀的網頁設計和開發平台。”

最喜歡什麼?

我喜歡他們內容豐富且略帶幽默的影片。他們的線上影片學院允許用戶在進入之前查看和了解產品。當您準備進入時,用戶體驗是令人愉悅和直觀的。學習和使用這樣的工具對您作為設計或開發專業人員的發展和職業非常有價值。

你不喜歡什麼?

定價有點混亂。您必須了解帳戶計劃和站點計劃之間的區別。他們在區分他們的網站方面做得很好。但是我可以看到某些用戶可能不理解差異並註冊了錯誤的計劃。

以下是使 Webflow 的特點

  • 簡易視覺設計和常用代碼。
    您在可視化編輯器中創建的內容由 HTML、CSS 和 JavaScript 提供支持。
  • 它允許您重用 CSS 類。
    定義自己的CSS,您可以將類用於應具有相同樣式的任何元素,或將其用作變體(基類)的起點。
  • 它是一個月費型平台,因此它提供固定計劃。
    每月 12 美元,它允許您連接自定義Domain(域名)並託管您的網站。每月額外支付 4 美元,您就可以使用 Webflow CMS。

與我們介紹到的ShopifyWixBigcommerce等平台是屬於同一類的競爭對手。

使用 Webflow 嘗試制作單頁網站 

了解該工具功能的最佳方法是用它構建一個真正的產品。單是在網上看評論,未必能完全理解,而Webflow有免費試用,你在決定之前,可以先用用看它們的平台。

做之前,你需要定義整個藍圖

雖然可以使用 Webflow 創建佈局結構,但最好制作網站之前,使用其他工具先畫出來。為什麼?

因為在找到您認為最好的方法之前,您需要嘗試各種方法。最好使用一張紙或任何原型製作工具來定義頁面的骨架。

清楚地了解您要實現的目標也很重要。找到一個你想要的例子,然後在紙上或你最喜歡的設計工具中畫出它。

我們推薦使用Figma,是一款很多推薦,而且我們自己也很喜歡的一項工具。可以簡單地畫出網頁及Apps的佈局。

在 WEBFLOW 中建立一個新網站

當您第一次打開 Webflow 儀表板時,會看到鮮明的New Project按鈕,屬於一個很鮮明的CTA。

Webflow 將為您提供幾個選項:一個空白頁、三個常用預設和一個美觀的即用型模板列表。

兩側都有菜單。左側面板包含可幫助您定義佈局結構和添加功能元素的元素。右側面板包含元素的樣式設置。

Webflow 提供了一系列快速入門影片。對於第一次使用 Webflow 的任何人來說,它們很方便新手學習。

Article written by 金豬拜技
由不同團隊組成的一站式服務商,提供各種開發、營銷、自動化、雲端系統等服務