12个优秀的平面设计素材网站！平面设计师看完大呼：绝绝子 ...

万万车险

平面设计师寻找设计素材，和我们日常使用搜索引擎找各种信息，其实存在着共通之处，影响我们能否找到好的设计素材或相匹配的信息，主要取决于两个因素——

• 搜索范围：你是在哪些网站中寻找素材/你使用哪个搜索引擎进行搜索（如果网站本身的素材数量不够多，或是质量不行，搜索返回的结果就很差）
  
• 搜索关键词：关键词描述得越准确，有更大概率可以找到我们想要的素材或信息
  

在「搜索范围」这个维度上，正好皮仔之前使用过不少高质量的设计素材网站，借着这个机会，整理出了 12 个堪称平面设计师必备的素材网站，希望能帮到各位设计师或有做图需求的朋友。
01 图片

Unsplash

Unsplash，一个拥有海量免费可商用图片的高清图库，想必也是许多设计师首选的图片搜索网站。
在搜索图片时，Unsplash 支持英文和中文搜索，不过 Unsplash 目前的图片主要还是由国外的设计师、摄影师、艺术家等贡献的，使用英文进行搜索，得到的图片数量会更多，可选择的范围也会更广一些。


与 Unsplash 相类似的，还有国外的 Pexels 和 Pixabay 两个网站，有兴趣的朋友可以自行探索。
ColorHub

ColorHub，同样是一个收录了许多高清无版权图片的网站，官网明确写着当前的收录数量为 10W+ 的量级。


ColorHub 虽然图片数量比 Unsplash 少很多，但它有一个差异化的设计：会提取当前图片中包含的颜色，并以色卡的形式显示在左下角。
如果你看到一个自己喜欢的色调，可以点击相应的色卡，ColorHub 会按当前颜色进行搜索，返回对应色调的所有图片，这在寻找色调统一的图片场景就很有帮助。


自带图库的在线设计软件 Pixso

Pixso，是一款基于浏览器的在线设计工具，与传统设计软件的不同之处在于，Pixso 在软件中内置了 3 个素材相关的插件，其中就包含 Pexels 图库，打开 Pexels 插件，就能直接插入来自 Pexels 的图片。  



Pixso 内置的 Pexels 图库插件

Pexels 图库插件提供的图片涵盖城市、风景、建筑、科技、美食、人物、商业、动物、背景等类别，点击标签可以切换到对应的类别。


此外，为了在寻找图片时更有针对性，可以在插件面板顶部的搜索框，输入想搜索的图片关键词，这样下方返回的图片就会更接近我们的需求。
与此同时，我们还可以对返回的图片结果进行筛选，目前这里提供了 2 个筛选维度——图片方向（图片尺寸）和图片主色调，Pexels 插件搜索结果默认显示不同尺寸的图片，点击全部方向的下拉按钮，可以将「全部方向」更换为「横向」、「竖向」或「方型」，让图片的尺寸更接近我们最终的使用场景。


当然，对于插入到 Pixso 的位图图片，如果其尺寸大小不符合我们想要的，可以在选中图片的状态下，点击顶部菜单栏最右侧的「裁剪」工具，调出图片四周的裁剪控件，就可以自由调整图片尺寸的大小。


02 矢量 Icons 图标网站

unDraw

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


点击网站右上角的取色器，打开取色器面板，修改面板默认的颜色，可以批量调整所有矢量素材中的主色。


manypixels

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


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


WorldVectorLogo

除了前面介绍的两个网站，做设计的过程中，有时还会用到一些品牌的 logo，比如登录页面的微 X 登录或苹果账号登录，就需要用到微 X 和苹果的 logo。
不少人使用其他品牌 logo 时，往往都是从搜索引擎下载 PNG 格式的素材，这样得到的素材要么清晰度不高，要么在使用之前需要进行抠图处理。
WorldVectorLogo，一个专门提供各类品牌 logo 的网站，正如网站的名字，这里的 logo 素材都为矢量格式，可无限放大不失真，一般比较大的品牌，都可以在这里找到矢量格式的 logo。


