17 個 3D 素材資源大補帖!讓設計充滿立體感的好幫手!

17 個 3D 素材資源大補帖!讓設計充滿立體感的好幫手!

你看膩了單純 2D 的平面設計了嗎?現在有許多設計師會在設計內加入 3D 元素,不僅可以讓設計更新穎,也能為設計帶來層次感!

當你在 設計網頁 時,推薦你嘗試在頁面中加入 3D 元素,搭配些許的動態效果,網站整體就會變得非常酷帥有趣,大大提升網站 UI / UX 體驗。更多 商用免費圖庫網站

今天我們蒐集了 17 款優質的 3D 素材資源網站,包含免費商用 3D 素材,讓你盡情使用在設計專案內!

一起看下去吧:)

如何製作 3D 網頁設計?不會程式碼也 OK!打造充滿立體感的視覺作品!

1. 3D ICONS

3D ICONS 素材資源

3D ICONS 是一個提供多種開源 3D 素材的網站,不需付任何費用,就能將 3D 素材使用在個人或是商業專案內。

網站目前提供多種樣式的 3D Icons 素材,質感都非常不錯,且都是 CC0 開源素材,代表下載素材後,你可以再自行改作、調整素材樣式。

3D ICONS 上的素材有四種配色風格,有繽紛配色、漸層配色、全白配色或是質感的黑金配色,讓你自由選擇。

3D ICONS 多款質感 3D Icons

3D ICONS 也推出了 Figma 外掛,同樣是免費就能使用,你可以輕鬆在 Figma 上加入各種配色的 3D Icons,還能選擇不同角度樣式!推薦給大家!


2. 3d Icons

3d Icons 素材資源

3d Icons 是一款提供 4K 高品質 3D 素材的網站,網站上有超過四千款 3D Icons 素材,且每週都會推出新的 Icons。

3d Icons 上的素材樣式滿多元的,從常用的社交媒體、購物網站 3D Icons,到食物、動物、人物的 3D Icons 都有,讓你盡情挑選。

3d Icons 有多種樣式素材

3d Icons 提供免費下載選項,若是 付費升級 除了能下載更高品質的 3D Icons,還有 3D 動畫素材可以選擇!有需要的朋友可以考慮看看:)


3. Homies 3D

Homies 3D 素材資源

Homies 3D 是一款提供人物角色 3D 素材的網站,除了人物素材外,也有一些小配件的 3D 素材。

Homies 3D 的特色是,你可以創造出屬於自己的 3D 角色!不論是髮型、表情、衣服或是動作,都可以客製化!

Homies 3D 可以創造出屬於自己的 3D 角色

除了角色人物外,Homies 3D 也有超過 50 種的 3D 配件素材,像是愛心、購物籃、相機等實用配件,讓你自由搭配。

Homies 3D 免費版本僅提供一個角色樣本試用,若想完整體驗創造出屬於自己的角色,就會需要付費升級,大家可以自行評估囉:)


4. Icons8

Icons8 3D 素材資源

Icons8 是一款國外知名的 Icons 素材網站,網站上有高達百萬種免費 Icons 可以下載,也包含了免費 3D Icons。

Icons8 的 3D 素材風格較多元,除了一般的 3D 樣式外,還有黏土材質的 3D 素材,非常可愛有趣。

Icons8 3D 素材

Icons8 提供 PNG、SVG 兩種檔案下載格式,此外,也能直接透過複製貼上,將 3D 素材加入設計檔內。

若你是想將 3D 素材加到網頁中,也能直接複製 HTML code,貼到網站程式碼中,不需下載超方便!

Icons8 也有推出 Figma 外掛,讓你可以直接在 Figma 專案內使用素材,推薦給使用 Figma 設計的朋友!


5. Shapefest

Shapefest 3D 素材資源

Shapefest 是一款提供大量免費 3D 素材的網站,讓你可以將素材放在簡報、廣告或是網頁設計上。

Shapefest 上的素材多樣,不論是可愛的 3D 人物、社群媒體 Icons 素材,或是精緻的幾何圖形素材,都能免費下載,且有多種配色及 3D 角度可選擇。

