網頁設計的品質與網頁素材習習相關,如果有網頁設計的預算,能量身打造網頁設計素材當然是最好的選擇;此外到現成的免費素材庫下載插圖、相片、影片、ICON、動畫也是尋找網頁設計素材的另一種選項。使用免費素材庫中的無版權圖片,不但可以加快網頁設計素材產出的速度,也可以省下不少的素材製作費用,一起來認識10大免費網頁設計素材有哪些吧!
〈延伸閱讀:網頁設計,美感與技術的內化〉
〈延伸閱讀:網站設計之前,你應該先搞懂的10件事〉
網頁素材圖庫包括什麼?
在網站設計中,除了網站版型、文字、網站管理程式以外,在網站上眼睛看得到的內容,像是「照片、圖片、影片、ICON、動畫」等,都可以算是網頁設計素材的範疇。網頁素材往往需要耗費大量時間與心力,因此如何依據品牌調性從免費素材庫中搭配適當的網頁素材,將成為網頁設計品質好壞的關鍵。〈延伸閱讀:網頁設計重點在設計內容,不是版型〉
〈延伸閱讀:網站版面設計的7個重要觀念〉
網頁設計-常用的素材類型
在網站設計的專案中,除了產品照片、公司介紹照片、流程圖外,使用最多的就是「圖片類型」的素材,常見的應用包括:照片示意圖、形象圖、插圖等。而網頁素材圖庫又分成付費圖片網站、免費圖片網站,免費圖片網站通常提供基礎資源,不需支付費用即可下載,但資源的質量、數量和授權範圍可能有限,適合初學者或非商業用途;付費圖片網站則提供更多高品質的素材,通常包含獨家資源與靈活的商業授權,對需要大量素材的專業設計師或企業(有設計預算)來說,建議優先選擇付費圖片網站,比較不會有版權問題,也能得到更多的圖片選擇與延伸服務。〈延伸閱讀:網站架設費用有哪些? 網站費用一次報你知!〉
〈延伸閱讀:10個影響目標轉換的網頁設計〉
免費圖片網站vs.付費圖片網站
| 免費圖片網站 | 付費圖片網站 | |
|---|---|---|
| 分類與數量 | 少 | 多 |
| 圖片價格 | 免費 | 依照圖庫收費 |
| 搜圖方便性 | 較差 | 較佳 |
| 圖片版權 | 要注意授權 | 已授權 |
| 圖片品質 | 不穩定 | 很好 |
| 延伸功能 | 少 | 多 |
| 解析度、尺寸 | 不一定可選 | 可以選 |
| 延伸功能 | 少 | 多 |
| 註冊會員 | 不一定 | 需要 |
10大免費圖片網站介紹
免費圖片素材庫1:Pixabay
免費圖片素材庫介紹
由Hans Braxmeier和Simon Steinberger在2010年11月創立的免費素材網站,於2018年被Canva收購。Pixabay中有上百萬張的免費圖片素材,無須登入/註冊就可以下載檔案,建議使用英文關鍵字來搜尋免費素材。(立即前往素材庫)- Pixabay網頁素材使用版權:無需標註來源/作者、可修改或改編、用於商業用途(非銷售)
網頁設計素材的數量與類型
Pixabay擁有超過420萬張素材,包含照片、插圖、向量圖、影片、音樂、聲音特效、GIF動圖等,基本上都是免費授權,但是不可以間接販賣Pixabay提供的免費素材。素材網特色
Pixabay具有豐富的內建分類搜尋,像是圖片大小、顏色、上傳日期等,可以更快速、精準的篩選出想要的免費素材,找到需要的免費圖片後可以直接連動到Canva進行編輯。
免費圖片素材庫2:Pexels
免費圖片素材庫介紹
Pexels從2014年起以高品質、可商業使用的免費圖片素材聞名,在2019年被線上設計工具Canva收購之前,Pexels始終是前三熱門的免費圖片網站。在Canva收購後,相關的免費素材、圖片授權條款並未改變,因此仍然可以放心使用。Pexels無須登入即可下載圖片,是支援中文搜尋的免費素材網,查找免費素材的時候再也不用中翻英啦!(立即前往素材庫)- Pexels網頁素材使用版權:無需標註來源/作者、可修改或改編、用於商業用途(非銷售)
網頁設計素材的數量與類型
Pexels擁有數十萬張免費圖片素材,每天新增高解析度的新款素材,包含照片與影片。素材網特色
Pexels中的「攝影師排行榜」可以即時瀏覽過去30天內上傳免費素材瀏覽量最高的創作者,每位創作者的圖片各有風格、特色,質感更是不用多說,值得高度推薦。
免費圖片素材庫3:Unsplash
免費圖片素材庫介紹
Unsplash成立於2013年,是一個由多位攝影師所提供的高清免費圖片網站,目前僅支援英文搜尋,無須註冊即可下載部分免費圖片素材,且可以將免費素材應用於商業用途,但不能將原始素材下載後出售。2022年Unsplash推出「Unsplash+」,提供商業用途的精選素材庫內容,且能享有無廣告的素材庫瀏覽體驗。(立即前往素材庫)- Unsplash網頁素材使用版權:無需標註來源/作者、可修改或改編、用於商業用途(非銷售)
網頁設計素材的數量與類型
Unsplash目前累積500多萬張素材,大部分以建築、景、人物和自然景觀的專業攝影照片為主,少部分為3D渲染圖。素材網特色
點選右邊的「資訊」,可以看到這張素材的「Views」觀看數和「Downloads」下載次數,就能知道這張素材的熱門程度,了解過去曾有多少人下載此張圖片,可以避開使用過於熱門、常見的免費素材。
免費圖片素材庫4:Pakutaso
免費圖片素材庫介紹
Pakutaso於2011年5月創立,是日本的免費圖片網站,其中的素材皆是由「註冊攝影師」拍攝並擁有的原始照片,強調「容易使用」、「稀有價值」和「熱門與流行」。Pakutaso中的免費素材不用註冊會員也能下載,並且沒有免費圖片的下載張數限制,記得在搜尋時使用「日文關鍵字」會更好找到符合需求的網頁素材。(立即前往素材庫)- Pakutaso網頁素材使用版權:無需標註來源/作者、可修改或改編、用於商業用途(非銷售)
網頁設計素材的數量與類型
Pakutaso官方在2023年8月份公布目前約有5萬張免費素材,拍攝的類型和題材多數帶有「東方文化意象」,例如:日本的街道、和室、溫泉、東方臉孔等,有別於歐美圖片素材庫提供的免費圖片。素材網特色
Pakutaso於2022下半年度發布,提供以Pakutaso原圖庫素材為基礎,使用「AI圖像」生成的免費素材。這類素材的特色為「現實世界拍不出來的場景」,像是充滿科幻未來感的「賽博龐克風」,如果你正在製作電腦遊戲相關的網頁設計,推薦你可以來這裡尋找合適的免費素材。
免費圖片素材庫5:StockSnap.io
免費圖片素材庫介紹
StockSnap.io是一個圖片更新速度快、素材品質高的免費圖片網站,雖然素材總量比Pixabay少,但在StockSnap.io上的所有照片都是免費的無版權圖片,可以自由運用在商業和非商業用途,且不需標示作者的來源,是一個尋找文章插圖與網頁素材的優質免費圖片素材庫。(立即前往素材庫)- StockSnap.io網頁素材使用版權:無需標註來源/作者、可修改或改編、用於商業用途(非銷售)
網頁設計素材的數量與類型
StockSnap.io官方目前尚未公布免費素材總量,但可以知道的是,StockSnap.io幾乎每周都會更新數百張免費圖片,圖片題材包含:風景、人物、商業應用、情景示意圖等。素材網特色
StockSnap.io免費圖片的搜尋標籤很人性化,會自動幫你列出這張圖所有相關的標籤,不用自己想半天!直接點選它提供的免費素材建議標籤,就可以輕易找到想要的網頁素材。另外,如果你在Pixabay找不到想要的網頁素材,建議可以到StockSnap.io找找看,通常會有一些Pixabay沒有的免費素材,有令人耳目一新的感覺。
免費圖片素材庫6:Canva
免費圖片素材庫介紹
Canva是於2013年推出的線上設計素材網站,受到許多學生和行銷人的喜愛,因為操作方式簡單、易上手、圖庫素材龐大,無論是社交媒體、商業行銷個人用途等視覺模板都有提供,讓創作者可以快速產出精緻的視覺內容。Canva需要註冊會員後才可使用,有推出免費、付費(個人、企業)版本,升級成Canva Pro 或Premium方案,還能獲得更多強大的設計輔助功能。(立即前往素材庫)- Canva網頁素材使用版權:隨使用方案而定,教育版僅供教育用途,商業用途就會受限,但若是使用付費Pro版,則可用於商用。
網頁設計素材的數量與類型
Canva的素材數量無庸置疑是最多的,因為它收購Pixabay和Pexels這2大圖片網站。但Canva素材的內容不止於前兩個圖庫的照片、影片和插圖,還包含icon、AI影像、GIF圖、字體、圖表、表格等眾多素材,基本上想要的素材在這裡都可以找到。素材網特色
Canva的特色有很多,以模板套用來說,其中的顏色、大小、位置皆可調整,讓你快速出圖;透過雲端存取功能可以立即保存你創建的網頁素材,無論你身在何處,都可以隨時使用手機存取、編輯或下載這些作品,並且能「新增共同編輯人」,概念類似Google簡報,只要分享連結或是加入對方的Email,就可以開始共享編輯,相當推薦Canva給沒學過專業設計軟體的設計新手。
免費圖片素材庫7:foodiesfeed
免費圖片素材庫介紹
Foodiesfeed是一個以各種「美食」為主軸的高解析度免費圖片網站,目前只支援英文搜尋,免註冊直接下載,無論是使用在個人或商業用途,都不用標示原出處。如果你正在規劃餐飲服務類型的網頁設計,裡面的免費素材再適合你不過了!素材不僅美觀、精緻,再色調、角度、擺拍方式都極具美感,看起來也相當美味誘人,絕對是讓你的網站設計脫穎而出的好幫手。(立即前往素材庫)- Foodiesfeed網頁素材使用版權:無需標註來源/作者、可修改或改編、用於商業用途(非銷售)
網頁設計素材的數量與類型
Foodiesfeed免費素材的內容數量偏少,約為2000張,其中包含咖啡飲品、蔬菜水果、甜點、鹹食、肉和魚、調味料、各國料理等等,主題圍繞在美食攝影上。素材網特色
foodiesfeed的素材網特色你知道嗎?只要點選右上角的「BLOG」,就可以看到已經分類過的各種食物攝影素材,比起直接搜尋來的更加直覺。像是「咖啡主題」的素材,就會出現從洗咖啡豆、烘咖啡豆、拉花、擺拍等各式有關咖啡的免費圖片,每一張圖片都兼具美感和實用性,幫助你大幅縮短查找免費素材的時間。
免費圖片素材庫8:Envato Elements
免費圖片素材庫介紹
Envato Elements是一個不輸Canva的全能型設計素材網站,大部分素材都需要付費訂閱才能下載,且只有成為會員的人才可以下載圖庫素材;每月更新的「免費素材專區」,提供給素材需求量沒那麼大的人免費使用。與其他網站最大的區別是,Envato Elements的圖片素材是以「包」為單位下載,而非一次下載單張圖片,此外,Envato Elements的網頁素材提供多種檔案格式,例如:png、jpg、ai、eps檔,讓你在免費素材應用上更加便利。(立即前往素材庫)- Envato Elements網頁素材使用版權:採單一專案授權,下載素材時需輸入專案名稱,若要在不同專案中重複使用,需回到帳號重新輸入新專案名稱並下載。
網頁設計素材的數量與類型
Envato Elements提供6000多萬種素材資源,每個月都仍在持續更新中,素材類型包含影片、音樂、圖片、字體、各種模版、WordPress相關主題和外掛等。素材網特色
Envato Elements提供免費的外掛讓 WordPress 網站安裝,可以直接從WordPress 後台搜尋到素材,節省很多找素材的時間,即使不會的編碼知識也可以使用好看的網頁素材模版。另外,Envato Elements還設有一個免費的線上教學課程平台叫做「Envatotuts+」,提供Adobe系列軟體的英文課程,像是如何在Illustrator中製作透明背景、如何在Photoshop中變更線條顏色等。
免費圖片素材庫9:Adobe Stock
免費圖片素材庫介紹
Adobe是一家美國的公司,最有名是該公司所研發的軟體Ps、Ai、Xd、Pr等,也是設計師們最常使用的軟體,而Adobe Stock是他們旗下的素材網站。Adobe Stock會提供10張免費圖片素材的下載量,其他都需要付費使用,當然素材庫的品質是所有素材網站中數一數二好的,就算你不是專業設計師,Adobe Stock的免費素材也能助你的網頁設計更上一層樓。(立即前往素材庫)- Adobe Stock網頁素材使用版權:無需標註來源/作者、可修改或改編、用於商業用途(非銷售)
網頁設計素材的數量與類型
Adobe Stock目前的素材數量已達到2億甚至更多,其中包含圖片、插圖、音樂、字體、影片等,屬於全能型的素材網站。素材網特色
比起其他素材網站提供的圖檔類型,Adobe Stock身為Adobe公司的素材網站,只要點選想要的圖片後,點擊右方的「下載預覽」,就可以使用Adobe軟體直接開啟、導入「我的資料庫」,素材不會佔據電腦的記憶體,可以直接進行線上儲存,簡直是Adobe軟體使用者的福音。
免費圖片素材庫10:123RF
免費圖片素材庫介紹
123RF(Royalty Free)成立於2005年,來自香港 Inmagine(影美晴)集團所創立,以提供免授權的高品質圖片素材為核心,作品來源遍佈全球,由各地的專業攝影師、插畫家與設計創作者投稿貢獻,為網頁設計人與內容製作者提供多元且具專業水準的素材資源。(立即前往素材庫)- 123RF網頁素材使用版權:免費版需標註來源/作者、若有標註「僅供編輯使用」的圖片素材,經過作者同意後才可以商用、其他可用於商業用途(非銷售)
網頁設計素材的數量與類型
123RF的圖片素材量相當可觀,規模可與Canva相媲美,並以豐富的地域性與文化多樣性著稱,其素材主題橫跨 自然生態、傳統市場、亞洲人物、節慶慶典、台灣原住民文化、城市景觀 等多個面向,內容真實且貼近生活與多數以歐美素材為主的圖庫不同,讓設計師在創作時能更容易找到符合華人市場或亞洲品牌調性的圖片素材。素材網特色
123RF的AI功能很多可以玩,當你在搜尋時,若看到搜尋列旁的「星星圖示」變成彩色,代表已啟用AI搜尋模式,此時輸入描述想要的素材內容,系統就能更精準地為你篩選出符合需求的圖片素材,你也能直接在線上編輯,功能包含圖片轉影片、本土化、圖片擴展、背景重混、智慧去背等多項AI工具,讓使用者無需切換軟體就能完成初步設計(部分功能需付費版才能使用)。
10大熱門免費圖片素材網站比較表
| 圖庫名稱 | 免費/付費 | 是否需註冊 | 素材主題 | 語言支援 |
|---|---|---|---|---|
| Pixabay | 免費 | 否 | 綜合(照片/音樂/插圖) | 簡中/英文 |
| Pexels | 免費 | 否 | 綜合(照片/影片) | 簡中/繁中/英文 |
| Unsplash | 免費/付費(最低126台幣/月) | 否 | 專業攝影照片 | 英文 |
| Pakutaso | 免費 | 否 | 商業/東方人物/自然 | 日文 |
| StockSnap.io | 免費 | 否 | 專業攝影照片 | 英文 |
| Canva | 免費/付費(最低313台幣/月) | 是 | 綜合所有 | 簡中/繁中/英文 |
| foodiesfeed | 免費 | 否 | 食物相關照片 | 英文 |
| Envato Elements | 少部分免費/付費(最低517台幣/月) | 是 | 綜合所有 | 英文 |
| Adobe Stock | 少部分免費/付費(最低920台幣/月) | 是 | 綜合(照片/影片/插圖) | 簡中/繁中/英文 |
| 123RF | 少部分免費/付費(最低619台幣/月) | 是 | 綜合(照片/影片/音檔) | 多國語言(含簡中/繁中/英文) |
5大免費影片網站介紹
免費影片素材庫1:COVERR

