![Mockup的使用範例教學](https://static.wixstatic.com/media/0d7211_0967c0c7c5c24e25919fb295a8e222a3~mv2.jpg/v1/fill/w_980,h_653,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/0d7211_0967c0c7c5c24e25919fb295a8e222a3~mv2.jpg)
什麼是 Mockup?
Mockup 用於設計的過程中,是一個用來展示設計品的模擬模型。用來呈現設計作品在實際應用中的視覺效果,常見應用有名片、海報、包裝盒之類。Mockup 檔案格式通常是Photoshop 的 PSD,而設計師可以快速將自己的設計嵌入在Mockup 中。
![書的Mockup](https://static.wixstatic.com/media/0d7211_1edaa7dc3f574a5d80160c639fb69902~mv2.jpg/v1/fill/w_980,h_756,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/0d7211_1edaa7dc3f574a5d80160c639fb69902~mv2.jpg)
為什麼要使用 Mockup ?
用Mockup在做作品集的時候真的很重要,即使是學校作業,不會實際的把成品印出來也好。使用Mockup 來展示設計能讓你的設計看起來更專業。同時也可以讓自己看看一下設計還有沒有改進的空間。
![書的Mockup](https://static.wixstatic.com/media/0d7211_5eeb5e60d1b9430288a5ec874f1df091~mv2.jpg/v1/fill/w_980,h_740,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/0d7211_5eeb5e60d1b9430288a5ec874f1df091~mv2.jpg)
即使你有把自己的設計印出來也好,為自己設計的拍一張美照也很需要時間和成本。當中最麻煩的就是場景了。家裡未必有足夠位置來設置場景,還需要適合的燈光和道具。一個模擬現實場景的Mockup可以代替這一連串的麻煩事了。
如何選擇合適的 Mockup?
以下是選擇合適Mockup的通用規則:
高解析度,至少不要起格。
容易修改。最基本就是要有可以替換圖片的 Smart Object 功能。最好的話Mockup可以編輯背景,例如修改配色、可不可以拿走材質和可不可以拿走陰影之類。)
風格一致,例如用了ins風之後同系列的圖也要選ins風,用了未來感的Mockup同系列的圖也要選有未來感的。
根據設計需求選擇場景。例如名片就選擇辦公室場景的 Mockup,包裝設計就選擇和產品有關的擺拍 Mockup。
推薦的3個免費的Mockup資源網站
以下這些網站不用註冊就可以免費下載各種Mockup使用:
Unblast
![Unblast Mockup](https://static.wixstatic.com/media/0d7211_1ec0e76d4ceb4a0d8ab6035670bc50a9~mv2.png/v1/fill/w_980,h_448,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/0d7211_1ec0e76d4ceb4a0d8ab6035670bc50a9~mv2.png)
Mockups Design
![Mockups Design](https://static.wixstatic.com/media/0d7211_839f6e10e3034e4c8a24ea9d32e7fcd4~mv2.png/v1/fill/w_980,h_466,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/0d7211_839f6e10e3034e4c8a24ea9d32e7fcd4~mv2.png)
PsFiles
![PsFiles Mockup](https://static.wixstatic.com/media/0d7211_6e7c1f407d344daa9e777a583c096edb~mv2.png/v1/fill/w_980,h_446,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/0d7211_6e7c1f407d344daa9e777a583c096edb~mv2.png)
最後請看這些我用Mockup做的酷照片吧。
![製造虛無的方法Mockup](https://static.wixstatic.com/media/0d7211_261b3dd6bae945bf948ee169575d60f3~mv2.jpg/v1/fill/w_980,h_1470,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/0d7211_261b3dd6bae945bf948ee169575d60f3~mv2.jpg)
Comments