MockUPhone 結合螢幕截圖與裝置外框的線上工具
美觀的展示圖有助於產品行銷，推廣應用程式時，除了擷取畫面展示主要功能，為截圖添加裝置外框可提升視覺效果，讓人產生使用場景印象。MockUPhone 是一款結合螢幕截圖與裝置外框的生成工具，提供手機、平板、智慧型手錶、筆記型電腦等模板，幫助用戶快速生成展示圖。


服務介紹：

MockUPhone 是專門為螢幕截圖添加裝置外框的線上工具，完全免費且無須註冊，提供多種裝置模板，涵蓋 iPhone、Google、Samsung、Dell、Microsoft、OnePlus、LG、Huawei 等品牌。

使用方式很簡單，依照裝置類型或品牌挑選適合的裝置，上傳圖片即可產生預覽畫面，每種裝置都有建議尺寸，若是尺寸不符會顯示提醒。確認無誤後，點擊 Generate 按鈕即可下載合成圖，輸出 PNG 透明背景圖片，方便直接用於其他設計作品。

名稱：MockUPhone
語言：英文
網址：https://mockuphone.com/

MockUPhone 使用說明：

1. 開啟 MockUPhone 網站，可以搜尋裝置模板或點擊「AII Devices」瀏覽全部裝置。
MockUPhone 結合螢幕截圖與裝置外框的線上工具

2. 用戶可從裝置類型（手機、平板、筆電、手錶等）或品牌（Google、Samsung 等）挑選適合的裝置，其中以 Apple 裝置最多，包括不同型號的 iPhone、iPad、Macbook 和 Apple Watch。
MockUPhone 結合螢幕截圖與裝置外框的線上工具

3. 進入裝置頁面會顯示外框圖片，點擊「Upload」上傳圖片會自動填入裝置螢幕，並產生預覽圖。
MockUPhone 結合螢幕截圖與裝置外框的線上工具

4. 用戶可以一次上傳多張圖片，在檔案清單中點擊檔名即可檢視該張預覽圖。需注意一點，每個裝置都有建議尺寸，若是圖片比例不相符會顯示！提醒。
MockUPhone 結合螢幕截圖與裝置外框的線上工具

5. 點擊「Generate product mockups」開始生成圖片。
MockUPhone 結合螢幕截圖與裝置外框的線上工具

6. 等待處理完成會自動下載 ZIP 壓縮檔，裡面有＂截圖+裝置外框＂的合成圖。
MockUPhone 結合螢幕截圖與裝置外框的線上工具

7. MockUPhone 生成的圖片皆為透明背景，方便用於其他設計作品，如下圖，使用筆電和手機圖片展示網站畫面。
MockUPhone 結合螢幕截圖與裝置外框的線上工具

延伸閱讀