MockUPhone 為螢幕截圖加上手機、筆電、TV 等設備外框
常看見介紹手機操作的文章,使用帶有外框的手機畫面看起來更專業有質感。這樣的圖片並不需要專業的攝影技術,使用 MockUPhone 提供的線上服務就能辦到,可以免費又簡單的幫螢幕截圖添加多種裝置的外框。


服務介紹:

MockUPhone 是個線上截圖設備模型生成器,能簡單迅速讓螢幕截圖加上設備外框,網站提供 iOS、Android、Windows Phone、Laptop & Desktop、TV 等多種裝置可以選擇,其中以 iOS 的設備最齊全。

操作方法相當簡單,選擇裝置後要加入合成的圖片,就能輸出帶有外框的手機畫面,右鍵另存圖檔就能保存。若要達到截圖和裝置完美結合,每部裝置都有建議尺寸,可事先將圖片做剪裁調整。

網站:MockUPhone
語言:英文
網址:https://mockuphone.com/

MockUPhone 使用說明:

開啟 MockUPhone 首頁後往下拉選擇 iOS、Android、Windows Phone、Laptop & Desktop、TV 等裝置的外框和螢幕截圖做合成。
MockUPhone 為螢幕截圖加上手機、筆電、TV 等設備外框

選擇裝置後將圖片拖曳到指定區域或點擊開啟,每部裝置都會有建議圖片尺寸,若不符合仍然可以處理只是效果較差。
MockUPhone 為螢幕截圖加上手機、筆電、TV 等設備外框

若有多張圖片需要處理可一次開啟,接著點擊「Generate product mockups」開始添加外框。
MockUPhone 為螢幕截圖加上手機、筆電、TV 等設備外框

等待圖片處理中,一次開啟多張圖片會花費較多時間。
MockUPhone 為螢幕截圖加上手機、筆電、TV 等設備外框

添加外框的圖片產生後,直接按右鍵「另存圖檔」就能儲存 PNG 格式的圖檔。
MockUPhone 為螢幕截圖加上手機、筆電、TV 等設備外框

點擊網站的下載按鍵會要求輸入 Email 才能下載。
MockUPhone 為螢幕截圖加上手機、筆電、TV 等設備外框

手機螢幕截圖搭配 iPhone8 Plus 手機外框。
MockUPhone 為螢幕截圖加上手機、筆電、TV 等設備外框

若圖片尺寸與建議尺寸不相符,會出現無法填滿外框的情形(如下圖)。
MockUPhone 為螢幕截圖加上手機、筆電、TV 等設備外框

延伸閱讀:
Mockup Photos 線上合成手機、電腦、書籍使用情境圖,免費高畫質樣版 Smartmockups 免費產品情境圖產生器,將手機/電腦畫面快速合成使用場景 Snapmod 將手機螢幕截圖添加裝置外框,數十款主流手機外框圖輕鬆合成 Magic Mockups 免費樣板圖片產生器,將螢幕畫面合成到現實環境圖片