freepik

freepik，一个拥有海量高质量素材的网站，这里的素材分为免费和收费两类，免费素材可用于个人和商业项目。
在搜索素材之前，可设置多个筛选条件：搜索单张素材还是素材合集、免费还是付费、素材的格式（矢量、位图、psd、图标），这样搜索返回的结果可以更符合我们的需求。


在使用 freepik 的免费素材时，需要注明素材的来源，对于不同的使用场景（Web、印刷项目、视频、App/游戏），网站提供了相应的素材来源说明。


Noun Project

Noun Project，一个拥有超过 300 万个 icons 图标的网站，且每个图标的质量都非常高。


对于搜索返回的结果，Noun Project 提供了 3 种组织方式，默认显示单个的 icon 图标，点击下方的 Collections，切换到图标合集，就能看到包含多个图标的一个个合集，合集会提供一个图标的多种样式，也会带上与之相关的其他图标。
如果是后者，在我们为 App 设计一套风格统一的 icons 图标时就很有参考价值，我们可以从 Noun Project 中寻找现成的图标合集，也可以从中选择一套用于参考，作为 icon 图标设计的灵感来源。


03 设计模板网站

Pixso资源社区

Pixso资源社区，是在线设计工具 Pixso 推出的设计资源网站，拥有 3000+ 免费的图标、插画、样机、移动界面和网页设计模板等，种类非常丰富，这些设计资源既可以作为素材用于项目中，也可以作为我们设计的灵感来源。

• 素材：矢量图标、插画素材、emoji表情、3D图标、样机素材
  
• 设计灵感来源：多款移动端UI模板、网页端UI模板、国内外众多大厂的UI设计规范和设计系统
  

Pixso资源社区

在逛 Pixso资源社区时，如果有看到自己喜欢的设计资源，可以点击资源的封面页，进入设计资源的详情页。


设计资源详情页中间的区域提供了一个预览窗口，点击窗口左上角的控件，可以从资源的封面页切换到内页，在线预览模板中的版式设计。


如果当前的设计资源符合你的需求，可以点击右上角的「复制」或「收藏」图标，保存到自己的 Pixso 账号中，方便之后需要用到的时候可以随时找回。


将模板复制到个人账号后，点击「打开文件」可以使用 Pixso 自带的在线编辑器编辑模板内容，且所有编辑操作会自动保存到云端。


以下图的模板为例，它为一个登录页面设计了多款不同的版式，你可以将这些版式作为 PS 做图的参考，也可以直接编辑当前的模板，模板中包含的元素都是可自由编辑的，将其替换为自己的内容，就能快速产出一张高质量的设计作品。


对于在 Pixso 中完成编辑的图片，可以用鼠标框选整张图片，点击右侧面板导出的加号 +，在下方设置导出图片的分辨率或格式，就能将图片导出到本地啦！


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

不管是平面设计，还是 UI 设计，设计师在完成设计作品后，多数时候都会额外加多一个「操作」，给自己的作品套上一个样机（Mockup），就像是人们出街之前的精心打扮，希望以此来增强作品的视觉表现力~
与此同时，样机可以将设计作品置于现实场景中，例如户外广告牌、地铁站台展示屏、纸质包装盒等，以结果为导向展示设计作品的最终状态，可以帮我们免去拍摄和抠图的工作，既能提升表现力，又能帮我们腾出宝贵的时间，可谓是一箭双雕。
ls.graphics

ls.graphics，一个提供高质量样机模板的网站，这里的样机模板有免费和付费之分，免费样机的质量也非常高，既有平面也有 3D 风格的模板。
网站提供的样机模板一般为 psd 或 sketch 格式，使用之前需要下载到本地。由于这是一个国外的网站，遇到体积比较大的模板，下载需要花费比较多的时间。


freepik

