例如我在寫文章時，常常介紹到一些 App 與網頁，如果只有秀出單純截圖，好像還不足以作為文章的開頭主圖，這時候如果可以把 App 或網頁的畫面嵌入到一張使用情境照片中，或是真的去拍一張使用情境照片，那味道就會全然不同，只是，我們不一定有那樣的時間，也不一定拍得出那麼精緻的情境照。
這時候，「 Smartmockups 」就派上用場了，我只要在網站上提供的手機、電腦、筆電各種裝置情境圖中選一張滿意的照片，然後上傳我的 App 或網頁截圖，「 Smartmockups 」就會幫我瞬間完成合成，提供給我一張高解析度的產品情境照片！而且完全免費也不須登入。
更多免費線上工具歡迎參考：「[年度精選]比軟體更強悍 33 種文書繪圖免費線上工具」。
下面影片我搭配旁白，幫大家介紹了「 Smartmockups 」的使用流程，只要花幾秒鐘的時間，我們就能製作出一張網頁或 App 的情境照片。
[youtube https://www.youtube.com/watch?v=4Ig-zH3pdqg?rel=0]
「 Smartmockups 」網站不需登入註冊，完全免費使用，直接進入網站中，在眾多裝置情境照裡挑選一張你想要的嵌入圖。
也可以看出，「 Smartmockups 」的情境照片其實來自於大量的「免費圖庫」，這些圖庫基本上可以免費用於商業用途上沒有問題，有些品質也還不錯。
點進情境圖後，在右方上傳按鈕，上傳你的網頁或 App 截圖，「 Smartmockups 」就會立刻幫你完成嵌合，過程十分流暢，效果也還不錯。
然後我們就能下載各種高解析度的情境照片囉！
下一次你想在文章裡放上有趣的附圖，或是要做一章產品情境照，不一定要打開 Photoshops 或外拍，說不定「 Smartmockups 」就能滿足你的基本需求（當然，如果是真的要幫網頁或 App 做宣傳主圖，那當然還是要自己動手才能獨一無二）。
延伸參考相關工具：
轉貼本文時禁止修改，禁止商業使用，並且必須註明來自電腦玩物原創作者 esor huang（異塵行者），及附上原文連結：編輯行銷利器！ Smartmockups 速成網頁 App 情境照
Source:: playpcesor.com