免費影片素材庫介紹
Coverr是一個以提供高畫質影片素材出名的專業素材網站,影片大多採用類似於CC0的自由授權條款,使用者不需登入註冊,即可直接下載影片,非常適合用作網頁設計的動態背景或網站的Banner區塊,影片素材具備電影般的鏡頭美感,能為您的網站設計注入活力與專業感,讓使用者體驗瞬間升級。(立即前往影片素材庫)
-
COVERR影片素材使用版權:無需標註來源、可免費用於個人或商業用途(非銷售)
網頁設計素材的數量與類型
Coverr擁有數千部免費高畫質影片素材,每週都會有新的優質片段加入,主題非常多元,其中包含航拍、動物、餐影、自然、商業、人物等。
素材網特色
Coverr最新推出的AI工作室,不僅能讓你對原有影片素材進行進階後製,還能透過輸入文字描述或上傳圖片,自動生成全新的AI影片,另外也提供AI音樂生成器,讓你為影片素材創作專屬音樂,一站式完成影像與音樂製作。

免費影片素材庫2:Mixkit

免費影片素材庫介紹
Mixkit是由數位資源平台Envato推出的免費影片素材網站,用戶不需註冊帳號或支付任何訂閱費用,就能自由下載並使用高品質的影片素材。如果你特別喜歡國外網頁設計中那種吸睛又具氛圍感的動態背景,Mixkit絕對是值得收藏的素材寶庫,不論是想提升網站質感、製作行銷影片,或為作品增添視覺張力,都能在這裡找到靈感與實用的影片素材。(立即前往影片素材庫)
-
Mixkit影片素材使用版權:無需標註來源、可修改或改編、可免費用於個人或商業用途(非銷售)
網頁設計素材的數量與類型
Mixkit目前擁有超過 45,000 個高品質免費影片素材,且每週都會持續更新,為使用者提供源源不絕的新內容,影片素材類型十分多元,包含大自然、生活日常、動物、美食、城市景觀、商業場景 等主題,無論是用於品牌宣傳、社群短片、或是網頁設計,都能輕鬆找到合適的素材。
素材網特色
如果你平常使用Premiere Pro、After Effects、Final Cut Pro 或 DaVinci Resolve這四種影片剪輯軟體,那你絕對不能錯過 Mixkit 的範本功能,提供大量免費影片素材模板,讓你輕鬆打造具專業感的影片專案,快速提升成品質感與製作效率。

