你有注意到嗎？許多專業設計師在分享作品時，不會直接分享設計稿，他會將設計稿放在一個情境照片內，那麼你可能也想過以下問題：
- 這個情境照片是如何去攝影的？
- 需要花費多少費用？
- 為什麼有些人情境照片的構圖、角度、光線會如此相似？
- 究竟要如何才能營造出這種專業感？
其實就是使用Mockup！我將在這篇文章告訴你什麼是Mockup，並分享9個我精選的Mockup資源網站，讓你立刻就能開始讓作品看起來更專業！
Mockup是什麼？
首先我們先來看看維基百科怎麼說：
「在製造及設計上，Mockup是一個設計或是設備的模型，用來教學、展示、設計評估、推廣或是其他用途，可以是比例模型或和實物一様大的模型。」
在不同的領域中Mockup可能指不同的東西，在平面設計的範疇內，它是把設計稿合成到實際的照片或模擬的模型上，在UI設計中，Mockup是把Wireframe進行進一步的視覺設計，在工業設計及建築設計裡，則是實體模型，而它們都有一個共通的作用，就是讓客戶可以想像設計的實際成品樣貌。
為什麼要使用Mockup？
現今已有非常多的人投入Mockup的模板製作，提供數量可觀的免費模型，而套用Mockup絕對會大大提升作品的品質及說服力，更能省下攝影的氣力及費用，簡直是設計師的必備神器，聽起來是不是相當誘人！
Mockup優點：
- 快速提升視覺效果
- 提高溝通效率
- 幫助客戶想像成品樣貌
- 節省攝影費用
接下來我將介紹9個非常實用的Mockup網站，趕快一起來包裝自己的設計吧。
9個Mockup網站分享
我將Mockup網站分為兩大類，其一是網站自製，其二是網站蒐集，通常網站自製資源的情況下，資源會比較細緻、有特色，甚至會有一種風格，而若網站是蒐集他人資源為主的話，擁有的資源則會比較多元多樣。
▌ 自製資源網站：
mockups-design.com
mockups-design.com是由波蘭設計師 Andrew 建立的Mockup 網站，裡面都是由設計師本人親自製作的 100% 免費 Mockup 資源，裡面的分類也設定的相當清楚，有助於快速找到想要的資源。 Andrew 還在網站介紹中寫道：「這個網站內的模型應完全免費且易於下載。」是不是很佛心呢。
這位設計師還有另外建立一個付費的 Mockup 網站：Smarty Mockups，裡面有更多跟產品包裝 ( packaging ) 相關的資源，有需要也可以多加消費來支持。
ANTHONY BOYD GRAPHICS
ANTHONY BOYD GRAPHICS也是由設計師製作的 Mockup 網站，裡面同樣有設計師 Anthony 親自製作的 Mockup 資源，有付費也有免費的，還有 3D 材質的資源，比較可惜的是網站上的分類沒那麼細，可以多使用搜尋關鍵字來查找資源。如果想要了解製作 Mockup 的過程，可以觀看及訂閱 Anthony 的 Youtube頻道，會很有收穫喔。
Anthony 還有一個勵志的故事，他曾患有嚴重的抑鬱症，甚至自殺未遂，後來透過製作模型走出困境，他在臉書上寫道：「 Never give up in life. Never know what good can happen. ( 永遠不要放棄生命，你從不知道會有什麼好事發生。)」如果想要支持這位設計師，可以消費他製作的付費資源，也可以透過網站直接斗內贊助喔。
ZippyPixels
ZippyPixels也提供相當多的自製資源，其背後是一群網頁與圖像設計師團隊，他們產出的資源都相當優質，針對不同的分類有不同的付費方案，免費的資源也非常多，下載的時候會需要填寫名字與信箱，他們會將下載連結Email到信箱，跟其他網頁直接下載比較不同。
Smartmockups
Smartmockups是極少數提供簡體中文服務的Mockup網站，並且提供線上編輯的功能，還有根據不同社群軟體，提供各式比例尺寸的剪裁服務，即使沒有Photoshop也可以將自己的作品套用Mockup模板，相當方便，雖然免費資源偏少，有一些功能也需要付費才能解鎖使用，但還是非常推薦非設計師又需要Mockup的人來使用。
也可以搭配MockupBro來使用，同樣是資源較少但可線上編輯的網站。
Mockup Cloud
Mockup Cloud也是由強大的設計師團隊所開發，走一個低調奢華的溫馨風格，而且只要付款美金129元就可以享有他們所有產品的終身訪問權限，還包含更新的資源，個人覺得非常划算，當然如果沒有需要全部的檔案，也可以根據需求去消費單獨的或套裝的資源。
▌ 蒐集資源網站：
Mockup World
接著要來介紹Mockup World，這個網站致力於蒐集各式各樣的Mockup資源，網站裡更有清楚的詳細分類，方便找尋適合的資源。雖然網站標榜完全免費，但也有一些資源會變更成需付費，但沒有通知網站，若要挑選免費資源就要多留意一下。
Unblast
Unblast不只蒐集mockup，還有字體、插圖、3D模型、色票等等的免費資源，還非常用心地為每個檔案寫了一段介紹文字，同時標註了來源網站，方便追蹤、探索，甚至有些有放上贊助作者的連結按鈕，我是覺得蠻暖心的。
以上都是我平常所使用的Mockup網站，希望有帶來幫助，也要切記不要過度依賴，實際去提升自己的美感與設計水平絕對更加重要，當然剛開始我是推薦去套用模板的，因為它能迅速達到提升視覺的效果，而且透過下載的檔案可以學習他人的製作手法或技巧，最好是能走向自製，如此，能避掉一些Mockup模板的缺點，之後我將再撰寫新文章分享如何自製Mockup。