Device Shots圖片合成各種裝置外框

要展示應用程式或網站畫面，直接秀出畫面截圖似乎有點單調，幫截圖穿件衣服(加上裝置外框)看起來更有質感，使用網路服務就能取得這類圖片，例如 Magic Mockups 可以產生使用情境圖，本文介紹的 Device Shots 網站提供各大廠牌裝置外框。

服務介紹：

Device Shots 是一個免費線上圖片合成工具，讓使用者將圖片加上各種裝置外框，有智慧型手機、平板/筆電/桌上型電腦、顯示器、智慧手錶、家庭裝置共六大類型，包含 Apple、Google、Microsoft、LG、Huawei、LG、Samsung、Nokia、Motorola 和 Dell XPS 等各大廠牌裝置。

輸出圖片可選擇適合 Facebook、Twitter、Instagram、Pinterest、Snapchat、Tumblr、Google Play 等平台的圖片尺寸，以及套用漸層、單一顏色的背景圖。

名稱：Device Shots

語言：英文

網址：https://deviceshots.com/

Device Shots 使用說明：

1. 開啟 Device Shots 網站會看到手機、平板、電腦、顯示器、智慧手錶和 Home 共六種裝置類型，先隨意點選進入編輯器後再挑選想要的裝置型號。
Device Shots圖片合成各種裝置外框
2. 編輯器左側是預覽畫面，右側上方可調整(放大/縮小)畫面比例，在「Device」挑選想要的裝置型號。
Device Shots圖片合成各種裝置外框
3. 將圖片拖曳到裝置外框或從右側的「Screenshot」開啟圖片，支援 JPG、PNG、GIF 和 SVG 格式，要注意每種裝置都有預設尺寸，如果不符合比例網站會自動縮放，可能會無法看到完整畫面。
Device Shots圖片合成各種裝置外框
4. 如果要將圖片發佈到社群網站，點選「Canvas」可選擇適合 Facebook、Twitter、Instagram、Pinterest、Snapchat、Tumblr、Google Play 等平台的圖片尺寸，也可以自訂輸出圖片大小。
Device Shots圖片合成各種裝置外框
5. 預設會輸出透明背景圖片，點擊「Background」可選擇漸層色彩或單一顏色背景。
Device Shots圖片合成各種裝置外框
6. 部分裝置還可以指定外框顏色，如下圖的 iPad 在 Variant 處有 Gold、Silver、Space Grey 三個選項。
Device Shots圖片合成各種裝置外框
7. 最後點擊右上角「Download」就能儲存 PNG 圖檔，完全免費也不會添加水印。
Device Shots圖片合成各種裝置外框
8. 網站首頁往下滑動會有支援裝置列表，包含 iPhone、Google Pixel、HTC、LG、Nokia、Samsung 等多家廠牌的手機，也能在這點選進入編輯器。
Device Shots圖片合成各種裝置外框

延伸閱讀：