依您風格設計畫面範本設計

依您截圖的風格設計全新的網站、應用程式或郵件畫面：頁面、著陸頁、行動版、深色模式

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

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

依您截圖的風格設計全新的網站、應用程式或郵件畫面：頁面、著陸頁、行動版、深色模式

成果範例

標準版方案範例

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.

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

關於此服務

在開發人員動工之前，先看看新頁面會是什麼模樣。請上傳您自己的網站、應用程式、郵件或範本的截圖，例如 Shopify、WordPress、Wix、Squarespace 或 Webflow 的佈景主題，或是您喜歡的設計範例，我們會依該風格製作新的畫面模擬圖：其他頁面、著陸頁、應用程式畫面、行動版、深色模式或電子郵件。色彩、版面、間距與氛圍都會依循您的截圖，讓新畫面看起來是同一個產品的一部分。您會收到畫面的 PNG 模擬圖：不是 HTML 或 CSS 程式碼，不是 Figma、Sketch 或 XD 檔，也不是可安裝的現成佈景主題或範本；開發人員或您自己需依圖片來建置頁面。模擬圖中的文字很簡短：預留文字行或您需求說明中的標題，小字可能呈現得不夠完美。我們不會一比一複製其他公司的網站：他人的範例只參考其風格（版面、氛圍與色彩），絕不使用其標誌、品牌或文字。您必須擁有截圖中自有內容的權利。您最多可上傳 5 張圖片（PNG、JPEG 或 WebP；不接受 PDF），每張完成的圖片都由其中一張製作而成。您會收到約 150 萬像素的 PNG 圖片，比例與您的截圖相同（桌面版為橫幅，手機版為直式）：適合螢幕、簡報與給開發人員的需求說明，不適合大型輸出。圖片是重新繪製的，因此您風格的色彩、氛圍與版面會延續，但細節可能略有出入：小字、字型、圖示與標誌可能略有改變；請檢查成果，必要時提出修改。

包含內容

  • 您會收到新畫面的 PNG 模擬圖，方案內每張模擬圖各由您的一張截圖製作而成。若您提供的檔案少於方案的圖片數量，多出的圖片會是同一個檔案的其他版本，例如相同風格的其他頁面。您會收到約 150 萬像素的 PNG 檔案，顯示於訂單頁面，可直接下載。
  • 新頁面關於我們、價格、聯絡方式、產品、部落格等
  • 著陸頁適用於活動、新品上市、網路研討會或特賣
  • 應用程式畫面新手引導、設定、個人檔案、結帳、空白狀態
  • 行動版與深色模式您的畫面在手機上或以深色呈現
  • 電子郵件依您電子報風格設計的新郵件
  • 模擬圖，不是程式碼供開發人員依圖建置的圖片

服務流程

  1. 1
    上傳上傳您的截圖並列出需要的畫面
  2. 2
    模擬圖我們依您截圖的風格繪製新畫面
  3. 3
    交付完成的 PNG 圖片會放在訂單頁面
  4. 4
    修改您檢查成果，並在方案範圍內提出修改

需要您提供的資料

最多 5 張 PNG、JPEG 或 WebP 截圖（不接受 PDF），需清晰，每張一個畫面：您的網站、應用程式、郵件或佈景主題，或您喜歡的範例。每張模擬圖請說明需要哪個畫面（例如價格頁、行動版結帳、深色模式的設定畫面）、各區塊的順序，以及標題與按鈕文字（須與最終呈現一字不差），或要求使用預留文字。若頁面很長，請提供您需要的部分，或拆成多張模擬圖。

我們會詢問您：

  • 您需要哪些畫面？
  • 每個畫面應包含什麼內容？
  • 要顯示哪些標題與按鈕？
  • 截圖是您自己的，還是您喜歡的範例？

比較方案

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

付款保障

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

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

常見問題

我會拿到程式碼或 Figma 檔案嗎？

不會。您會收到畫面的 PNG 圖片：不是 HTML 或 CSS 程式碼，不是 Figma、Sketch 或 XD 檔，也不是可安裝在 Shopify、WordPress、Wix、Squarespace 或 Webflow 的佈景主題或範本。開發人員或您自己需依圖片，用您的網站建置工具或程式碼來建置頁面。

可以從桌面版截圖做出行動版嗎？

可以。每張圖片的比例與其來源檔案相同，因此寬幅的桌面版截圖會得到寬幅圖片，並在其中呈現手機畫面。若需要直式、手機比例的圖片，請另外上傳直式截圖，例如您的網站在手機上的畫面，或您喜歡的手機版範例。

模擬圖中的文字看得清楚嗎？

需求說明中的標題與按鈕文字會直接畫在圖片上，所以請保持簡短。內文會以簡短的預留文字行呈現，小字可能呈現得不夠完美。請檢查每個字，錯誤可透過修改更正；真正的文字會在建置頁面時放入。

可以複製我喜歡的網站嗎？

我們不會一比一複製其他公司的網站。他人的範例只參考其風格：版面、氛圍與色彩。我們絕不使用其標誌、品牌、文字或圖片；您的模擬圖會使用您的名稱與內容。

哪些檔案與內容不接受？

我們絕不修改或重製文件、證書、收據、文憑或官方表單，也不製作虛假的評價、評分、獎項或測試結果。我們不會把其他品牌的標誌放進圖片。我們的圖片一律有完整背景，因此無法提供透明背景的 PNG。

可以隨便傳任何檔案嗎？

請只提供您有權使用的檔案：您自己的網站、應用程式、郵件或範本的截圖，並擁有其中標誌、照片與文字的權利。他人製作的範例只會用來參考風格，絕不會使用其標誌、品牌或文字。

沒有找到您要的答案？

全新設計全部服務

全新設計中的更多服務

相關分類

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