成果範例
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.
客戶與所有細節皆為虛構。
關於此服務
文章頁會被閱讀好幾分鐘，所以需要安靜而狹窄的文字欄、含作者、日期與閱讀時間的清楚標題、封面圖、分隔文字的小標題、中段的引言或圖片，以及結尾的相關文章或電子報訂閱。請上傳您的網站或目前部落格的截圖，我們會以相同的色彩、字型與間距繪製新的文章頁，寫入您的標題與小標題，內文則以預留文字行呈現。您取得的是約 150 萬畫素的 PNG 設計稿，每張都依您的一份截圖製作並沿用其比例：桌面為橫幅，手機為直幅；不含 HTML 或 CSS 程式碼，也不是 Figma、Sketch 或 XD 檔案，或可安裝的部落格佈景主題。
包含內容
- 您會得到什麼您會取得 1、3 或 5 張 PNG 格式的文章頁設計稿，例如頁首與封面、含引言的中段與文章結尾，或部落格列表頁。若您提供的截圖少於方案張數，多出的圖片會是同一檔案的其他版本。
- 文章頁首以您的風格呈現標題、作者、日期與閱讀時間
- 易讀的文字欄舒適的行寬、小標題與間距
- 引言與圖片文字中的強調引言、圖片位置或註記框
- 文章結尾相關文章、標籤、分享連結或電子報訂閱
- 也可含部落格列表可另外要求部落格首頁作為另一張設計稿
服務流程
- 1截圖與文章您上傳部落格，並提供標題與小標題
- 2文章頁我們以您的風格繪製頁首、文字欄與結尾區塊
- 3檢查與修改您確認標題，並在方案範圍內提出修改
需要您提供的資料
最多 5 張清晰的網站或部落格截圖，格式為 PNG、JPEG 或 WebP（不接受 PDF），每張一個頁面，且僅限您有權使用的檔案。請提供文章標題、作者、日期、兩三個小標題與一段簡短引言，並用幾個字描述封面；拉丁字母語言繪製起來最清晰，小字可能不夠完美，拼寫請由您自行檢查。
我們會詢問您：
- 文章標題是什麼，作者是誰？
- 要顯示哪些小標題與引言？
- 封面圖要呈現什麼？
- 文章結尾要放什麼？
比較方案
付款保障
下單時付款，但只有在驗收成果後，款項才會撥付。
- 固定價格付款後，方案價格不會變動。
- 款項先行保留付款時，金額只會先保留，在您驗收後才會撥付給服務。
- 交付前檢查每份成果在交到您手上之前都會經過品質檢查，您也可以在驗收前於訂單頁面查看成果。
- 免費修改在需求說明範圍內，可依方案允許的次數提出修改。
- 3 天後自動驗收若您在交付後 3 天內未驗收也未提出修改，成果將自動驗收。若您在交付後於訂單聊天室留言，訂單會暫停自動驗收；我們回覆後，可能會重新起算 3 天，並會在聊天室中告知。
- 重新製作或全額退款若成果不符合您的需求說明且修改後仍未改善，或製作時間超過交付期限的兩倍，請在訂單聊天室留言：我們將重新製作，或全額退還款項。
常見問題
我的整篇文章都會放進圖片嗎？
不會，設計稿呈現的是文章的樣貌，而非完整文字。標題、小標題與簡短引言來自您的需求說明，段落則是預留文字行；真正的文章會在 WordPress、Webflow 或您自己的部落格製作頁面時貼上。
封面圖會是什麼？
依您所寫的幾個字，以您網站的氛圍繪製的替代場景，例如擺著筆電的書桌或一盤義大利麵。之後會換成您自己的照片；我們不會繪製您指名的真實人物、其他品牌的標誌或文件。
這是我部落格的佈景主題嗎？
不是，您取得的是 PNG 圖片，不是 HTML 或 CSS 程式碼，也不是 Figma、Sketch 或 XD 檔案或 WordPress 佈景主題。請您或您的開發人員用平台自己的設定來還原版面，並查看您的佈景主題目前提供的字型與欄寬選項。
可以提供我在其他網站看到喜歡的文章頁嗎？
可以，但只參考其風格：版面、氛圍與色彩。我們絕不取用其標誌、品牌、文字或圖片，也不會加入虛構的留言、評價或評分。圖片為重新繪製，因此字型、小圖示與您的標誌可能略有變動。
沒有找到您要的答案？