免費影片素材庫3:Splitshire

免費影片素材庫介紹
Splitshire是一個結合圖片、影片與音樂的多功能素材平台,使用者需登入帳號後即可下載素材,網站提供免費版與進階版方案,主要差別在於進階版可使用更多由AI生成的素材,免費版每月可獲得10張AI照片或1–2個AI音效 的額度,但在一般素材下載方面則是無限次使用。
與前面兩個影片素材庫相比,Splitshire的內容更貼近實際應用,素材主題包含機械設備,特別適合製造業、工程、或工業品牌使用,如果你的品牌想營造專業、具真實感的產業形象,Splitshire會是非常值得考慮的免費影片素材網站。(立即前往影片素材庫)
-
Splitshire影片素材使用版權:大部分需標註來源即可免費用於個人或商業用途(非銷售),如有疑慮請查看相關說明。
網頁設計素材的數量與類型
Splitshire的影片素材數量相對較少,但主題多樣,包含人物、運動、動物、慢動作與縮時攝影、科學、機械設備等類型,雖然規模不如大型影片素材網站,但其影片質感自然、構圖細膩,特別適合需要氛圍感或真實場景畫面的網頁設計者使用。
素材網特色
Splitshire的每部影片素材都附有描述內容的文字指令,方便使用者了解影片主題,如果你喜歡某段素材,但想稍作調整或延伸內容,也可以依照這些指令,加入自己的創意描述,生成專屬的AI影片素材,讓作品更貼近你的風格與需求。

