Webflow 首頁模擬圖範本設計

依您 Webflow 範本風格製作的首頁模擬圖

通常 15 分鐘內完成含修改次數品質檢查
付款保障詳細資訊
  • 方案內的修改免費。
  • 若您在交付後 3 天內未回應，成果將自動驗收。
訂購 · US$22

付款時款項會先保留，在您驗收後才會撥付。

依您 Webflow 範本風格製作的首頁模擬圖

成果範例

標準版方案範例

Mobile version of a bakery site from a desktop screenshot

Before: the desktop homepage

The desktop screenshot

After: the phone screen

The mobile homepage mock-up

File: PNG mock-up, about 1.5 megapixels. A picture of the design for the client's developer, not HTML code or a Figma file.

Client: Crumb & Kettle, a neighbourhood bakery. Task: show how their homepage should look on a phone, keeping the fonts, colours, button and photos of the desktop site.

客戶與所有細節皆為虛構。

關於此服務

Webflow 範本通常圍繞大膽的字體、寬鬆的間距和捲動動畫打造，而當您能先看到完成的首頁時，會更容易調整成適合您的事業。請上傳您 Webflow 網站或您喜歡的範本的螢幕截圖，我們會依其風格繪製新的首頁，包含導覽列、主視覺、功能格狀區塊、用於文章或專案的 CMS 風格卡片、行動呼籲色帶和頁尾；您會收到靜態的 PNG 圖片，而不是 Webflow 專案、可複製的版本、元件或匯出的程式碼，動畫也不會呈現。每張圖片都依您的其中一張螢幕截圖製作，約 150 萬像素，比例與原圖相同，電腦版擷圖為橫向，手機或直立平板擷圖則為直式。

包含內容

  • 您會收到什麼您會收到 1、3 或 5 張您 Webflow 首頁的靜態 PNG 模擬圖，採用您選擇的斷點，以您螢幕截圖的風格重新繪製。間距、字體和顏色會延續，而小圖示和標誌可能略有變化。
  • 導覽列與主視覺大標題、一行簡短文字和一兩個按鈕
  • 功能或服務格狀區塊以範本風格呈現的圖示和簡短標題
  • CMS 風格卡片文章、專案或團隊卡片，以重複列表呈現
  • 行動呼籲色帶與頁尾結尾的行動呼籲和連結欄
  • 斷點視圖電腦版、平板或手機，依該尺寸的螢幕截圖製作

服務流程

  1. 1
    範本您上傳 Webflow 網站或範本，並列出區塊
  2. 2
    首頁我們以其字體、間距和顏色繪製首頁
  3. 3
    修改您檢查並可在方案範圍內提出修改

需要您提供的資料

最多 5 張清晰的 PNG、JPEG 或 WebP 螢幕截圖（不接受 PDF），每張一個畫面：您的 Webflow 網站或您喜歡的範本，採用您需要的螢幕尺寸。請依序列出區塊，寫出標題和按鈕的確切內容或要求使用佔位文字，並註明正式網站上哪些元素需要動畫。如果您提供的螢幕截圖少於方案的張數，多出的圖片會是同一個檔案的其他版本。請只提供您有權使用的檔案；我們不會重製證書或官方文件。

我們會詢問您：

  • 螢幕截圖是您的 Webflow 網站，還是您喜歡的範本？
  • 首頁應該有哪些區塊？順序如何？
  • 要顯示哪些標題和按鈕？
  • 需要哪些螢幕尺寸？

比較方案

基本版1 張首頁畫面US$10標準版3 張模擬圖US$22進階版5 張模擬圖US$39
交付期限1 天1 天2 天
修改次數123
模擬圖135
格式PNGPNGPNG
畫面由您決定由您決定由您決定
訂購訂購訂購

付款保障

下單時付款，但只有在驗收成果後，款項才會撥付。

  • 固定價格付款後，方案價格不會變動。
  • 款項先行保留付款時，金額只會先保留，在您驗收後才會撥付給服務。
  • 交付前檢查每份成果在交到您手上之前都會經過品質檢查，您也可以在驗收前於訂單頁面查看成果。
  • 免費修改在需求說明範圍內，可依方案允許的次數提出修改。
  • 3 天後自動驗收若您在交付後 3 天內未驗收也未提出修改，成果將自動驗收。若您在交付後於訂單聊天室留言，訂單會暫停自動驗收；我們回覆後，可能會重新起算 3 天，並會在聊天室中告知。
  • 重新製作或全額退款若成果不符合您的需求說明且修改後仍未改善，或製作時間超過交付期限的兩倍，請在訂單聊天室留言：我們將重新製作，或全額退還款項。
運作方式 →

常見問題

我可以把模擬圖匯入 Webflow 嗎？

不行。它是 PNG 圖片，不是 Webflow 專案、可複製的版本、元件，也不是 HTML 與 CSS 的匯出檔，我們也絕不存取您的 Webflow 帳號。請由您或您的開發人員用自己的 class 和 CMS collection 在 Webflow 中重建。

你們會呈現捲動動畫嗎？

模擬圖是靜態圖片，所以不會呈現互動和滑鼠移過的效果。如果某個元素需要動起來，請寫在需求說明中，我們會為它留出空間；動畫本身要在 Webflow 中設定。

可以用我的文章填入 CMS 卡片嗎？

卡片可以放您提供的簡短標題，例如三個專案名稱；其餘以佔位線條和替代圖片表示。小字可能呈現得不夠完美，使用拉丁字母的語言效果最好，所以請檢查每個標題，必要時提出修改。

你們會省略什麼？

我們會省略範本的範例品牌、文字和圖片，也不會加入由其他公司標誌組成的「深受信賴」橫列、虛假的評價或評分。圖片是重新繪製的，所以您的標誌和小圖示可能會有些許變化。

沒有找到您要的答案？

全新設計全部服務

全新設計中的更多服務

相關分類

原創設計
訂購 · US$22· ~15 分鐘