UI有哪些免費下載的樣機模板網(wǎng)站？

時間：2022-07-30 07:21:01 | 來源：網(wǎng)站運營

時間：2022-07-30 07:21:01 來源：網(wǎng)站運營

不請自來！打從上大學開始，皮仔就是一個工具控，日常會收集各種實用的網(wǎng)站，趁著這個機會，把之前收藏的樣機模板網(wǎng)站整理一番分享出來，希望能幫到各位 UI 設(shè)計師~

Pixso 資源社區(qū)

Pixso 資源社區(qū)，是在線 UI 設(shè)計軟件 Pixso 推出的免費設(shè)計資源網(wǎng)站，這里提供了 UI 設(shè)計中經(jīng)常會用到的各種素材和模板，包含但不限于：圖標素材、插畫素材、樣機模板、移動端和網(wǎng)頁 UI 設(shè)計模板等，其中就包含題主想找的樣機模板。

在使用 Pixso 資源社區(qū)的樣機模板之前，無需將模板下載到本地，因為 Pixso 提供了一個可在線編輯樣機模板的編輯器。

在線編輯樣機模板的方法：點擊樣機模板右上角的「復制」按鈕，文件會保存到 Pixso 的工作臺，點擊彈出窗口的「打開文件」，就可以使用 Pixso 在線編輯樣機模板。

樣機模板中包含了多種類型的樣機，如手機、平板、筆記本和蘋果全家桶。

選中其中任意一個樣機模板，雙擊樣機選中內(nèi)部填充的圖片，點擊右側(cè)面板「填充」的縮略圖，左側(cè)會彈出一個面板，將鼠標移動到圖片上方。點擊「選擇圖片」，從本地上傳圖片，替換掉樣機模板原有的圖片。

將自己的圖片或作品填充到樣機后，點擊面板左上角的「填充」，可以更改圖片的填充模式，默認為「填充」，設(shè)置為其他選項可以得到不同的效果，你可以根據(jù)需要自行調(diào)整這個選項。

完成編輯后，用鼠標框選整個樣機，點擊右下角「導出」選項的加號 +，下方會自動添加導出 1 倍圖的預設(shè)，接著點擊「導出已選項」，就可以將編輯好的圖片導出到本地了。

說完 Pixso 資源社區(qū)樣機模板的使用，皮仔還想為你多介紹一下 Pixso：

Pixso 是新一代的協(xié)同設(shè)計工具，集合了原型、設(shè)計、交付、協(xié)作、資源管理等眾多功能，支持產(chǎn)品經(jīng)理、設(shè)計師、研發(fā)工程師等多人在線設(shè)計協(xié)作。

如果這是你第一次接觸 Pixso，對 Pixso 的操作還不夠熟悉，可以戳下方的 Pixso 入門視頻，5 分鐘即可快速上手：

Smartmockup

Smartmockup，與前面介紹的 Pixso 資源社區(qū)有些相似——兩者都是在線的樣機模板網(wǎng)站，使用起來非常方便，只需要將本地圖片上傳到網(wǎng)站，就能直接得到一張帶有樣機的效果圖了。

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

ls.graphics

ls.graphics，一個提供高質(zhì)量樣機模板的網(wǎng)站，這里的樣機模板有免費和付費之分，免費樣機的質(zhì)量也非常高，既有平面也有 3D 風格的模板。

網(wǎng)站提供的樣機模板一般為 psd 或 sketch 格式，使用之前需要下載到本地。由于這是一個國外的網(wǎng)站，遇到體積比較大的模板，下載需要花費比較多的時間。

Device Shots

Device Shots，一個可自定義樣機模型的在線網(wǎng)站，提供的樣機模型包含手機、平板、電腦、顯示器、手表。

左側(cè)是樣機模板預覽界面，右側(cè)是網(wǎng)站提供的模板，點擊右側(cè)的樣機，可以自由更換使用的樣機模型。

點擊右側(cè)的「Devices」選項卡，切換到設(shè)備頁面，點擊 Add Device 下拉菜單，可以給左側(cè)的模板添加額外的樣機。

左側(cè)的樣機模板支持簡單的編輯操作，譬如選中其中一個樣機模型，按下 Del 鍵，就可以刪除模板中原有的樣機，只留下我們剛添加的樣機模型。

MockRocket

MockRocket，一個在線的 3D 樣機工具，可以將制作好的設(shè)計作品放到內(nèi)置的設(shè)備中，例如下圖的 Macbook Pro，讓作品瞬間變得更有立體感。

使用 MockRocket 頂部工具欄中的移動、旋轉(zhuǎn)工具，可以改變樣機的位置和旋轉(zhuǎn)角度，這種可交互的設(shè)計比常見的樣機模板具有更高的自由度，可得到各種不同角度的樣機圖片。

MockRocket 下方的時間軸還支持給樣機設(shè)置動畫，分別調(diào)整樣機在起始位置和結(jié)束位置的位置或旋轉(zhuǎn)參數(shù)，軟件就會自動生成順滑的過渡動畫。

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

以上就是皮仔收藏夾私藏的 5 個 UI 樣機模板網(wǎng)站，希望對你有幫助。

碼字不易，如果對你有幫助的話，請別忘了賞個【三連】或是【關(guān)注】我哦，關(guān)注不迷路！

我是皮仔 @Pixso協(xié)同設(shè)計 ，那我們下次再見咯。