---
# System prepended metadata

title: Mockup有關資源
tags: ["UI 直播班 - 2021 冬季班、金翅鐵爪鷲\U0001F531"]

---

---
tags: UI 直播班 - 2021 冬季班、金翅鐵爪鷲🔱
---

Mockup有關資源
===

|| Figma套件
---
- [Artboard Studio Mockups](https://www.figma.com/community/plugin/750673765607708804/Artboard-Studio-Mockups)
    > 內含多種載具、包裝、小素材，操作方便。 (下載頁面有影片介紹)
- [Mockup](https://www.figma.com/community/plugin/817043359134136295/Mockup)
    > 將設計投射到帶有透視的樣機中

|| 網站
---
- [Mockup World](https://www.mockupworld.co/) ⭐
    > #收集來自不同來源的免費Mockup網站 #分類詳細
    > 標榜全免費，但有一些資源會變更成需付費，但沒有通知網站，若要挑選免費資源就要多留意一下。 

- [Free Design Resources](https://freedesignresources.net/category/free-mockups/)
    > #分類詳細
    > 提供各種資源：如模型，字體，模板和圖形。
- [Graphic Burger](https://graphicburger.com/mock-ups/)
    > 提供UI樣本，ICON，文字效果，背景

- [freepik](https://www.freepik.com/psd/mockup)
    > 好用的freepik又來了~

- [Freebiesbug](https://freebiesbug.com/psd-freebies/mockups/)
    > #收集來自不同來源的免費Mockup網站
    > 科技類產品或3C手機Mockup相關

- [Original Mockups](https://originalmockups.com/mockups)
    > 結合了所有類型的模型（不只有手機模型的Mockup）而是許多原創的Mockup。這個網站有各種各樣的模型，並允許你按新、舊、下載或名稱來排列。

- [UI Space](https://uispace.net/free-mocks)
    > #收集來自不同來源的免費Mockup網站
    > 主要與科技產品有關
    > 附加功能“編輯選擇”，能看到所有不同的模型。

- [mockups-design.com](mockups-design.com)
    > #網站自製 #分類詳細
    > 由波蘭設計師 Andrew 建立的 Mockup 網站，由設計師本人親自製作的 100% 免費資源。這位設計師有另外建立一個付費的 Mockup 網站：[Smarty Mockups](https://smartymockups.com/)，裡面有更多跟產品包裝 ( packaging ) 相關的資源。

- [ANTHONY BOYD GRAPHICS](https://www.anthonyboyd.graphics/)
    > #網站自製 #有些需付費
    > 由設計師製作的 Mockup 網站，裡面同樣有設計師 Anthony 親自製作的 Mockup 資源，**有付費也有免費的**，還有 3D 材質的資源，比較可惜的是網站上的分類沒那麼細，可以多使用搜尋關鍵字來查找資源。如果想要了解製作 Mockup 的過程，可以觀看及訂閱 [Anthony 的 Youtube頻道](https://youtu.be/jBcydvMIhYw)，會很有收穫喔。

- [Pixeden](https://www.pixeden.com/psd-mock-up-templates)
    > #網站自製 #有些需付費
    > 除 Mockup 資源，還有插畫、圖示、印刷品模板，更有網頁主題模板等，還提供了平價的會員月費，即使是沒有預算，在每個項目中也都有專屬的免費分類，可說是相當地貼心。

- [ZippyPixels](https://zippypixels.com/products/mockups/) 
    > #網站自製 #有些需付費
    > 其背後是一群網頁與圖像設計師團隊，下載的時候會需要填寫名字與信箱，他們會將下載連結Email到信箱，跟其他網頁直接下載比較不同。

- [Smartmockups](https://smartmockups.com/mockups)
    > #提供簡體中文 #可線上編輯 #資源相對較少 #有些需付費
    > 根據不同社群軟體，提供各式比例尺寸的剪裁服務。