Shapefest 提供的幾何圖形 3D 素材滿有質感的,材質有高級的香檳金、玫瑰金,也有酷炫的雷射材質,不論你的設計是什麼風格,都可以在這裡找到適合的素材!

Shapefest 高質感 3D 素材

找到喜歡的 3D 素材後,Shapefest 提供一鍵打包功能,可以輕鬆打包同款風格的所有素材,且完全免費!一定要試試!


6. Mockupz

Mockupz 3D Mockups 素材

Mockupz 是一款由 ThreeDee 3D 素材網推出的 3D Mockups 素材,它能將你設計好的作品,變成高質感的 3D Mockups。

Mockupz 有多種 Mockups 模板,不論是充滿真實感的佈景,或是科技感的幾何圖形背景,在 Mockupz 上都能輕鬆套用。

Mockupz 目前提供 21 種 3D Mockups 樣本,下載樣本後,可以自行調整展示角度、顏色及各個元素,當然,你也能再加入自己設計的素材。

在 Mockupz 下載 Mockups 後,可再自行調整元素位置或新增素材

好消息!Mockupz 的模板免費就能下載!此外,在 ThreeDee 上還有其他插畫、Emoji 3D 素材,部分也是免費的,大家可以去逛逛唷:)


7. Device Frames

Device Frames 3D Mockups 軟體

Device Frames 是一款線上製作 3D  Mockups 的軟體,在網站上製作的 3D Mockups,除了可以輸出成圖片檔,還能製作成動畫影片!

Device Frames 提供多種裝置選擇,不論是手機、筆電或是 App Store 的模板都有,你可以自由搭配並調整裝置的顏色、角度等..。

網站上已經有多種搭配好的設計,也有精美的動畫 Mockups,你只需要上傳你的設計圖檔,就能快速套用。

Device Frames 可以製作 3D 動畫 Mockups

Device Frames 免費就能製作並下載高質感 Mockups 圖檔,若是你有下載動態展示影片檔的需求,可以考慮付費升級,就能獲得獨特精緻的 Mockups 哦!


8. Freepik

Freepik 優質素材圖庫,提供大量照片、插圖、Icons 等素材
Freepik 優質素材圖庫,提供大量照片、插圖、Icons 等素材

Freepik 是一款國外知名且優質的素材圖庫,提供向量圖、照片、PSD 文件、Icons、背景圖等 .. 大量素材。

在 Freepik 搜尋框輸入「 3D 」,就可以找到許多設計師製作的高質感 3D 素材,不論是 3D Icons、3D 背景、3D 文字,應有盡有!

Freepik 可找到多種優質 3D 素材

素材檔案除了有一般的圖檔,也會有 AI 檔、SVG 檔等..,可以自由選擇下載。

Freepik 上的素材有的免費、有的需付費,搜尋素材時,可以在左方工具列選擇「 Free 」,就可以只顯示免付費的優質素材,推薦給大家:)


9. Adobe Stock

Adobe Stock 3D 素材

Adobe Stock 是 Adobe 旗下的素材軟體,上面提供數百萬個照片、影片、插圖、3D 素材等..。

在 Adobe Stock 上,你可以找到各種風格的 3D Icons、3D 背景、3D 插圖等素材,大多都有 JPG、PNG 兩種檔案可以下載。

Adobe Stock 提供多樣的 3D 素材

Adobe Stock 提供 30 天免費試用,試用期間下載的素材不能做商業用途,若你有商用的需求,就需要付費購買版權唷!


10. Free 3D icon

Free 3D icon 素材資源

Free 3D icon 是一個提供多種免費 3D Icons 的素材網,上面有許多可愛、有質感的 3D 素材,可以使用在網頁、App 等各種設計上。

Free 3D icon 素材不需付費就可以下載 PNG 檔案,並用在個人或是商用的作品當中。

網站還有提供 Icons 素材包,讓你可以一次下載多個 Icons 素材!Icons 也有多種不同角度的展示樣式可以選擇。

Free 3D icon 素材包,一次下載多個 3D Icons 素材

Free 3D icon 也有推出 Figma 外掛,目前總共有兩個版本,每個版本內包含的 3D Icons 素材不同,推薦有使用 Figma 設計的朋友可以使用看看!


