產品Mockup不藏私推薦-線上篇

彭奕潁
Feb 20, 2022

--

mockup常見的有線上上傳可以直接套版下載,也有psd可以下載進行圖片置換再轉存,這些都各有優缺點!下面一一提供分析以及連結工大家自行嘗試使用呦!

線上套版mockup

線上套版可能會受限於下載尺寸的限制以及產品光線都是限制的只能用固定模版套如圖片,但有些升級會員版是可以下載PSD版本,但因為版本眾多,現在跟大家大致分享個網站屬性,更多會員屬性可以自己在多家摸索,畢竟每個網頁的更新或會員權利都太多~寫完就變工具手冊拉!

  1. 【dimmy.club】 https://dimmy.club/
dimmy.club

這是一個大家最常見的一種套版,常常我們在模擬網頁電腦預視或是手機版預視,需要給客戶想像空間時最好的小幫手,只要把圖片上傳選好你要的載體便能直接進行下載!超級方便又快速,尤其實在做提案時,簡直是節省哀求設計的法寶!

2. 【mockups】 https://mockups.pixeltrue.com/

mockups

這也是一個載體超級簡易版的mockup,目前載體只有四類:手機、筆電、桌機、手錶 儲存尺寸:1280 x 1280 / 1920 x 1920 / 5000 x 5000

3. 【mediamodifier】 https://mediamodifier.com/mockups/all

mediamodifier

雖然這個背景與整體光線是固定的,但這個mockup網頁蠻佛心!旁邊有圖片範圍簡易的光線可以提供調整,有提供psd檔,但這就必須是付費會員才能使用嘍!

4. 【3D Box】 https://boxshot.com/3d-box/

3D Box

我們最常遇到的套版問題就是形狀與尺寸的限制,如果單純是正方形紙盒需要製作3D-Mockup 這個網頁可以完完全全的解決這個大困擾!

他會依照你上傳的圖片長寬調整box的長寬,所以你必須個別上傳不同面的圖片(一次只能三個面)

他還有很厲害的角度調光,以及陰影的調整!擬真的程度真的很夠用!非常推薦需要快速合成的朋友們使用,但畢竟是線上的,在畫素上還是無法要求與PS模板製作的相同,他也有渲染程式可以下載!也可以嘗試下載完完看歐 【下載點】

還是需要補充提醒一下,畢竟是免費版的,在畫質上還是有所限制,雖然圖片上傳畫質好一些是可有輔助,但總有上限,另外在下載時,透明背景版本是需要付費的拉!

5. 【MOCKUPBRO】 https://mockupbro.com/

MOCKUPBRO

相對前幾個模板,這個模板可以選擇自己的背景色調,也可以使用透明背景,雖然物體自由和旋轉角度不能和3D Box相比,但如果有剛好相符合的物體還有角度,可以使用這個來用透明背景!

6. 【renderforest】 https://pse.is/3ucw6x

renderforest

情境式的套版,符合產品如果需要有些DEMO在簡報上也是蠻好派上用場的!

這篇先和大家分享線上可製作的Mockup,下篇繼續分享線下Psd版的載點!

--

--

彭奕潁

#設計師 #品牌設計 👉https://linktr.ee/jenny.peng