成果範例
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.
客戶與所有細節皆為虛構。
關於此服務
好的深色模式不只是反轉顏色：背景使用深灰而非純黑，文字對比更柔和，品牌色經過調整以維持可讀性，陰影改以較淺的表面取代，照片與圖片也避免過於刺眼。請上傳您淺色畫面的截圖，我們會以相同的版面、內容與按鈕，用深色重新繪製每一張，讓您在開發人員動工之前就能看到 App 的深色模式。您取得的是約 150 萬畫素的 PNG 設計稿，每張都依您的一份截圖製作，無論上傳檔是什麼比例，一律為直式 2:3、約 1024 x 1536 像素，因此即使是橫幅截圖也會變成深色的手機畫面；它們不是 App 程式碼、色彩配置檔，也不是 Figma、Sketch 或 XD 檔案。
包含內容
- 您會得到什麼您會取得 1、3 或 5 張直式 PNG 的 App 深色模式畫面，每張淺色截圖各對應一張。若您提供的截圖少於方案張數，多出的圖片會是同一檔案的其他深色版本。
- 同一畫面，深色配色版面、文字與按鈕維持與您的截圖相同
- 易讀的對比深灰底上的淺色文字，而非黑底上刺眼的純白
- 調整後的品牌色調整您的強調色，使其仍然醒目
- 圖片與圖示圖片與圖示為配合深色畫面而降低亮度
- 一組深色畫面最多五個畫面，統一為一種深色風格
服務流程
- 1淺色截圖您上傳想看到深色模式的畫面
- 2深色版本我們以相同版面，用深色重新繪製每個畫面
- 3比較與修改您與原圖比較，並在方案範圍內提出修改
需要您提供的資料
最多 5 張您自己淺色畫面的清晰截圖，格式為 PNG、JPEG 或 WebP（不接受 PDF），每張一個畫面，且僅限您有權使用的檔案。請告訴我們您的品牌色、必須維持原樣的內容（例如照片或圖表），以及您偏好深灰還是接近黑色的背景；文字維持與您的截圖相同，拉丁字母語言繪製起來最清晰，小字可能不夠完美。
我們會詢問您：
- 哪些畫面要做深色版本？
- 您的品牌色或強調色是什麼？
- 您偏好深灰還是接近黑色的背景？
- 有哪些內容必須維持原樣？
比較方案
付款保障
下單時付款，但只有在驗收成果後，款項才會撥付。
- 固定價格付款後，方案價格不會變動。
- 款項先行保留付款時，金額只會先保留，在您驗收後才會撥付給服務。
- 交付前檢查每份成果在交到您手上之前都會經過品質檢查，您也可以在驗收前於訂單頁面查看成果。
- 免費修改在需求說明範圍內，可依方案允許的次數提出修改。
- 3 天後自動驗收若您在交付後 3 天內未驗收也未提出修改，成果將自動驗收。若您在交付後於訂單聊天室留言，訂單會暫停自動驗收；我們回覆後，可能會重新起算 3 天，並會在聊天室中告知。
- 重新製作或全額退款若成果不符合您的需求說明且修改後仍未改善，或製作時間超過交付期限的兩倍，請在訂單聊天室留言：我們將重新製作，或全額退還款項。
常見問題
版面會完全維持不變嗎？
版面、區塊與按鈕會依您的截圖，但圖片為重新繪製，因此小字、圖示與您的標誌可能略有位移；而且由於每張圖都是直式 2:3，其他比例的截圖會被調整為手機畫面。請將每個畫面與原圖比較，並提出修改。
我會拿到深色模式的色碼嗎？
不會，您取得的是 PNG 圖片，不是色彩配置檔、程式碼，也不是 Figma、Sketch 或 XD 檔案。您的開發人員可以從圖片中取色，但最終數值最好在您的 App 中設定並檢查對比度；iOS 與 Android 都有系統層級的深色模式，請查看它們目前的指引。
哪些畫面最能展現深色模式？
含照片、卡片與圖表的豐富畫面最能展現：首頁、列表、詳細頁面與設定是不錯的一組。深色版本中的圖表僅為示意，真實資料由您的開發人員保留。
我可以提供哪些截圖？
您有權使用的自家 App 截圖。如果您上傳其他 App 的深色畫面作為範例，我們只參考其風格，絕不取用其標誌、品牌或文字。我們不會加入其他品牌的標誌、虛構的評價或評分，也絕不更改文件。
沒有找到您要的答案？