11. MotionElements

MotionElements 3D 素材資源

MotionElements 是一款提供多種超擬真 3D 模型的素材網,不論是家具、人物、動物或是建築,都可以在這裡找到超擬真的 3D 素材!

除了超擬真的 3D 素材,MotionElements 也有提供可愛風格的 3D Icons 素材,讓你可以加在網頁設計內,不怕太突兀。

MotionElements 多種 3D 素材資源

MotionElements 上的素材多為付費素材,但也還是有免費的,你可以透過左方工具列篩選價格「 免費 」,就能只顯示免費的素材資源囉!


12. Humans

Humans 3D 素材資源

Humans 是一款提供 3D 人物素材的軟體,你可以自行調整人物的動作姿勢和服裝配件,創造出屬於自己的角色。

Humans 有超過八十多種不同的姿勢,包含運動、旅遊、溜滑板等..,也有不同的衣服樣式可選擇,以符合動作。

此外,Humans 的角色還能動起來!Humans 提供幾個簡短的動畫效果,像是溜滑板、拳擊、聽音樂搖擺等..,讓你的角色更生動。

Humans 3D 素材資源

使用 Humans 製作 3D 角色會需要付費購買套件,不過網站有提供免費版 Demo 可以試用,大家可以試試看囉:)


13. IconScout

IconScout 3D 素材資源

IconScout 是國外知名的素材網站,網站上提供超過百萬種素材資源,包含插圖、動畫、3D Icons 等..。

IconScout 上的 3D Icons 就多達二十幾萬種,有免費及需要付費的樣式,下載前需注意。

IconScout 提供人物角色、電商插畫、Emoji、幾何圖形等..多種樣式的 3D 素材,同類型的素材還會整理在一個素材包內,讓你一次下載整套的 3D Icons 超方便!

IconScout 3D 素材包,一次下載多個素材

IconScout 還有一個很方便的功能,就是可以直接複製 3D 素材,然後貼在你的設計上,不需下載到電腦上佔用空間,對設計者來說是個很方便的功能,也是免費就能使用,大家可以試試看唷:)

IconScout 也有 Figma 外掛,免費版有使用數量的限制,稍微可惜了一點。

但 IconScout Figma 外掛可選擇插入 PNG 或 SVG 圖示,還能搭配 Lottie 動畫呈現,滿實用的!有興趣的朋友可參考看看囉!更多 Lottie 是什麼


14. Unsplash

Unsplash 3D 素材資源

Unsplash 是國外知名的照片、圖片素材庫,在上面可以找到許多專業攝影師拍攝的高質感照片,此外,也會有許多設計師在上面分享 3D 素材資源。

在 Unsplash 上可以找到各種風格的 3D 素材,不論是可愛的 Icons,或是高質感的 3D 物件都能找到,且有多種下載格式可以自由選擇。

Unsplash 多種 3D 素材資源

在 Unsplash 上的素材幾乎都是可以免費商用的,只有少數需要付費,而下載免費素材也不需要註冊帳號或是標註作者,就能將素材用在你的設計專案中,推薦給大家囉!


15. Khagwal 3D

Khagwal 3D 素材資源

Khagwal 3D 是一款 3D 插圖素材網站,網站提供多款可愛的 3D 物件插圖,像是獎盃、購物袋、錢包等..。

Khagwal 3D 的素材有五種不同的配色樣式,每個樣式的質感都滿不錯的,很適合用在各種風格的設計當中。

Khagwal 3D 雖然有官網,但官網目前只有展示介紹功能,不能下載素材,若是想要使用 Khagwal 3D 素材,需要前往 Figma 外掛

Khagwal 3D Figma 外掛

在 Figma 內,你能盡情使用 Khagwal 3D 的所有素材,完全免費,包含五種配色,且每種配色還有五種不同的展示角度可以選擇,大家一定要試試!


16. Wannathis

Wannathis 素材資源

Wannathis 是一款強大的 3D 素材資源庫,在上面你可以找到多款優質的 3D 插圖及 Mockups 素材。

Wannathis 上的 3D 素材質感都滿不錯的,套用在設計上就可以瞬間提升整體美感,此外,它還提供 3D 素材動畫,讓整個設計可以變得更生動活潑!

