Mockup Photos 線上合成手機、電腦、書籍使用情境圖，免費數百種高畫質樣版

當需要一張使用情境圖片來展示產品或設計，像是手機開啟 APP 的畫面，電腦正在瀏覽網頁，以及設計好的 LOGO 圖標印在名片等情況，可以使用 Mockup Photos 網站將圖片合成到使用情境，可輸入網址讓網站自動擷取網頁畫面的功能，有數百種免費樣版，不過需要註冊帳戶才能使用。

服務介紹：

Mockup Photos 有許多來自世界各地的高畫質樣版圖片，挑選樣版後可以將應用程式、網頁截圖合成為手機/電腦使用情境圖，或是將設計的 Logo 合成到書籍、看版。需要註冊帳戶才能使用，有數百種免費樣版可以挑選，影像合成後可下載 JPG、PNG、PDF 格式和高畫質圖片儲存。

名稱：Mockup Photos

語言：繁體中文

網址：https://mockup.photos/

Mockup Photos 使用說明：

1. 使用 Mockup Photos 需要登入帳戶，先點擊右上角「Sign up」使用 Facebook 帳號或輸入 Email 建立免費帳戶。

2. 在 Mockup Photos 首頁會看到本週免費樣版有限定時間，點擊「View All Freebies」查看所有樣版。

3. 在這可以找到數位裝置(手機、電腦、電視)和印刷品(書籍、看板)的使用情境圖，有數百張高畫質圖片可挑選，有紅色 FREE 標記都能免費合成下載。

4. 點選圖片開啟檢視，每張使用情境圖都有綠底白字位置用來放置圖片，點擊開始合成。

5. 有兩種合成方式，可以上傳圖片(Upload)或從輸入網址產生截圖(Take screenshot)。

6. 輸入網址按下「Take screenshot」讓 Mockup Photos 擷取網頁畫面合成，可以省下截圖步驟，缺點是無法調整位置。

7. 上傳圖片會自動合成若不滿意效果，再次點擊並選擇「Re position image」就能手動選擇畫面。

8. 放大/縮小和拖曳移動圖片，按下「OK」完成畫面選取。

9. 圖片合成後下方可選擇要下載的格式(JPG、PNG、PDF)和畫質，點擊「Download now」等待網站處理完成就儲存圖片。

延伸閱讀：

• Snapmod 手機螢幕截圖添加裝置外框，提供數十款主流手機外框圖
• Device Shots 幫圖片套上手機、平板、筆電、顯示器等各種裝置外框
• Smartmockups 免費產品情境圖，將手機/電腦截圖合成至使用場景