MockUPhone 讓你的圖片顯示在產品畫面上

在廣告的效果上,將照片透過一些模板(Mockups)組合而成的外觀較受到使用者的目光,如目前手機大部分都已內建截圖功能,想將截圖與手機外框一同顯示,能增進畫面質感外,也能展現手機的的整體美。Mockuphone 是個線上的iOS、Android、Windows Phone、平板、筆記型電腦、桌機和電視的裝置模型,將照片放入可以更引人入勝,對於挨踢路人甲撰寫文章來說幫助很大,因為螢幕截圖加上模型版邊框才更專業,想要表現哪台手機外框畫面時,不用再去使用PS修了。

MockUPhone

 

常看到軟體公司展示畫面時,為了吸引使用者目光,透過一些模板(Mockups)組合而成絢麗的質感畫面,MockUPhone支援iOS、Android、Windows Phone、平板、筆電、桌機和電視的裝置模型樣板,讓你將漂亮的照片放入裝置上,吸睛的效果更是一級棒。

 

 

 

 

簡單來說,就將圖片(網頁、照片或應用程式擷圖)上傳到你指定的裝置,即是將畫面嵌入裝置的螢幕區域,如下圖筆者選擇Android的Google Pixel裝置。

 

將圖片拖曳到網站虛線框內,或點選〔or click thsi button ti upload〕來上傳圖片,每個裝置都會有建議的圖象大小與格式,例如Google Pixel建議1440 x 2560 ox,圖片格式支援jpg、png與psd等。

 

當上傳後看到下圖有驚嘆號的小圖示,表示尺寸不合,但仍會放入裝置的螢幕區上,只是比例與效果會差些,接著按下〔Gererate product mockups〕來產生。

 

下圖就是我將小米8 Lite截圖放入Google Pixel的裝置螢幕區上,可以很清楚看到四周黑邊框特別大,那是尺寸不合造成的。

 

往下捲動可以來下載,不過必須輸入你的 Email 才能收到下載鏈結。

 

打開收到的郵件中,即可看到下載的連結點。

 

顯選下載解壓縮後,有直立與橫向兩個圖檔。

 

打開成品圖,在iPhone X上顯示Android主畫面是不是很酷呢?

 

Mockuphone 裝置外框合成器也支援電視,雖然只又LG與Samsung,但還是令人吸睛的。

 

讓產品立即擁有自己想要顯示的圖片,用於展示或介紹特別引人入勝

 

Mockuphone 產品外框合成器 : https://mockuphone.com/#ios

 

延伸閱讀:

 

itwalker
itwalker

或許技術與功力已遠遠不及時下年輕人,但試著去畫一個圓,圓不圓沒關係,盡力就好,如果覺得文章不錯的話,請大家按個「讚」或「+1」,感謝您的支持與鼓勵!歡迎加入我的粉絲團 : https://www.facebook.com/itwalker ,更多關於挨踢路人甲的文章: https://walker-a.com

文章: 2730

發表迴響

這個網站採用 Akismet 服務減少垃圾留言。進一步了解 Akismet 如何處理網站訪客的留言資料