网页设计师在使用网页设计素材时,会优先选择那些免费高质量的网页设计素材网站。找到一个免费又优质的网页设计素材网站并不容易,有的网站要么需要开通素材网站会员,要么设计素材质量很差。Pixso整理汇总了10个免费网页设计素材网站,向“素材荒”说不!满满干货,赶紧来看!

Pixso 资源社区

Pixso 资源社区

Pixso资源社区,是在线协同设计软件Pixso推出的设计社区,提供了网页UI设计经常会用到的各类网页设计素材和模板,网页设计素材模板不仅质量高,关键还是完全免费的~

  • 素材:矢量图标、插画素材、emoji表情、3D图标、样机素材

  • 模板:多款移动端UI模板、网页端UI模板、国内外众多大厂的UI设计规范和设计系统

对于Pixso资源社区的模板或素材,可以点击右上角的「收藏」或「复制」,保存到自己的账号中,方便之后需要用到的时候可以随时找回。

网页设计素材网站件

将模板复制到个人账号后,点击「打开文件」可以直接调用Pixso自带的编辑器,打开刚复制的模板,Pixso编辑器支持在线编辑模板,且所有编辑操作会自动保存到云端。

打开文件

每一个UI模板包含了多个不同的页面——开屏页、注册页、主页、用户页、搜索页等等,页面中的所有元素都是可以自由编辑的。

点击左侧的「组件」选项卡,可以看到UI模板中用到的所有组件,组件可以在文档的多个页面复用,如果你在模板的基础上创建了新的页面,可以优先从中挑选组件作为页面元素,保证整体风格的统一。

组件选项卡

模板自有的组件如果不能满足需求,可以切换到「资源」选项卡,调用来自其他组件库的组件,这一点大大提升了 UI 模板的可拓展性,将模板原有组件进行替换,就能得到另外一套不同风格的模板。

资源选项卡

对于模板中用到的位图素材,如果想更换为自己更喜欢的图片,可以点击右上角的「插件」,打开内置的 Pexels 图库插件,选中需要更换的图片,点击 Pexels 插件中的图片就能一键更换。

插件

多个模板不同的页面设计,既可以给我们的设计提供灵感,也可以将其中的一些组件复制到自己的项目中,稍加修改就能直接使用,减少不必要的重复劳动。

免费网页设计素材

新一代协同设计工具Pixso目前对所有个人用户免费开放,现在前往Pixso官网注册账号,可以使用Pixso内置的所有功能和素材资源,且能享受到多项专属权益:无限文件数量、无协作者人数限制、无限云存储空间等等,快来尝试一下吧~

unDraw

unDraw,一个开源免费的矢量免费网页设计素材网站,网站提供了许多简约、风格统一的矢量设计素材,非常适合用在设计项目中。下载设计素材时,unDraw 有 svg 和 png 两种格式可供选择。

unDraw

manypixels

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

manypixels

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

WorldVectorLogo

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

不少人使用其他品牌 logo 时,往往都是从搜索引擎下载 PNG 格式的设计素材,这样得到的设计素材要么清晰度不高,要么在使用之前需要进行抠图处理。

WorldVectorLogo,一个专门提供各类品牌 logo的网站,正如网站的名字,这里的 logo设计素材都为矢量格式,可无限放大不失真,一般比较大的品牌,都可以在这里找到矢量格式的 logo。

WorldVectorLogo

freepik

freepik,一个拥有海量高质量免费设计素材的网站,这里的设计素材分为免费和收费两类,免费设计素材可用于个人和商业项目。

在搜索设计素材之前,可设置多个筛选条件:搜索单张设计素材还是设计素材合集、免费还是付费、设计素材的格式(矢量、位图、psd、图标),这样搜索返回的结果可以更符合我们的需求。

freepik

ls.graphics

ls.graphics,一个提供高质量样机模板的网站,这里的样机模板有免费和付费之分,免费样机的质量也非常高,既有平面也有 3D 风格的模板。

网站提供的样机模板一般为 psd 或 sketch 格式,使用之前需要下载到本地。由于这是一个国外的网站,遇到体积比较大的模板,下载需要花费比较多的时间。

ls.graphics

Device Shots

Device Shots,一个可自定义样机模型的在线网站,提供的样机模型包含手机、平板、电脑、显示器、手表。

MockRocket

MockRocket,一个在线的 3D 样机工具,可以将制作好的设计作品放到内置的设备中,例如下图的 Macbook Pro,让作品瞬间变得更有立体感。

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

MockRocket

Unsplash

Unsplash,国外知名的免版权图片网站,这里的图片基于 CC0 方式进行授权,下载的图片可用于商业目的而不需支付任何费用,最大限度地降低了图片侵权的风险。

Unsplash 提供的图片类型非常广泛,包含:时下热点、电脑壁纸、3D 作品、材质和纹理、艺术、自然、商业、时尚、电影、食物、健康等。

Unsplash

Pexels

Pexels,一个和 Unsplash 非常相似的网站,这里的图片设计素材同样可以免费使用。区别在于,Pexels 额外提供了视频素材,而且网站支持中文搜索,英文不太好的朋友,可以优先来 Pexels 下载图片设计素材。

Pexels

以上就是10个好用的免费网页设计素材网站,希望对你有帮助。告别重复的基础工作,从找到好用的免费网页设计素材网站开始。

总体来说,Pixso资源社区是免费网页设计素材网站的最优解。作为新一代在线协同设计工具,Pixso资源社区为国内优秀UI/UX设计师提供了一个良好的分享、交流、学习、共创的开源平台。

Pixso资源社区

  • 海量素材应有尽有

内置超3000+UI组件库,每月更新上百个精品模板,分类涵盖移动设计、网页设计、插画、线框图、矢量图标等丰富的设计资源,人称UX福利场、UI加油站。

  • 网页设计素材分类详细

Pixso资源社区在"作品"和"资源库"两大分类下面还区分了设计系统、图标icon、组件库、插画、线框图等各小分类。

  • 网页设计素材一键复制,免费使用

Pixso 提供可在线编辑样机模板的编辑器,无需将模板下载到本地,一键复制即可快捷使用所有设计资源,且不限文件数,不限团队和项目数,承诺个人免费使用!