MockUPhone 在各種裝置螢幕上嵌入產品圖片,支援手機、平板、電腦、電視

文章最後更新於 2020 年 6 月 17 日

螢幕裝置模板

「MockUPhone」是一個提供 iOS、Android、Windows Phone、平板、筆記型電腦、桌機和電視在內等眾多裝置的模型,嵌入你的產品圖片到這些裝置螢幕上,使你的產品看起來更有質感!例如你自己常在手機上擷取的一些畫面。

螢幕裝置模板:MockUPhone

進入網站後,可以從首頁上方的圖片看到 MockUPhone 產生的範例效果,可自行點選iOS、Android、Windows Phone、平板、筆記型電腦、桌機和電視查看有哪些裝置。

螢幕裝置模板

拿iPhone X為例,可以將圖片拖曳到虛線框或點擊按鈕上傳,要特別注意為了符合最佳效果,盡量使用提示的圖片長寬,iPhone X 就會指定使用 1125 x 2436px 大小的圖片,而根據裝置螢幕大小不同,也會呈現出部一樣的感覺,若圖片尺寸不符,可能會讓產生的圖看起來不太正確。

螢幕裝置模板

如果上傳的圖片尺寸和 MockUPhone 提示尺寸不符,網頁會出現一個紅色驚嘆號,雖然它也會盡量讓圖片可以放入裝置螢幕中,不過效果如何等產生出來就知道了,如果不理想就必須盡量符合尺寸標準。

螢幕裝置模板

最後你覺得符合你的要求,就可以點擊下方的「Download My Mockups」按鈕可以打包、下載產生的圖片(有些裝置可以一次產生數張圖),不過必須輸入你的 Email 才能收到下載鏈結。如果不想那麼麻煩,更快的方法是直接按右鍵另存圖片,一樣也是透明背景。

螢幕裝置模板

更多詳細介紹盡在影片中:

分享本文:

增高情商的365個溝通技巧

365天增高情商計畫,一天學習一個慢慢成長,增加實力,讓自己在生活或職場如虎添翼。訂閱完後記得購買免費課程,不然無法看影片的請記得立刻去信箱收信喔!

You have Successfully Subscribed!

返回頂端