网页素材哪里找？10大免费素材网站推荐

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

网页素材图库包括什麽？

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

网站设计－常用的网页素材类型

在网站设计的专案中，除了产品照片、公司介绍照片、流程图外，使用最多的就是「图片类型」的素材，常见的应用包括：照片示意图、形象图、插图等。而网页素材图库又分成付费素材库、免费素材库，儘管从免费素材库下载免费图片，不同素材库也有不一样的授权规定。如果有设计预算，建议你优先使用付费图库，比较不会有版权问题，也能得更多的图片选择与延伸服务。
〈延伸阅读：网站架设费用有哪些？ 网站费用一次报你知！〉
〈延伸阅读：10个影响目标转换的网页设计〉

 

免费图库vs.付费图库

10大免费素材网站介绍

网页素材网站1：Pixabay

 

 

免费素材库介绍

由Hans Braxmeier和Simon Steinberger在2010年11月创立的免费素材网站，于2018年被Canva收购。Pixabay中有上百万张的免费素材，无须登入／註册就可以下载档案，建议使用英文关键字来搜寻免费素材。（立即前往素材库）

 

设计素材的数量与类型

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

 

素材网特色

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

 

 

网页素材网站2：Pexels

 

 

免费素材库介绍

Pexels从2014年起以高品质、可商业使用的免费素材闻名，在2019年被线上设计工具Canva收购之前，Pexels始终是前三热门的免费素材网站。在Canva收购后，相关的免费素材、图片授权条款并未改变，因此仍然可以放心使用。Pexels无须登入即可下载图片，是支援中文搜寻的免费素材网，查找免费素材的时候再也不用中翻英啦！（立即前往素材库）

 

设计素材的数量与类型

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

 

素材网特色

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

 

网页素材网站3：Unsplash

 

 

免费素材库介绍

Unsplash成立于2013年，是一个由多位摄影师提供高清免费素材图片的素材库，目前仅支援英文搜寻，无须註册即可下载部分免费素材，且可以将免费素材应用于商业用途，但不能将原始素材下载后出售。2022年Unsplash推出「Unsplash+」，提供商业用途的精选素材库内容，且能享有无广告的素材库浏览体验。（立即前往素材库）

 

设计素材的数量与类型

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

 

素材网特色

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

 

网页素材网站4：Pakutaso

 

 

免费素材库介绍

Pakutaso于2011年5月创立，是日本的免费素材库，其中的素材皆是由「註册摄影师」拍摄并拥有的原始照片，强调「容易使用」、「稀有价值」和「热门与流行」。Pakutaso中的免费素材不用註册会员也能下载，并且没有免费素材的下载张数限制，记得在搜寻时使用「日文关键字」会更好找到符合需求的网页素材。（立即前往素材库）

 

设计素材的数量与类型

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

 

素材网特色

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

 

网页素材网站5：StockSnap.io

 

 

免费素材库介绍

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

 

设计素材的数量与类型

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

 

素材网特色

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

 

网页素材网站6：Canva

 

 

免费素材库介绍 

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

 

设计素材的数量与类型

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

 

素材网特色

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

 

网页素材网站7：foodiesfeed

 

 

免费素材库介绍

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

 

设计素材的数量与类型

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

 

素材网特色

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

 

网页素材网站8：Envato Elements

 

 

免费素材库介绍

Envato Elements是一个不输Canva的全能型设计素材网站，大部分网页素材都需要付费订阅才能下载，且只有成为会员的人才可以下载图库素材；每月更新的「免费素材专区」，提供给素材需求量没那麽大的人免费使用。与其他网站最大的区别是，Envato Elements的图片素材是以「包」为单位下载，而非一次下载单张图片，此外，Envato Elements的网页素材提供多种档案格式，例如：png、jpg、ai、eps档，让你在免费素材应用上更加便利。（立即前往素材库）

 

设计素材的数量与类型

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目前的素材数量已达到2亿甚至更多，其中包含图片、插图、音乐、字体、影片等，属于全能型的素材库。

 

素材网特色

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

 

网页素材网站10：Flaticon

 

 

免费素材库介绍

Flaticon是FreePik公司旗下的附属网站，是目前最热门的icon图库网站，大部分都是「免费」且可以「商业使用」的，每个素材都会提供PNG、SVG档和原始码，使用者可以根据自己的需求轻松地下载所需的图示。另外Flaticon除了有官方设计的icon，还有与许多创作者合作，增添了更多素材的丰富性。（立即前往素材库）

 

设计素材的数量与类型

目前提供超过21,600个可以下载的免费素材，其中类型包括各大品牌LOGO图示，例如：IG、LinkedIn、LINE、星巴克、Apple Pay等，还有一般常用型的图示，例如：购物车、闹钟、下载、讯息等日常会使用的图示素材。

 

素材网特色

点选想要的素材后可以看到「edit icon」，再点进去就可以看到下面这张范例图的画面，不仅可以随意选择图示的颜色，还可以随意翻转，或者选择背景图形或颜色，总而言之有很多可以变动的地方。另外Flaticon最近还增加了一个新的外挂程式，大大提升了Figma的创作速度，若您有使用Figma设计的习惯，很推荐这个icon素材网站。

 

 

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

 

免费素材网站怎麽选？

以「设计新手」来说

不管是行销小编需要短时间製作具有美感又吸引目光的贴文以及短影片，又或者是大学生们在製作简报时需要色调统一、富有创意的简报模板，都最推荐Canva这个免费的设计素材网站。里面的图库连接Pixabay和Pexels，不怕找不到想要的素材，还可以进行线上编辑，不管是文字的颜色大小和特效，又或者是各种设计素材的调整，都可以在这个网站完成。

 

以「预算考量」来说

以上10大免费素材网站都有各自的特色，有免费的部分，也有需要进阶付费的网站，大家可以依据自己的需求，来找寻适合自己的素材库。低预算会推荐Unsplash，虽然素材类型多为图片，但是分类清楚、图档解析度高，还可以看到素材的下载使用量，避免使用与他人重复的热门素材。高预算想要快、狠、准找到网页素材，则会推荐Adobe Stock，多样化、高品质、富有创意与设计感的素材库，是你最佳的网站设计素材库选择。

 

以「素材特殊性」来说

如果你需要的是icon类型的素材，建议可以直接到Flaticon查找！这是专门提供icon的免费素材库，能够满足多数人的icon使用需求。若是需要日本文化、东方面孔这类特定的免费素材，则推荐使用Pakutaso搜寻。

 

结论

网路上的免费网页素材图库资源充足，不过在使用上仍有部分限制，在下载、使用免费素材时，别忘了依照素材库网站上载明的规范使用。你正在规划属于自己的网页设计吗？在风格定位、版型规划、图面製作上是否遇到困难呢？如果有网站设计的预算，建议可以请专业、经验丰富的网页设计公司规划，能够省下许多时间外，还可能获得其他意想不到的网页设计建议。达文西数位科技团队专注于网站设计，能帮助你製作出兼具「高分与质感」的网站，有效提升网站排名，此外，我们也提供完整的SEO行销服务，让你省去下广告的繁重成本，大幅增加品牌曝光度。
〈延伸阅读：网页设计公司不会告诉你的5个真相〉
〈延伸阅读：网页设计与SEO的完美整合〉

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