Wannathis 3D 素材動畫

Wannathis 首頁上方展示的多為付費 3D 素材,若你想尋找免費的素材,也可以下滑頁面,找到「 Freebies 」,點進去就會有多種免費的素材可以下載使用囉!


17. Artify 3D lettering

Artify 3D lettering 素材資源

Artify 3D lettering 是一款 3D 文字素材網站,它提供了上百種精緻可愛的 3D 文字素材。

一般設計內的文字都是平面的,頂多能用不同粗細、顏色、大小,來凸顯主要的文字,若是在設計當中加入 3D 文字,不僅能凸顯文字內容,也讓設計整體更有層次、設計感!

Artify 3D lettering 目前有兩百多種 3D 文字語錄,包含常見的 Hello World、Sale、About Us 等..。

將 Artify 3D lettering 素材運用在 App 設計上

若是沒有你想要的句子也不用擔心!Artify 3D lettering 有提供單個字母的 3D 素材,讓你可以自己拼出你想要的任何句子!

Artify 3D lettering 目前有提供免費版本,免費版可以下載 10 個 3D 文字,但只限個人使用,不能用在商業作品上,付費升級才能商用,大家可以自行評估是否需要囉!

好啦!以上就是今天精選的優質 3D 素材資源,希望有讓你收穫滿滿唷:)


常見問題

使用 3D 素材需要注意什麼?

除了下載時要注意相關使用規範,下載後要加進設計時,也要注意不要使用過多的 3D 元素,反而讓設計整體變得太凌亂唷!

平常使用 Figma 設計,有推薦可以在 Figma 上使用的 3D 素材嗎?

幾乎所有的 3D 素材都能下載後匯入 Figma 內設計,不過像是 3D ICONS、Icons8、Free 3D icon、Khagwal 3D 這幾款軟體,都有推出 Figma 外掛,讓你不用下載檔案,就能直接在 Figma 專案內使用。

想製作酷帥質感的 3D 文字,推薦哪些軟體呢?

推薦使用 Artify 3D lettering,它提供了多種樣式的字母、符號 3D 素材,讓你可以自由搭配,創造任何 3D 句子!


WordPress 學習資源

學習 WordPress 網站架設流程中,或許會遇到一些解決不了問題,可以在下方留言給我,我會盡力協助解答!

接下來,額外分享 3 項架站資源,可有效幫助大家處理網站問題。

資源一:犬哥數位(專業 WordPress 網頁設計公司)

如果你沒時間自己架站、或是遇到解決不了的網站問題。歡迎洽詢 犬哥數位(WordPress 網頁設計公司),請專家製作會更有效率!

WordPress 網頁設計公司|犬哥數位

資源二:WP 精選模組攻略書

由於 WordPress 主題 / 外掛有非常多種,很多網友私訊我不知道安裝哪一款,才有辦法實現功能。或是已經試了很多款外掛,但始終找不到適合自己的。

對此我整理了 高達 100 多款精選主題&外掛大全(電子書),這些都是我們團隊協助客戶開發案件時,會搭配使用的。一來外掛品質優良,二來功能性也足夠強!

WordPress 模組指南書
WordPress 模組指南書

資源三:官方教學資源(含 FB 社群解答)

如果你偏愛自架網站,也歡迎持續關注 犬哥網站 Blog,我們都持續有發布新的網站架設、網路行銷教學。

或是你比較喜歡看影片學習,也可關注 YouTube 頻道,幫助你更容易進入狀況。

當然,如果你在操作過程中遇到問題,也可以加入 WordPress 架站 x SEO 教學時光屋 – 犬哥網站 ,除了有網友一同幫你解惑外,犬哥團隊也會同步在社團幫助大家。

犬哥網站|交流社團
犬哥網站交流社團

關於作者

犬哥網站:網頁設計 x 網路行銷教學平台

犬哥網站

我們分享 WordPress 架站 x 網路行銷知識,不需會任何程式技術,就能自己建立各種網站。 搭配豐富的網路行銷教學,幫助你被更多人看到。 趕快跟著我們的腳步,開始學習吧:)

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

返回頂端