freepik，一个在国外非常受欢迎的设计素材网站，提供了非常丰富的设计资源，例如纹理、背景、矢量图标、插画、样机、logo 等等。
网站的设计也比较周到，左侧栏提供了多种筛选条件，可以让我们在搜索样机模板的同时，对搜索结果进行筛选——价格、文件格式、颜色、风格等，帮助我们更快地找到想要的样机模板。


Mockupworld

Mockupworld，正如其名，这是一个专门提供样机模板的网站，样机的类别包含：纸张和书、海报和图片、标志和广告牌、包装、iPhone、iPad、MacBook、iMac、Apple Watch、Android 设备、食物和饮品、时尚和服装。
Mockupworld 顶部的标签栏提供了一个免费样机包的入口「Free Mockup Bundle」，从这里可以下载到包含多个样机的资源包，有需要的朋友前往网站下载。


05 字体

随着越来越多设计师和公司加入「造字」的行列，这两年免费可商用的字体可以说呈现「井喷」的趋势，这让许多设计师或者需要做图的人有了更多的选择。
皮仔从多款免费可商用字体中挑选出 10 款，做成了下面的动图，各位可以看看哪款字体是你的菜呀(๑¯∀¯๑)



Pixso 内置的 10 款免费可商用字体

相信不少人看到这些免费可商用的字体，都想知道去哪里下载，或者是想看皮仔会不会给大家提供现成的字体包(*/ω＼*)
但其实不用这么麻烦，因为这些免费可商用字体，都内置在新一代的在线设计工具 Pixso 中啦。
在 Pixso 中创建一个新的设计文件，点击顶部工具栏的「文本」工具，在文件任意位置单击，即可输入文本内容。


选中文本内容，点击右侧面板「文本」的字体选项，在打开的面板，就能看到 Pixso 内置的所有字体，既有中文也有英文字体，且中文字体还额外提供了字体预览，在切换字体之前可以预览字体的效果。

目前 Pixso 内置的免费可商用中文字体包含：

思源黑体、OPPO Sans、包图小白体、站酷快乐体、胡晓波骚包体、站酷酷黑体、胡晓波男神体、胡晓波真帅体、江西拙楷体、联盟起艺卢帅正锐黑体、沐瑶软笔手写体、旁门正道标题体、思源宋体、仓耳舒圆体、站酷小薇 LOGO 体、优设标题黑、优设好身体、站酷高端黑体、站酷庆科黄油体、站酷文艺体、锐字真言体、自制区喜脉体、鸿蒙 HarmonyOS Sans SC。


如果内置的中文字体没有包含你想使用的字体，可以切换到字体面板右侧的「本地」选项卡，点击下方的「字体助手」，安装 Pixso 的字体助手插件，这样就可以直接调用电脑本地安装的字体。



字体助手控件

✅ Pixso 简介

Pixso 是国内专注创意软件开发的万兴科技孵化的新一代在线设计协作工具，浏览器打开即用，免去下载安装步骤，支持 Windows、macOS 和 Linux 系统。
Pixso 虽然是一款基于网页的在线工具，但依托底层的 WebAssembly与 WebGL 性能优势，网页形态的 Pixso 一点也不比本地的客户端软件弱，集合了原型、设计（平面设计、UI 设计等）、交互、交付等多种功能，可以解决传统设计需要用到多款工具的「割裂」问题，打通从产品、设计到研发的工作链路，让设计更流畅、协作更高效！


✅ Pixso 个人用户完全免费

Pixso 目前对所有个人用户免费开放，内置的所有功能都可以免费使用！
现在前往 Pixso 官网注册账号，可以享受到 Pixso 会员的所有权益：无限文件数量、无协作者人数限制、无限云存储空间、3000+ 免费设计资源任你用等，满足个人和小型团队在线协作需求，免费享丰富设计资源和高效协作体验！

码字不易，如果对你有帮助的话，请别忘了赏个【三连】或是【关注】我哦，关注不迷路！
我是皮仔 @Pixso协同设计，那我们下次再见咯。

程芳金

好东东，收藏