設計師完成作品后，為了更好地展示作品，通常會將設計作品應用到真實的樣機素材模板中。

本文推薦五個不錯的樣機素材網(wǎng)站，希望對你有所幫助。

1.即時設計

即時設計是一款「專業(yè)UI設計工具」，不受平臺限制，打開瀏覽器即可開始創(chuàng)作。它不僅具備精細化設計能力，還自帶豐富的共享設計資源，同時支持多人實時協(xié)作、設計成果一鍵分享交付，讓設計師在工作中每一個步驟上都能擁有更高效愉悅的體驗。

即時設計資源社區(qū)提供超過100個樣機素材，比如下面的這幾個都非常的不錯。

小胖手3D樣機

js.design/community?category=detail&type=resource&id=6291ef29a152a63f99fde2cd&source=bz&plan=ysbz2371

IPhone 13 免費樣機模型

2.Smartmockup

Smartmockup，類似于上面介紹的Pixso資源社區(qū)——兩者都是在線原型材料模板網(wǎng)站，使用非常方便。只需將本地圖片上傳到網(wǎng)站，就可以直接得到帶原型的效果圖。

Smartmockup在下載帶樣機的效果圖時，提供了三種圖像質量，在大多數(shù)情況下，普通清晰度就足夠了。

3.ls.graphics

ls.graphics，一個網(wǎng)站提供高質量的原型材料模板，這里的原型材料模板是免費和付費的，免費原型的質量也很高，包括平面和3D風格的模板。

網(wǎng)站提供的原型材料模板一般為psd或sketch格式，使用前需要下載到本地。因為這是一個外國網(wǎng)站，所以下載需要更多的時間來滿足大型模板。

4.DeviceShots

DeviceShots，在線網(wǎng)站可以定制樣機模型，提供的樣機模型包括手機、平板電腦、電腦、顯示器、手表。

左邊是原型材料模板預覽界面，右邊是網(wǎng)站提供的模板，點擊右邊的原型，可以自由更換原型模型。

點擊右側的「Devices」選項卡，切換到設備頁面，點擊Adddevice下拉菜單，為左側模板添加額外的樣機。

左側的原型材料模板支持簡單的編輯操作。例如，選擇其中一個原型模型，按Del鍵刪除模板中的原始原型，只留下我們剛剛添加的原型模型。

5.MockRocket

MockRocket，一個在線3D原型工具可以將設計工作放入內置設備中，如下圖中的MacbookPro，使工作瞬間更加立體。

Mockrocket頂部工具欄中的移動和旋轉工具可以改變原型的位置和旋轉角度。這種交互式設計比普通原型材料模板具有更高的自由度，可以從不同角度獲得原型圖片。

Mockrocket下方的時間軸還支持為原型設置動畫，分別調整原型在起始位置和結束位置的位置或旋轉參數(shù)，軟件將自動生成平滑的過渡動畫。

導出原型時，Mockrocket提供了兩種導出格式:靜態(tài)圖片和視頻，圖像分辨率最高為4K，免費用戶導出的圖片和視頻會有水印。