免費影片素材庫4:Videezy

免費影片素材庫介紹
Videezy是本次介紹中影片收藏量最豐富的免費素材網站之一,擁有龐大的高畫質影片資源庫,無需登入或註冊,即可直接下載,影片風格以生活化與寫實場景為主,這樣的風格特別適合用於品牌宣傳影片、教育內容或網頁設計背景等需要真實感的專案中,若你使用Adobe Premiere進行剪輯,Videezy的進階版還支援外掛程式整合,可直接在軟體內搜尋並匯入素材,大幅提升製作效率。(立即前往影片素材庫)
-
Videezy影片素材使用版權:大部分可免費用於個人或商業用途(非銷售),需標註來源,如有疑慮請查看相關說明。
網頁設計素材的數量與類型
Videezy的影片素材數量已突破百萬部,是目前最龐大的免費影片素材平台之一,素材主題豐富多元,包含動畫、自然風光、旅遊景點、城市街景、藝術創作等多種類型,幾乎可滿足各行各業的創作需求。
素材網特色
Videezy的分類系統設計相當完善,使用者可以透過關鍵字搜尋或直接瀏覽分類清單,快速找到符合需求的影片素材,無論是要找一段自然景色作為片頭、城市縮時影片作為轉場,都能輕鬆完成,這種友善的搜尋體驗,使Videezy成為影片剪輯師與網頁設計師常用的靈感與素材來源。

