2025最新!10大免费网页设计素材:影片、ICON、图片网站评比

Author: Evelyn
網頁素材哪裡找?
网页设计的品质与网页素材习习相关,如果有网页设计的预算,能量身打造网页设计素材当然是最好的选择;此外到现成的免费素材库下载插图、相片、影片、ICON、动画也是寻找网页设计素材的另一种选项。使用免费素材库中的无版权图片,不但可以加快网页设计素材产出的速度,也可以省下不少的素材製作费用,一起来认识10大免费网页设计素材有哪些吧!
延伸阅读:网页设计,美感与技术的内化
延伸阅读:网站设计之前,你应该先搞懂的10件事
 

网页素材图库包括什麽?

在网站设计中,除了网站版型、文字、网站管理程式以外,在网站上眼睛看得到的内容,像是「照片、图片、影片、ICON、动画」等,都可以算是网页设计素材的范畴。网页素材往往需要耗费大量时间与心力,因此如何依据品牌调性从免费素材库中搭配适当的网页素材,将成为网页设计品质好坏的关键。
延伸阅读:网页设计重点在设计内容,不是版型
延伸阅读:网站版面设计的7个重要观念
 

网页设计-常用的素材类型

在网站设计的专案中,除了产品照片、公司介绍照片、流程图外,使用最多的就是「图片类型」的素材,常见的应用包括:照片示意图、形象图、插图等。而网页素材图库又分成付费图片网站、免费图片网站,免费图片网站通常提供基础资源,不需支付费用即可下载,但资源的质量、数量和授权范围可能有限,适合初学者或非商业用途;付费图片网站则提供更多高品质的素材,通常包含独家资源与灵活的商业授权,对需要大量素材的专业设计师或企业(有设计预算)来说,建议优先选择付费图片网站,比较不会有版权问题,也能得到更多的图片选择与延伸服务。
延伸阅读:网站架设费用有哪些? 网站费用一次报你知!
延伸阅读:10个影响目标转换的网页设计
 

免费图片网站vs.付费图片网站

  免费图片网站 付费图片网站
分类与数量
图片价格 免费 依照图库收费
搜图方便性 较差 较佳
图片版权 要注意授权 已授权
图片品质 不稳定 很好
延伸功能
解析度、尺寸 不一定可选 可以选
延伸功能
註册会员 不一定 需要
 

10大免费图片网站介绍

免费图片素材库1:Pixabay

 
Pixabay网页素材网站
 

免费图片素材库介绍

