Smartmockups 快速合成網頁與 App 使用情境照片


這個工具對於社群媒體編輯、網路文章作者,乃至於網頁設計、 App 開發者和產品行銷者來說,都是一個簡單但有用的好工具。「 Smartmockups 」,乍看之下或許你第一時間不知道他要幹嘛,其實他就是要幫你快速合成各種網頁與 App 的情境照片!

例如我在寫文章時,常常介紹到一些 App 與網頁,如果只有秀出單純截圖,好像還不足以作為文章的開頭主圖,這時候如果可以把 App 或網頁的畫面嵌入到一張使用情境照片中,或是真的去拍一張使用情境照片,那味道就會全然不同,只是,我們不一定有那樣的時間,也不一定拍得出那麼精緻的情境照。

這時候,「 Smartmockups 」就派上用場了,我只要在網站上提供的手機、電腦、筆電各種裝置情境圖中選一張滿意的照片,然後上傳我的 App 或網頁截圖,「 Smartmockups 」就會幫我瞬間完成合成,提供給我一張高解析度的產品情境照片!而且完全免費也不須登入。

更多免費線上工具歡迎參考:「[年度精選]比軟體更強悍 33 種文書繪圖免費線上工具」。

延伸參考:
製作最美的內容行銷圖!免費 Visage 不懂設計也上手
Landscape 一次裁切所有社群媒體專用圖片,免費!



下面影片我搭配旁白,幫大家介紹了「 Smartmockups 」的使用流程,只要花幾秒鐘的時間,我們就能製作出一張網頁或 App 的情境照片。






「 Smartmockups 」網站不需登入註冊,完全免費使用,直接進入網站中,在眾多裝置情境照裡挑選一張你想要的嵌入圖。

也可以看出,「 Smartmockups 」的情境照片其實來自於大量的「免費圖庫」,這些圖庫基本上可以免費用於商業用途上沒有問題,有些品質也還不錯。




點進情境圖後,在右方上傳按鈕,上傳你的網頁或 App 截圖,「 Smartmockups 」就會立刻幫你完成嵌合,過程十分流暢,效果也還不錯。

然後我們就能下載各種高解析度的情境照片囉!

下一次你想在文章裡放上有趣的附圖,或是要做一章產品情境照,不一定要打開 Photoshops 或外拍,說不定「 Smartmockups 」就能滿足你的基本需求(當然,如果是真的要幫網頁或 App 做宣傳主圖,那當然還是要自己動手才能獨一無二)。

延伸參考相關工具:

「 Smartmockups 」網站服務

轉貼本文時禁止修改,禁止商業使用,並且必須註明來自電腦玩物原創作者 esor huang(異塵行者),及附上原文連結:編輯行銷利器! Smartmockups 速成網頁 App 情境照


留言

  1. 這功能好酷,很實用,感謝分享

    回覆刪除
    回覆
    1. 想不到有人設計了這樣實用的功能

      刪除
  2. 回覆
    1. photofunia 也有這樣直接合成在手機或電腦裝置的情境圖嗎?

      刪除
    2. 雖然PhotoFunia好像比較少跟手機或電腦裝置整合的情境圖,但是有很多其他生活情境可以用XD
      都很不錯!

      刪除

張貼留言

相關文章:

這個網誌中的熱門文章

首席測速照相 Android iOS App 幫 Google 地圖加路況超速語音

OpenShot 免費中文版影片剪輯軟體,何必用精簡版的威力導演

[用心智圖整理分享] 新學期給老師們的 Google 工具教學手冊

Google 備份與同步處理軟體使用兩個月心得:優缺點與最佳化

Google Maps 我的地圖完全教學!規劃自助旅行攻略

4 個免費記憶練習 App 自製背單字卡、考古題背誦卡

AirMeasure AR 憑空測量長度!影片實測 iOS 11 必裝神奇 App

CCleaner 被駭事件:我們要知道什麼與可以做什麼的整理清單

[簡報分享] Google Drive 沒有退役!簡單圖解新版桌面同步軟體

用小畫家 3D 自動去背圖片,[新增] Windows 10 去背教學影片