免費影片素材庫5:Pexels

免費影片素材庫介紹
Pexels是全球創作者和設計師最常造訪的免費素材平台之一,以其龐大且高品質的圖片與影片素材庫而聞名,每天都有數以萬計的攝影師與創作者在此分享他們的作品。Pexels最大的優勢在於其資源的全面性和使用便利性,使用者無需註冊或登入即可立即下載檔案,還可以選擇多種尺寸,對於需要快速找到高質感影片、動態網頁背景的網頁設計師來說,Pexels絕對是首選影片素材網站。(立即前往影片素材庫)
-
Pexels影片素材使用版權:無需標註來源、可修改或改編、可免費用於個人或商業用途(非銷售)
網頁設計素材的數量與類型
除了靜態圖片外,Pexels也擁有大量Full HD與4K影片素材,非常適合用於網站動態背景、影片過場動畫、品牌宣傳或社群廣告等用途,不過官方目前尚未公布影片素材的總數量,但整體更新頻率高、內容持續擴充,幾乎能滿足各種創作需求。
素材網特色
在Pexels找到喜歡的影片後,你可以直接在Canva上進行編輯,操作非常方便Pexels與Canva已實現無縫整合,只要在Canva編輯介面中開啟Pexels素材庫,就能即時搜尋並套用影片到網頁設計中,對設計師、行銷人員與內容創作者來說,不僅節省時間,也能大幅提升製作效率與創意發揮空間。

