成果範例
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 設計稿，每張都依您的一份截圖製作並沿用其比例：高的手機截圖會得到直式圖片，寬的截圖（例如您的網頁應用程式或橫式平板範例）則得到橫式圖片；它們不是 App 程式碼，也不是 Figma、Sketch 或 XD 檔案。
包含內容
- 您會得到什麼您會取得 1、3 或 5 張 PNG 格式的 App 平板畫面，例如主畫面、列表與詳細內容並排顯示，以及設定。若您提供的截圖少於方案張數，多出的圖片會是同一檔案的其他版本。
- 側邊欄導覽在適合的情況下，將底部分頁列改為側邊選單
- 雙欄版面列表與詳細內容並排，如同許多平板 App
- 更寬的格狀排列每列放更多卡片，並保留舒適的邊界
- 直式或橫式依您上傳圖片的比例決定
- 相同的內容沿用手機畫面中的文字、按鈕與順序
服務流程
- 1手機截圖您上傳手機畫面，並說明哪些要變成平板畫面
- 2平板版面我們將每個畫面重新繪製得更寬，採用側邊欄或雙欄
- 3檢查與修改您確認版面與標籤，並在方案範圍內提出修改
需要您提供的資料
最多 5 張清晰的手機 App 截圖，格式為 PNG、JPEG 或 WebP（不接受 PDF），每張一個畫面，且僅限您有權使用的檔案；其他 App 的平板範例我們只參考風格。若要橫式平板畫面，請上傳寬幅圖片；請說明哪些畫面要改為雙欄，以及導覽要放在哪裡，新增的標籤請保持簡短，因為拉丁字母語言繪製起來最清晰。
我們會詢問您：
- 哪些手機畫面要做平板版本？
- 直式、橫式，還是兩者都要？
- 平板上的導覽要放在哪裡？
- 哪些畫面要拆成雙欄？
比較方案
付款保障
下單時付款，但只有在驗收成果後，款項才會撥付。
- 固定價格付款後，方案價格不會變動。
- 款項先行保留付款時，金額只會先保留，在您驗收後才會撥付給服務。
- 交付前檢查每份成果在交到您手上之前都會經過品質檢查，您也可以在驗收前於訂單頁面查看成果。
- 免費修改在需求說明範圍內，可依方案允許的次數提出修改。
- 3 天後自動驗收若您在交付後 3 天內未驗收也未提出修改，成果將自動驗收。若您在交付後於訂單聊天室留言，訂單會暫停自動驗收；我們回覆後，可能會重新起算 3 天，並會在聊天室中告知。
- 重新製作或全額退款若成果不符合您的需求說明且修改後仍未改善，或製作時間超過交付期限的兩倍，請在訂單聊天室留言：我們將重新製作，或全額退還款項。
常見問題
如何取得橫式平板畫面？
每張圖都沿用其所依據檔案的比例。手機截圖會得到直式圖片，適合直持的平板；若要橫式，請上傳寬幅圖片，例如您在筆電上的網頁應用程式，或您喜歡的橫式平板範例。
會遵循 iPad 與 Android 平板的慣例嗎？
我們會依平板 App 通常的運作方式排版，採用側邊導覽與分割檢視，但各平台的細節會變動，因此您的開發人員應查看 Apple 與 Google 目前針對大螢幕的指引。
我會拿到程式碼或自適應版面嗎？
不會，您取得的是靜態的 PNG 圖片，不是 App 程式碼、自適應版面規則，也不是 Figma、Sketch 或 XD 檔案。小標籤可能不夠完美，請檢查並提出修改。
哪些範例與內容是你們無法使用的？
其他 App 的平板畫面只參考風格：版面、氛圍與色彩，絕不取用其標誌、品牌或文字。我們不會加入其他品牌的標誌、虛構的評分或評價，也絕不更改文件。圖片為重新繪製，因此小圖示與您的標誌可能略有變動。
沒有找到您要的答案？