成果範例
Mobile version of a bakery site from a desktop screenshot
Before: the desktop homepage
After: the phone screen
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.
客戶與所有細節皆為虛構。
關於此服務
在手機上，文章是以一條長長的單欄閱讀，因此舒適的文字大小、簡短的段落、清楚的小標題與滿版圖片，比任何側邊欄都重要，固定的頁首或閱讀進度條也能幫助讀者記住閱讀位置。我們會依您部落格或新聞網站截圖的風格，繪製行動版文章頁：標題、作者與日期列、首圖、小標題、引言或提示框、相關文章與訂閱區塊。每張圖都依您的一份截圖製作，無論上傳檔是什麼比例，成品都是直式 2:3 的 PNG 設計稿、約 150 萬畫素，因此桌面版的部落格截圖也適用；您取得的是圖片，不是部落格佈景主題、程式碼或 Figma 檔案。
包含內容
- 您會得到什麼您會取得 1、3 或 5 張直式 PNG 設計稿，呈現依您部落格風格設計的手機版文章頁，每張約 150 萬畫素。若您提供的截圖少於方案張數，多出的圖片會呈現文章的其他部分，例如含引言的中段，或含相關文章的結尾。
- 易讀的欄位適合手機閱讀的文字大小與行長
- 標題區塊頂部的標題、作者、日期與閱讀時間
- 小標題與引言清楚的分段，讓長文容易瀏覽
- 滿版圖片首圖與內文圖片填滿螢幕寬度
- 文章結尾相關文章、標籤與訂閱區塊
服務流程
- 1部落格截圖您上傳部落格，並提供標題與小標題
- 2文章版面我們以您的風格繪製手機版文章頁
- 3修改您確認標題，並在方案範圍內提出修改
需要您提供的資料
最多 5 張清晰的部落格或新聞頁面截圖，格式為 PNG、JPEG 或 WebP（不接受 PDF），來自您有權使用的網站，或僅參考風格的範例。請確切提供文章標題、作者姓名、日期與小標題；文章內文會以預留文字行呈現，所以不必提供全文。
我們會詢問您：
- 文章標題與小標題是什麼？
- 標題下方要放什麼？
- 文章要如何結尾？
比較方案
付款保障
下單時付款，但只有在驗收成果後，款項才會撥付。
- 固定價格付款後，方案價格不會變動。
- 款項先行保留付款時，金額只會先保留，在您驗收後才會撥付給服務。
- 交付前檢查每份成果在交到您手上之前都會經過品質檢查，您也可以在驗收前於訂單頁面查看成果。
- 免費修改在需求說明範圍內，可依方案允許的次數提出修改。
- 3 天後自動驗收若您在交付後 3 天內未驗收也未提出修改，成果將自動驗收。若您在交付後於訂單聊天室留言，訂單會暫停自動驗收；我們回覆後，可能會重新起算 3 天，並會在聊天室中告知。
- 重新製作或全額退款若成果不符合您的需求說明且修改後仍未改善，或製作時間超過交付期限的兩倍，請在訂單聊天室留言：我們將重新製作，或全額退還款項。
常見問題
文章文字會清楚易讀嗎？
您提供的標題與小標題會繪製到圖片中；內文以預留文字行呈現，因為又長又小的文字無法穩定地繪製，可能不夠完美。拉丁字母語言效果最佳；請檢查每個標題並提出修改，真正的文章內容會在頁面製作時放入。
可以呈現整篇文章嗎？
每張圖都是約 1024 x 1536 像素的直式 2:3 手機畫面，無論上傳檔是什麼比例，所以一張設計稿呈現文章的一個部分。在較大的方案中，我們會把頂部、中段與結尾分別繪製成獨立畫面。
這會更改我的 WordPress 佈景主題嗎？
不會。您取得的是 PNG 圖片，不是程式碼，不是 Figma 檔案，也不是 WordPress、Ghost、Squarespace 或 Webflow 的佈景主題，我們不會更動您部落格上的任何內容。請您或您的開發人員依圖片調整文章範本；請先查看您的佈景主題目前的字體排版設定。
可以加上分享按鈕嗎？
分享連結會以中性圖示或純文字呈現，因為我們不繪製其他品牌的標誌。圖片為重新繪製，因此您自己的標誌與小圖示可能略有位移。範例部落格我們只參考風格，絕不取用其文字，也不加入虛假的留言、評分或獎項，或更改文件。
沒有找到您要的答案？