5大免費ICON網站介紹
免費ICON素材庫1:Flaticon

免費icon素材庫介紹
Flaticon是FreePik公司旗下的附屬網站,是目前最熱門的icon圖庫網站,大部分都是「免費」且可以「商業使用」的,每個素材都會提供PNG、SVG檔和原始碼,使用者可以根據自己的需求輕鬆地下載所需的圖示。另外Flaticon除了有官方設計的icon,還有與許多創作者合作,增添了更多素材的豐富性。(立即前往素材庫)
-
Flaticon網頁素材使用版權:免費版需標註來源/作者、可修改或改編、可用於商業用途(非銷售),付費版則無需標註來源/作者
網頁設計素材的數量與類型
目前提供超過21,600個可以下載的免費素材,其中類型包括各大品牌LOGO圖示,例如:IG、LinkedIn、LINE、星巴克、Apple Pay等,還有一般常用型的圖示,例如:購物車、鬧鐘、下載、訊息等日常會使用的圖示素材。
素材網特色
點選想要的素材後可以看到「edit icon」,再點進去就可以看到下面這張範例圖的畫面,不僅可以隨意選擇圖示的顏色,還可以隨意翻轉,或者選擇背景圖形或顏色,總而言之有很多可以變動的地方。另外Flaticon最近還增加了一個新的外掛程式,大大提升了Figma的創作速度,若您有使用Figma設計的習慣,很推薦這個icon素材網站。

免費ICON素材庫2:Icons8

免費icon素材庫介紹
Icons8成立於2001年,是一個功能多元的免費icon素材網站,提供PNG與SVG兩種格式的圖示下載,並支援直接複製貼上的功能,讓設計師能快速將素材嵌入設計檔中,省去繁瑣的下載流程。此外還推出了Figma專用外掛,讓使用者在Figma專案中即時搜尋並插入icon素材,大幅提升設計效率。(立即前往素材庫)
-
Icons8網頁素材使用版權:需標註來源、可修改或改編、可用於商業用途(非銷售)
網頁設計素材的數量與類型
Icons8擁有近百萬款免費icon素材,包含商業、電商、金融、食物、天氣、社群媒體等多種類別,無論是網頁設計、App介面還是簡報製作,幾乎所有你能想到的圖示,都能在這裡輕鬆找到,是設計師必備的免費icon素材網站。
素材網特色
如果你找不到理想的圖示,Icons8貼心提供了「Request Icons」功能,你只需附上描述需求,Icons8就有機會為你設計專屬icon。其他使用者也能對你的提案投票(↑)或留言表達支持,投票數越高、討論越熱烈,你的圖示需求就越有可能被官方採納並實現,成為下一個被新增到圖庫中的設計。

