之前介紹過
Mockphone 可以為截圖加上 iPhone 邊框, 這次的
Mockuper 是一個把圖片套上各種裝置、場合的免費服務,除了 iPhone 以外,還有 iMac、Macbook、Apple Watch,甚至棒球場的廣告看板都有,比較特殊的是 Mockuper 的情境較鮮明,也比較擬真,還加上了螢幕產生的反光,把圖片偽裝的很好,看起來就像渾然天成!
Mockuper:https://mockuper.net/mockups/desktop
![iPhone邊框 Macbook邊框 iPad邊框 AppleWatch邊框](https://host.easylife.tw/pics/author/yohnu1/201711/Mockuper/1.png)
△ 進入網站後左邊有 173 個設備可以選擇,分累為桌面、筆電、平板、手機、手錶及其它。
![圖片 加上 Macbook邊框](https://host.easylife.tw/pics/author/yohnu1/201711/Mockuper/2.png)
△ 這邊以 Macbook 作為範例,選擇完想要的情境後,會在右邊看到,點選螢幕綠色區域上傳圖片,盡量依照螢幕上的尺寸上傳會是最佳效果。
![Mockuper 圖片 加上iphone邊框](https://host.easylife.tw/pics/author/yohnu1/201711/Mockuper/3.png)
△ 點選虛線區域上傳圖片,左邊是 Mockuper 的特色,可以選擇螢幕上的反光,開啟或關閉都可以調整,反光透明度都能微調。都調整完後,按下方的 Done 確認。
![預覽圖 模仿 Macbook螢幕](https://host.easylife.tw/pics/author/yohnu1/201711/Mockuper/4.png)
△ 預覽圖出現啦,點選右下方下載。
![截圖 上邊框](https://host.easylife.tw/pics/author/yohnu1/201711/Mockuper/5.png)
△ 選擇下載的圖片尺寸
![Mockuper 圖片 加上iphone邊框](https://host.easylife.tw/pics/author/yohnu1/201711/Mockuper/6.png)
△ 成果圖很驚人,完全無違和,真是太厲害啦,整個過程不到 2 分鐘就完成了!Mockuper:
https://mockuper.net/mockups/desktop