网页设计师在使用网页设计素材时，会优先考虑那些免费优质的网页设计素材网站。找到一个免费优质的网页设计素材网站并不容易。有些网站要么需要开设材料网站的会员，要么设计素材质量差。即时设计整理总结了 7 个免费的网页设计素材网站，对 “素材短缺” 说不！满是干货，快来看看！

1、即时设计资源广场

即时设计资源广场是由在线协同设计软件即时设计推出的设计社区。它提供了网页 UI 设计中经常使用的各种网页设计素材和模板。网页设计素材模板不仅质量高，而且完全免费～

• 材料：矢量图标，插图材料，emoji 表情，3D 图标，样机材料。

• 模板：多种移动 UI 模板，网页 UI 模板，国内外众多大厂商的 UI 设计规范及设计系统。

• 即时设计 - 可实时协作的专业 UI 设计工具即时设计是一款支持在线协作的专业级 UI 设计工具，支持 Sketch、Figma、XD 格式导入，海量优质设计资源即拿即用。支持创建交互原型、获取设计标注，为产设研团队提供一站式协同办公体验。https://js.design/?source=csdn&plan=kikicsdn01112

对于即时设计资源广场的模板或素材，可以点击右上角的「收藏」或「使用」，保存到自己的账号中，方便之后需要用到的时候可以随时找回。

将模板复制到个人帐户后，单击「打开文件」即时设计编辑器可以直接调用自己的编辑器，打开刚刚复制的模板，即时设计编辑器支持在线编辑模板，并且所有的编辑操作都会自动保存到云端。

目前，新一代协同设计工具即时设计对所有个人用户免费开放。现在去即时设计官网注册账号，可以使用即时设计内置的所有功能和材料资源，享受多项专属权益：无限文件数量、无合作伙伴数量、无限云存储空间等。

2、unDraw

unDraw，一个开源免费矢量免费网页设计资料网站，网站提供了很多简单统一的矢量设计资料，非常适合设计项目。在下载设计资料时，unDraw 有两种格式可供选择:svg 和 png。

3、manypixels

manypixels，它也是一个矢量免费的网页设计素材网站，没有版权。目前已有的设计素材数量超过 2500。网站提供的素材格式为 svg 和 png，下载时可根据需要选择相应的格式。

manypixels 在寻找设计素材时，提供了两个筛选条件 —— 设计素材的目录和类型。目录与设计素材的使用场景和行业有关，类型体现在设计素材的风格 (单色、等距立体、双色、扁平等) 上。 通过使用这两个筛选条件进行搜索，返回的设计素材可以更有针对性。

即时设计 - 可实时协作的专业 UI 设计工具即时设计是一款支持在线协作的专业级 UI 设计工具，支持 Sketch、Figma、XD 格式导入，海量优质设计资源即拿即用。支持创建交互原型、获取设计标注，为产设研团队提供一站式协同办公体验。https://js.design/?source=csdn&plan=kikicsdn01112

4、WorldVectorLogo

除了前面介绍的两个网站，在设计过程中，有时还会使用一些品牌的 logo，比如登录页面上的微 X 登录或者苹果账号登录，需要使用微 X 和苹果的 logo。

很多人在使用其他品牌的 logo 时，往往会从搜索引擎下载 PNG 格式的设计素材，这样得到的设计素材要么清晰度低，要么在使用前需要抠图。

WorldVectorLogo，一家专门提供各种品牌 logo 的网站，就像网站名称一样，这里的 logo 设计素材都是矢量格式，可以无限放大不失真，一般较大的品牌，在这里可以找到矢量格式的 logo。

5、freepik

freepik，一家拥有大量优质免费设计资料的网站，这里的设计资料分为免费和收费两类，免费设计资料可以用于个人和商业项目。

在搜索设计素材之前，可以设置多个筛选条件：搜索单个设计素材或设计素材收集、免费或付费、设计素材格式 (矢量、位图、位图 psd、这样，搜索返回的结果就能更好地满足我们的需要。

6、ls.graphics

ls.graphics，一家提供高质量样机模板的网站，这里的样机模板可以分为免费和付费，免费样机的质量也很高，既有平面，也有 3D 风格。

站点提供的样机模板通常是 psd 或 sketch 格式，使用前需要下载到当地。因为这是一个外国网站，遇到一个体积较大的模板，下载需要花费更多的时间。

7、MockRocket

MockRocket，一种在线 3D 样机工具，可将制作好的设计作品放入内置设备中，如下图 MacbookPro，使作品瞬间更具立体感。

在 MockRocket 顶部工具栏中使用移动和旋转工具，可以改变样机的位置和旋转角度，这种可互动设计比普通样机模板具有更高的自由度，可以获得各种不同角度的样机图片。