免費ICON素材庫3:Boxicons

免費icon素材庫介紹
Boxicons 是專為網頁設計而生的開源免費icon素材網站,所有圖標皆強調「高品質」與「易於整合」,素材支援PNG、SVG、HTML三種格式一鍵下載,讓開發者能夠快速應用,它最大的特色是具備強大的樣式自訂功能,使用者能依據設計需求,靈活切換線條(Regular)、實心(Solid)和品牌標誌(Logos)等樣式,並即時調整尺寸,為網頁介面設計提供了極高的彈性和便利性。(立即前往素材庫)
-
Boxicons網頁素材使用版權:無需標註來源、可修改或改編、可用於商業用途(非銷售)
網頁設計素材的數量與類型
Boxicons擁有超過3000個icon可以免費使用,類型包含無障礙設計、警示標誌、品牌與商業、動物、建築、食物、通訊、人物、交通工具到多媒體等,幾乎涵蓋所有設計場景,非常適合用於網頁設計介面。
素材網特色
Boxicons最特別的地方在於內建icon動態效果設定功能,設計師只需透過簡單的操作,就能為圖示添加多種動畫效果,像是旋轉、閃爍、跳動等互動形式,同時提供預先編寫好的程式碼,可直接複製貼上使用,大幅簡化JavaScript或CSS動畫的撰寫流程,讓網頁設計師能更輕鬆地提升介面的互動性與整體質感。

免費ICON素材庫4:Material Symbols

免費icon素材庫介紹
Material Symbols是由Google團隊所打造的一套功能強大、操作簡單的免費icon素材庫,專為網頁設計師與開發者設計,提供大量高品質icon,並延續了Google的簡潔風格,適合追求現代感與高可讀性的介面設計。Material Symbols支援多種風格變化,可根據需求自由調整粗細、尺寸與顏色,輕鬆融入各種設計系統。(立即前往素材庫)
-
Material Symbols網頁素材使用版權:無需標註來源、可修改或改編、可用於商業用途(非銷售)
網頁設計素材的數量與類型
Material Symbols擁有約6,800多個免費icon素材,其中包含商業、硬體、地圖、交通、行動等類別,每種icon也有3~4種樣式可以選擇,是網頁設計師首選的免費icon素材網站。
素材網特色
Material Symbols能夠根據不同的作業系統(如 Android或Apple iOS),提供專屬的程式碼來部署icon,確保圖標在任何裝置上都能保持最佳的視覺效果。同時允許使用者透過調整其「可調式軸」,直接微調icon的線條粗細、填充度、光學尺寸和等級。

免費ICON素材庫5:Font Awesome

免費icon素材庫介紹
Font Awesome是一款深受設計師與前端開發者喜愛的專業級icon素材網站,收錄了超過上萬種高品質icon,有免費與付費版本,其中免費版就能使用超過2,000個精選icons,使用者可以在線上直接調整顏色、大小、描邊粗細,甚至為icon添加簡易的動態效果,操作直覺又靈活,是設計師與工程師在建立網站時不可或缺的icon素材網站之一。(立即前往素材庫)
-
Font Awesome網頁素材使用版權:無需標註來源、可修改或改編、可用於商業用途(非銷售)
網頁設計素材的數量與類型
Font Awesome收錄了超過一萬種高品質icon素材,包含品牌標誌、經典符號、醫療與健康、音樂、多媒體、網路連接等多個領域,不過以免費版來說,可使用的icon種類相對有限,若設計需求較多,升級至付費版會更實用,能解鎖更多專業級icon與進階自訂功能。
素材網特色
Font Awesome提供極高的客製化彈性,使用者可以自由調整 icon 的尺寸、顏色、描邊粗細、旋轉角度等多項細節,讓圖示能完美融入不同的設計風格,不過部分自訂功能需取得進階版本。除了靜態設計之外,Font Awesome也支援icon動畫效果,只需套用官方提供的原始碼,就能讓圖示呈現旋轉、閃爍、跳動等動態效果,為網頁設計或應用介面增添互動感與活力。