由Hans Braxmeier和Simon Steinberger在2010年11月创立的免费素材网站,于2018年被Canva收购。Pixabay中有上百万张的免费图片素材,无须登入/註册就可以下载档案,建议使用英文关键字来搜寻免费素材。(立即前往素材库
 
  • Pixabay网页素材使用版权:无需标註来源/作者、可修改或改编、用于商业用途(非销售)
 

网页设计素材的数量与类型

Pixabay拥有超过420万张素材,包含照片、插图、向量图、影片、音乐、声音特效、GIF动图等,基本上都是免费授权,但是不可以间接贩卖Pixabay提供的免费素材。
 

素材网特色

Pixabay具有丰富的内建分类搜寻,像是图片大小、颜色、上传日期等,可以更快速、精准的筛选出想要的免费素材,找到需要的免费图片后可以直接连动到Canva进行编辑。
 
Pixabay特色介绍  

免费图片素材库2:Pexels

 
Pexels网页素材网站
 

免费图片素材库介绍

Pexels从2014年起以高品质、可商业使用的免费图片素材闻名,在2019年被线上设计工具Canva收购之前,Pexels始终是前三热门的免费图片网站。在Canva收购后,相关的免费素材、图片授权条款并未改变,因此仍然可以放心使用。Pexels无须登入即可下载图片,是支援中文搜寻的免费素材网,查找免费素材的时候再也不用中翻英啦!(立即前往素材库
 
  • Pexels网页素材使用版权:无需标註来源/作者、可修改或改编、用于商业用途(非销售)
 

网页设计素材的数量与类型

Pexels拥有数十万张免费图片素材,每天新增高解析度的新款素材,包含照片与影片。
 

素材网特色

Pexels中的「摄影师排行榜」可以即时浏览过去30天内上传免费素材浏览量最高的创作者,每位创作者的图片各有风格、特色,质感更是不用多说,值得高度推荐。
 
Pexels特色介绍


免费图片素材库3:Unsplash

 
Unsplash网页素材网站
 

免费图片素材库介绍

Unsplash成立于2013年,是一个由多位摄影师所提供的高清免费图片网站,目前仅支援英文搜寻,无须註册即可下载部分免费图片素材,且可以将免费素材应用于商业用途,但不能将原始素材下载后出售。2022年Unsplash推出「Unsplash+」,提供商业用途的精选素材库内容,且能享有无广告的素材库浏览体验。(立即前往素材库
 
  • Unsplash网页素材使用版权:无需标註来源/作者、可修改或改编、用于商业用途(非销售)
 

网页设计素材的数量与类型

Unsplash目前累积500多万张素材,大部分以建筑、景、人物和自然景观的专业摄影照片为主,少部分为3D渲染图。
 

素材网特色

点选右边的「资讯」,可以看到这张素材的「Views」观看数和「Downloads」下载次数,就能知道这张素材的热门程度,了解过去曾有多少人下载此张图片,可以避开使用过于热门、常见的免费素材
 
Unsplash特色介绍


免费图片素材库4:Pakutaso

 
Pakutaso网页素材网站
 

免费图片素材库介绍

Pakutaso于2011年5月创立,是日本的免费图片网站,其中的素材皆是由「註册摄影师」拍摄并拥有的原始照片,强调「容易使用」、「稀有价值」和「热门与流行」。Pakutaso中的免费素材不用註册会员也能下载,并且没有免费图片的下载张数限制,记得在搜寻时使用「日文关键字」会更好找到符合需求的网页素材。(立即前往素材库
 
  • Pakutaso网页素材使用版权:无需标註来源/作者、可修改或改编、用于商业用途(非销售)
 

网页设计素材的数量与类型

Pakutaso官方在2023年8月份公布目前约有5万张免费素材,拍摄的类型和题材多数带有「东方文化意象」,例如:日本的街道、和室、温泉、东方脸孔等,有别于欧美图片素材库提供的免费图片。
 

素材网特色

Pakutaso于2022下半年度发布,提供以Pakutaso原图库素材为基础,使用「AI图像」生成的免费素材。这类素材的特色为「现实世界拍不出来的场景」,像是充满科幻未来感的「赛博庞克风」,如果你正在製作电脑游戏相关的网页设计,推荐你可以来这里寻找合适的免费素材。
 
Pakutaso特色介绍


免费图片素材库5:StockSnap.io

 
StockSnap.io网页素材网站
 

免费图片素材库介绍

StockSnap.io是一个图片更新速度快、素材品质高的免费图片网站,虽然素材总量比Pixabay少,但在StockSnap.io上的所有照片都是免费的无版权图片,可以自由运用在商业和非商业用途,且不需标示作者的来源,是一个寻找文章插图与网页素材的优质免费图片素材库。(立即前往素材库
 
  • StockSnap.io网页素材使用版权:无需标註来源/作者、可修改或改编、用于商业用途(非销售)
 

网页设计素材的数量与类型

StockSnap.io官方目前尚未公布免费素材总量,但可以知道的是,StockSnap.io几乎每周都会更新数百张免费图片,图片题材包含:风景、人物、商业应用、情景示意图等。
 

素材网特色

StockSnap.io免费图片的搜寻标籤很人性化,会自动帮你列出这张图所有相关的标籤,不用自己想半天!直接点选它提供的免费素材建议标籤,就可以轻易找到想要的网页素材。另外,如果你在Pixabay找不到想要的网页素材,建议可以到StockSnap.io找找看,通常会有一些Pixabay没有的免费素材,有令人耳目一新的感觉。
 
StockSnap.io特色介绍


免费图片素材库6:Canva

 
Canva网页素材网站
 

免费图片素材库介绍

Canva是于2013年推出的线上设计素材网站,受到许多学生和行销人的喜爱,因为操作方式简单易上手图库素材庞大,无论是社交媒体、商业行销个人用途等视觉模板都有提供,让创作者可以快速产出精緻的视觉内容。Canva需要註册会员后才可使用,有推出免费、付费(个人、企业)版本,升级成Canva Pro 或Premium方案,还能获得更多强大的设计辅助功能。(立即前往素材库
 
  • Canva网页素材使用版权:随使用方案而定,教育版仅供教育用途,商业用途就会受限,但若是使用付费Pro版,则可用于商用。
 

网页设计素材的数量与类型

Canva的素材数量无庸置疑是最多的,因为它收购Pixabay和Pexels这2大图片网站。但Canva素材的内容不止于前两个图库的照片、影片和插图,还包含icon、AI影像、GIF图、字体、图表、表格等众多素材,基本上想要的素材在这里都可以找到。
 

素材网特色

Canva的特色有很多,以模板套用来说,其中的颜色、大小、位置皆可调整,让你快速出图;透过云端存取功能可以立即保存你创建的网页素材,无论你身在何处,都可以随时使用手机存取、编辑或下载这些作品,并且能「新增共同编辑人」,概念类似Google简报,只要分享连结或是加入对方的Email,就可以开始共享编辑,相当推荐Canva给没学过专业设计软体的设计新手
 
Canva特色介绍


免费图片素材库7:foodiesfeed

 
foodiesfeed网页素材网站
 

免费图片素材库介绍

Foodiesfeed是一个以各种「美食」为主轴的高解析度免费图片网站,目前只支援英文搜寻,免註册直接下载,无论是使用在个人或商业用途,都不用标示原出处。如果你正在规划餐饮服务类型的网页设计,里面的免费素材再适合你不过了!素材不仅美观、精緻,再色调、角度、摆拍方式都极具美感,看起来也相当美味诱人,绝对是让你的网站设计脱颖而出的好帮手。(立即前往素材库
 
  • Foodiesfeed网页素材使用版权:无需标註来源/作者、可修改或改编、用于商业用途(非销售)
 

网页设计素材的数量与类型

Foodiesfeed免费素材的内容数量偏少,约为2000张,其中包含咖啡饮品、蔬菜水果、甜点、咸食、肉和鱼、调味料、各国料理等等,主题围绕在美食摄影上。
 

素材网特色

foodiesfeed的素材网特色你知道吗?只要点选右上角的「BLOG」,就可以看到已经分类过的各种食物摄影素材,比起直接搜寻来的更加直觉。像是「咖啡主题」的素材,就会出现从洗咖啡豆、烘咖啡豆、拉花、摆拍等各式有关咖啡的免费图片,每一张图片都兼具美感和实用性,帮助你大幅缩短查找免费素材的时间。
 
foodiesfeed特色介绍


免费图片素材库8:Envato Elements

 
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中变更线条颜色等。
 
Envato Elements特色介绍


免费图片素材库9:Adobe Stock 

 
Adobe Stock网页素材网站
 

免费图片素材库介绍

Adobe是一家美国的公司,最有名是该公司所研发的软体Ps、Ai、Xd、Pr等,也是设计师们最常使用的软体,而Adobe Stock是他们旗下的素材网站。Adobe Stock会提供10张免费图片素材的下载量,其他都需要付费使用,当然素材库的品质是所有素材网站中数一数二好的,就算你不是专业设计师,Adobe Stock的免费素材也能助你的网页设计更上一层楼。(立即前往素材库
 
  • Adobe Stock网页素材使用版权:无需标註来源/作者、可修改或改编、用于商业用途(非销售)
 

网页设计素材的数量与类型

Adobe Stock目前的素材数量已达到2亿甚至更多,其中包含图片、插图、音乐、字体、影片等,属于全能型的素材网站
 

素材网特色

比起其他素材网站提供的图档类型,Adobe Stock身为Adobe公司的素材网站,只要点选想要的图片后,点击右方的「下载预览」,就可以使用Adobe软体直接开启、导入「我的资料库」,素材不会佔据电脑的记忆体,可以直接进行线上储存,简直是Adobe软体使用者的福音。
 
Adobe Stock特色介绍


免费图片素材库10:123RF

 
123RF网页素材网站
 

免费图片素材库介绍

123RF(Royalty Free)成立于2005年,来自香港 Inmagine(影美晴)集团所创立,以提供免授权的高品质图片素材为核心,作品来源遍佈全球,由各地的专业摄影师、插画家与设计创作者投稿贡献,为网页设计人与内容製作者提供多元且具专业水准的素材资源。(立即前往素材库
 
  • 123RF网页素材使用版权:免费版需标註来源/作者、若有标註「仅供编辑使用」的图片素材,经过作者同意后才可以商用、其他可用于商业用途(非销售)
 

网页设计素材的数量与类型

123RF的图片素材量相当可观,规模可与Canva相媲美,并以丰富的地域性与文化多样性着称,其素材主题横跨 自然生态、传统市场、亚洲人物、节庆庆典、台湾原住民文化、城市景观 等多个面向,内容真实且贴近生活与多数以欧美素材为主的图库不同,让设计师在创作时能更容易找到符合华人市场或亚洲品牌调性的图片素材。
 

素材网特色

123RF的AI功能很多可以玩,当你在搜寻时,若看到搜寻列旁的「星星图示」变成彩色,代表已启用AI搜寻模式,此时输入描述想要的素材内容,系统就能更精准地为你筛选出符合需求的图片素材,你也能直接在线上编辑,功能包含图片转影片、本土化、图片扩展、背景重混、智慧去背等多项AI工具,让使用者无需切换软体就能完成初步设计(部分功能需付费版才能使用)。
 
123RF特色介绍
 

10大热门免费图片素材网站比较表

图库名称 免费/付费 是否需註册 素材主题 语言支援
Pixabay 免费 综合(照片/音乐/插图) 简中/英文
Pexels 免费 综合(照片/影片) 简中/繁中/英文
Unsplash 免费/付费(最低126台币/月) 专业摄影照片 英文
Pakutaso 免费 商业/东方人物/自然 日文
StockSnap.io 免费 专业摄影照片 英文
Canva 免费/付费(最低313台币/月) 综合所有 简中/繁中/英文
foodiesfeed 免费 食物相关照片 英文
Envato Elements 少部分免费/付费(最低517台币/月) 综合所有 英文
Adobe Stock 少部分免费/付费(最低920台币/月) 综合(照片/影片/插图) 简中/繁中/英文
123RF 少部分免费/付费(最低619台币/月) 综合(照片/影片/音档) 多国语言(含简中/繁中/英文)


5大免费影片网站介绍

免费影片素材库1:COVERR

 

免费影片素材库COVERR

 

免费影片素材库介绍

Coverr是一个以提供高画质影片素材出名的专业素材网站,影片大多採用类似于CC0的自由授权条款,使用者不需登入註册,即可直接下载影片,非常适合用作网页设计的动态背景或网站的Banner区块,影片素材具备电影般的镜头美感,能为您的网站设计注入活力与专业感,让使用者体验瞬间升级。(立即前往影片素材库

  • COVERR影片素材使用版权:无需标註来源、可免费用于个人或商业用途(非销售)

 

网页设计素材的数量与类型

Coverr拥有数千部免费高画质影片素材,每週都会有新的优质片段加入,主题非常多元,其中包含航拍、动物、餐影、自然、商业、人物等。

 

素材网特色

Coverr最新推出的AI工作室,不仅能让你对原有影片素材进行进阶后製,还能透过输入文字描述或上传图片,自动生成全新的AI影片,另外也提供AI音乐生成器,让你为影片素材创作专属音乐,一站式完成影像与音乐製作。

 

COVERR免费影片素材库特色

 

免费影片素材库2:Mixkit

 

免费影片素材库Mixkit

 

免费影片素材库介绍

Mixkit是由数位资源平台Envato推出的免费影片素材网站,用户不需註册帐号或支付任何订阅费用,就能自由下载并使用高品质的影片素材。如果你特别喜欢国外网页设计中那种吸睛又具氛围感的动态背景,Mixkit绝对是值得收藏的素材宝库,不论是想提升网站质感、製作行销影片,或为作品增添视觉张力,都能在这里找到灵感与实用的影片素材。(立即前往影片素材库

  • Mixkit影片素材使用版权:无需标註来源、可修改或改编、可免费用于个人或商业用途(非销售)

 

网页设计素材的数量与类型

Mixkit目前拥有超过 45,000 个高品质免费影片素材,且每週都会持续更新,为使用者提供源源不绝的新内容,影片素材类型十分多元,包含大自然、生活日常、动物、美食、城市景观、商业场景 等主题,无论是用于品牌宣传、社群短片、或是网页设计,都能轻松找到合适的素材。

 

素材网特色

如果你平常使用Premiere Pro、After Effects、Final Cut Pro 或 DaVinci Resolve这四种影片剪辑软体,那你绝对不能错过 Mixkit 的范本功能,提供大量免费影片素材模板,让你轻松打造具专业感的影片专案,快速提升成品质感与製作效率。

 

Mixkit免费影片素材库特色



 

免费影片素材库3:Splitshire

 

免费影片素材库Splitshire

 

免费影片素材库介绍

Splitshire是一个结合图片、影片与音乐的多功能素材平台,使用者需登入帐号后即可下载素材,网站提供免费版与进阶版方案,主要差别在于进阶版可使用更多由AI生成的素材,免费版每月可获得10张AI照片或1–2个AI音效 的额度,但在一般素材下载方面则是无限次使用。

与前面两个影片素材库相比,Splitshire的内容更贴近实际应用,素材主题包含机械设备,特别适合製造业、工程、或工业品牌使用,如果你的品牌想营造专业、具真实感的产业形象,Splitshire会是非常值得考虑的免费影片素材网站。(立即前往影片素材库

  • Splitshire影片素材使用版权:大部分需标註来源即可免费用于个人或商业用途(非销售),如有疑虑请查看相关说明。

 

网页设计素材的数量与类型

Splitshire的影片素材数量相对较少,但主题多样,包含人物、运动、动物、慢动作与缩时摄影、科学、机械设备等类型,虽然规模不如大型影片素材网站,但其影片质感自然、构图细腻,特别适合需要氛围感或真实场景画面的网页设计者使用。

 

素材网特色

Splitshire的每部影片素材都附有描述内容的文字指令,方便使用者了解影片主题,如果你喜欢某段素材,但想稍作调整或延伸内容,也可以依照这些指令,加入自己的创意描述,生成专属的AI影片素材,让作品更贴近你的风格与需求。

 

Splitshire免费影片素材库特色

 

免费影片素材库4:Videezy

 

免费影片素材库Videezy

 

免费影片素材库介绍

Videezy是本次介绍中影片收藏量最丰富的免费素材网站之一,拥有庞大的高画质影片资源库,无需登入或註册,即可直接下载,影片风格以生活化与写实场景为主,这样的风格特别适合用于品牌宣传影片、教育内容或网页设计背景等需要真实感的专案中,若你使用Adobe Premiere进行剪辑,Videezy的进阶版还支援外挂程式整合,可直接在软体内搜寻并汇入素材,大幅提升製作效率。(立即前往影片素材库

  • Videezy影片素材使用版权:大部分可免费用于个人或商业用途(非销售),需标註来源,如有疑虑请查看相关说明。

 

网页设计素材的数量与类型

Videezy的影片素材数量已突破百万部,是目前最庞大的免费影片素材平台之一,素材主题丰富多元,包含动画、自然风光、旅游景点、城市街景、艺术创作等多种类型,几乎可满足各行各业的创作需求。

 

素材网特色

Videezy的分类系统设计相当完善,使用者可以透过关键字搜寻或直接浏览分类清单,快速找到符合需求的影片素材,无论是要找一段自然景色作为片头、城市缩时影片作为转场,都能轻松完成,这种友善的搜寻体验,使Videezy成为影片剪辑师与网页设计师常用的灵感与素材来源。

 

Videezy免费影片素材库特色

 

免费影片素材库5:Pexels

 

免费影片素材库Pexels

 

免费影片素材库介绍

Pexels是全球创作者和设计师最常造访的免费素材平台之一,以其庞大且高品质的图片与影片素材库而闻名,每天都有数以万计的摄影师与创作者在此分享他们的作品。Pexels最大的优势在于其资源的全面性和使用便利性,使用者无需註册或登入即可立即下载档案,还可以选择多种尺寸,对于需要快速找到高质感影片、动态网页背景的网页设计师来说,Pexels绝对是首选影片素材网站。(立即前往影片素材库

  • Pexels影片素材使用版权:无需标註来源、可修改或改编、可免费用于个人或商业用途(非销售)

 

网页设计素材的数量与类型

除了静态图片外,Pexels也拥有大量Full HD与4K影片素材,非常适合用于网站动态背景、影片过场动画、品牌宣传或社群广告等用途,不过官方目前尚未公布影片素材的总数量,但整体更新频率高、内容持续扩充,几乎能满足各种创作需求。

 

素材网特色

在Pexels找到喜欢的影片后,你可以直接在Canva上进行编辑,操作非常方便Pexels与Canva已实现无缝整合,只要在Canva编辑介面中开启Pexels素材库,就能即时搜寻并套用影片到网页设计中,对设计师、行销人员与内容创作者来说,不仅节省时间,也能大幅提升製作效率与创意发挥空间。

 

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 等)。
  • 素材的安全性:避免从不明来源的免费素材网站下载素材,可能存在恶意软体风险。
延伸阅读:SSL凭证是什麽? 网站真的需要安装吗?
 

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的完美整合
延伸阅读:网页设计图片,影响网站成败的重要因素!

(本文为达文西数位科技所有,禁止转载文图)

喜欢探索最新的行销手法,而SEO就是一种免费且稳定的行销方式,希望通过创新易懂的方式为大家带来全新的体验和理解。

SEO套版網站,優惠 $ NT 62,000 (1年代管+SSL)

請與我們聯繫
線上客服 TOP