![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/85d6c045-7a88-4013-a1b4-f4b91e2d1e64.jpg)
「樣機」是什麼? 相信大部分同學都知道。
百度百科對「樣機」做出的解釋是:
樣機素材是將自己的設計作品應用到一個實物效果圖中進行展示,讓自己的設計作品看起來更加形象逼真……*@%~#!
說白了,其實就兩字:
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/71c4a56a-0cae-42b9-987a-3b6689a108f7.jpg)
可以說,每一張不好用的、無處安放的素材,都能找到適合自己的樣機!
01 樣機有多好用?
最常見的用法是,當 PPT 需要放截圖,大部分同學都簡單粗暴地把截圖扔進去:
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/ebe3b816-e568-4844-a7a5-273e4e58817d.jpg)
如果你下載了好看的樣機,就可以輕輕鬆松做出這樣的 PPT:
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/cb7d304f-2d14-49c4-a728-56d1275c491c.jpg)
整個頁面的氣質一下子就上來了! !
多放幾張圖給你們感受一下:
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/d780e232-1844-4d49-a814-b86550d7a5a4.jpg)
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/279d9d15-a248-458a-bd8e-29f8b4eb1205.jpg)
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/01a181c3-3027-481a-a290-daa522088696.jpg)
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/446ead52-495c-4d2e-8bd0-e88f46fa7c12.jpg)
有時候,當你做出了一張視效炸裂的海報,也可以試試用樣機把海報「裝起來」,bigger 立顯!
我特地跑去 @獸獸 和 @小覃 的朋友圈裡薅了幾張圖:
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/c1c69114-278f-4521-972c-718e0a2eeadd.jpg)
▲PPT進階營-獸獸
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/13c087c0-380c-4e54-ba24-35cc1c865cb2.jpg)
▲PPT進階營-小覃
這麼驚豔的樣機素材,不用簡直後悔一輩子!
那麼問題來了——
02 樣機去哪裡找?
一些設計大神喜歡自己拍照、摳圖 DIY 專屬樣機;
對於小叮這樣的懶癌晚期患者來說,更喜歡用現成的樣機!
這次我拿出了私藏的【13 個樣機素材網站】,鏈接合集都整理好啦。
手速驚人的同學可以快速滑到文末獲取~
如果你嫌 13 個網站太多,不如先了解一下我重點推薦的這 3 個網站!
❶ MockUphone
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/72202e6b-bba0-4ba0-8f23-2d9b3610b838.jpg)
網址:mockuphone.com
網站樣機更新速度比較快,iPhone X、iPhone 8 及 Google Pixel 面世的時候,網站很快就上架了對應的樣機~
其他優點包括但不限於:
① 免註冊登錄就能使用,美滋滋~
② 可以在線生成樣機!不用下載一堆源文件啦~
只用點擊選擇你中意的樣機——將圖片拖曳到虛線框/直接上傳:
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/beebeaee-8767-4648-bc27-05b5ddde793a.jpg)
噹噹當!網站就會自動生成素材,超方便 der!
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/5d712d36-aaf2-442c-9aa0-51a962ea5046.jpg)
如果你點擊下方的「Download My Mockups」藍色按鈕,系統會提示「輸入郵箱才能獲取下載鏈接」……好麻煩 = =
8 過機智的我發現,直接右鍵保存,一樣可以快速下載到 PNG 格式的圖片!
③「你已經是一個成熟的網站了,要學會自己將圖片調整成合適的尺寸大小!」
對尺寸不符合樣機顯示的圖片,系統會自動調整,確保圖片不被拉伸變形:
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/07e94cf4-ab90-432f-859b-d84a5a5c4466.jpg)
④ 選擇不同的樣機,所生成的素材也不完全一樣,各種角度的都有:
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/24f56128-e1e1-4a80-bac2-0c7969b0d759.jpg)
PS:這類樣機應用進 PPT 時,記得在 PPT 裡設置投影,不然看起來會像浮在半空中~
總之,當你需要電子設備類樣機,打開這款寶藏網站準沒錯!
❷ Threed-3D 樣機
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/c8037e25-c233-4a60-ae29-c2dd111e473f.jpg)
網址:threed.io
「3D 樣機」聽起來很高級,讓人聯想到復雜的 3D 建模……
但這個網站操作起來卻 hin 簡單~
① 和 MockUphone 一樣,Threed-3D 樣機也可以在線上傳圖片、生成素材,而且會自動將圖片調整成合適的尺寸大小!
如果上傳的圖片尺寸太長,還能手動拖拽圖片,自主選擇要展示的區域:
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/ed6ee925-ea14-4351-b281-ab871e2274bd.jpg)
② 滾動鼠標滾輪,可以調整將樣機拉近、拉遠、拉近……
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/4757257d-9eb7-4a1b-9701-880914586f49.jpg)
OMG,這心梗的感覺……
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/439feaf4-138d-4554-ba17-0f5ddbfb79c4.jpg)
③ 其他小功能都在頁面最底端一排,包括「讓樣機躺下」、去掉鏡面反光、改變手機顏色背景顏色、去掉陰影……
你們可以都去戳一戳試試!
④ 說了這麼多,我最想介紹的還是它能隨意改變擺放角度的功能!
拖動樣機模型外部,就能更改擺放角度:
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/faf19c08-0a72-4a34-a165-b9368542b976.jpg)
▲ 為什麼我錄了十幾遍還是手抖……
瞅瞅這鏡面光感,每一秒每一幀都透露著高級感!
擺好 pose,就可以準備下載啦!
特別特別值得注意的是,如果你想要透明背景的樣機素材,記得把背景顏色設置為「無」:
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/8a756bfd-81fb-4a94-9b01-c37505d38ec1.jpg)
▲ 吶,就是點頁面下方這個小圖標
這樣就可以導出一張完美的樣機啦~
❸ Mockupplanet-樣機星球
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/bb410629-c9ac-486a-b4fa-a072673c6243.jpg)
網址:mockupplanet.com
樣機星球的優點很多了!讓我掰著手指頭一個個和你說~
① 樣機素材真的超!級!全!
包括:logo 樣機、瀏覽器樣機、摺頁樣機、名片樣機、海報樣機、畫冊樣機、服飾樣機、電子設備樣機、杯子樣機、包裝樣機、VI 樣機……
叫「樣機宇宙」也不過分吧?
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/af28d946-3eed-4c46-a701-383a5a890c71.jpg)
② 網站頂部的分類也特別貼心,誇!
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/b8daeabb-7ca4-4e43-bc37-4a1448e17ebf.jpg)
從小英語就沒越過及格線的同學,可以使用谷歌瀏覽器,直接翻譯網頁~
③ 最厲害的是,在樣機數量、分類這麼多的情況下,還能保證每款素材都是精品,誇!
④ 下載使用幾乎免費(因為我還沒有全部下載一遍,所以不能斷言 = =)。
關於是否可商用,有些樣機明確標註了,有些樣機的許可證隨素材一起下載到了壓縮包裡,有些沒有說明使用範圍……
總之商用需謹慎!
好啦,以上三個網站,都是我的心頭愛,希望你們也喜歡!
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/c5f60ca7-bf5c-4bd5-9de7-5f67278e0345.jpg)
最最最後,【13 個樣機素材網站】的鏈接合集,給我私信「樣機」就能獲得啦~
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/7da87530-7cad-4b24-a2c0-410cb9425ed1.jpg)
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/a6dd8f7e-5dce-45d6-9e07-0bc98687719a.jpg)
文章為用戶上傳,僅供非商業瀏覽。發布者:Lomu,轉轉請註明出處: https://www.daogebangong.com/zh-Hant/articles/detail/How%20ugly%20is%20it%20to%20put%20screenshots%20of%20mobile%20phones%20in%20PPT%20Try%20this%20artifact%20and%20become%20advanced%20in%20a%20second.html
评论列表(196条)
测试