免費設計素材常見問題Q&A
1.使用素材網站的注意事項有哪些?
- 確認素材授權範圍:每個網站的素材授權不同,務必確認是否適用於商業用途。
- 避免使用侵權:不要修改或重製有明確版權限制的素材。
- 標註素材來源:某些免費素材要求標註作者或來源,務必遵守規定。
- 素材檔案格式:下載前檢查檔案格式是否符合您的需求(如 JPG、PNG、PSD 等)。
- 素材的安全性:避免從不明來源的免費素材網站下載素材,可能存在惡意軟體風險。
2.免費素材網站下載的素材是否需要授權?可以商用嗎?
大部分免費素材網站提供的檔案都附帶免版稅授權,通常不需要額外購買授權即可使用,但仍需注意:有些網站要求標註作者或來源或可能有商業用途限制,需確認使用範圍。部分免費素材網站適合商業用途,但需檢查授權條款。例如:Unsplash、Pexels、Pixabay 可以商用,但禁止轉售或重新分發素材。
3.在Google上找到得圖片會有版權問題嗎?
是的,在Google上找到的圖片可能涉及版權問題,Google搜尋本身僅是一個工具,會索引網路上的圖片資源,這些圖片的版權狀態各不相同。建議還是使用網頁素材網站裡的圖片,有清楚的規範版權比較不容易觸法。4.素材庫裡AI生成圖片有版權嗎?可以商用嗎?
目前AI生成圖片的版權問題還存在不少爭議,因為許多國家的法律對這類內容的版權歸屬還沒有明確規範。由於AI生成的圖片通常缺乏人工創作的成分,所以可能無法受到傳統著作權的保護。如果是公司要用在商業用途上,特別要注意素材的授權問題,最安全的做法是選擇標明「可商用」的付費圖庫圖片,這樣可以更好地遵守相關法律和授權規定,避免不必要的麻煩。
〈延伸閱讀:10大AI生成圖片網站推薦:免費試用新手也能輕鬆上手!〉
免費素材網站推薦:教你怎麼選才對!
以「設計新手」來說
不管是行銷小編、社群創作者需要短時間製作具有美感又吸引目光的貼文以及短影片,又或者是大學生們在製作簡報時需要色調統一、富有創意的簡報模板,都最推薦Canva這個免費的設計素材網站。裡面的圖庫連接Pixabay和Pexels,不怕找不到想要的素材,還可以進行線上編輯,不管是文字的顏色大小和特效,又或者是各種設計素材的調整,都可以在這個網站完成。
以「預算考量」來說
以上10大免費素材網站都有各自的特色,有免費的部分,也有需要進階付費的網站,大家可以依據自己的需求,來找尋適合自己的素材庫。低預算會推薦Unsplash,雖然素材類型多為圖片,但是分類清楚、圖檔解析度高,還可以看到素材的下載使用量,避免使用與他人重覆的熱門素材。高預算想要快、狠、準找到網頁素材,則會推薦Adobe Stock,多樣化、高品質、富有創意與設計感的素材庫,是你最佳的網站設計素材庫選擇。
以「素材特殊性」來說
如果你需要的是icon類型的素材,建議可以直接到Flaticon查找!這是專門提供icon的免費素材庫,能夠滿足多數人的icon使用需求。若是需要日本文化、東方面孔這類特定的免費素材,則推薦使用Pakutaso搜尋。
結論
網路上的免費網頁素材圖庫資源充足,不過在使用上仍有部分限制,在下載、使用免費素材時,別忘了依照素材庫網站上載明的規範使用。你正在規劃屬於自己的網頁設計嗎?在風格定位、版型規劃、圖面製作上是否遇到困難呢?如果有網站設計的預算,建議可以請專業、經驗豐富的網頁設計公司規劃,能夠省下許多時間外,還可能獲得其他意想不到的網頁設計建議。達文西數位科技團隊專注於網站設計,能幫助你製作出兼具「高分與質感」的網站,有效提升網站排名,此外,我們也提供完整的SEO行銷服務,讓你省去下廣告的繁重成本,大幅增加品牌曝光度。
〈延伸閱讀:網頁設計公司不會告訴你的5個真相〉
〈延伸閱讀:網頁設計與SEO的完美整合〉
〈延伸閱讀:網頁設計圖片,影響網站成敗的重要因素!〉
(本文為達文西數位科技所有,禁止轉載文圖)