做互联网产品的 UI 设计师同学可以比较清楚，项目在开发软件、网站或应用程序时，部分功能会需要一些测试图片，除了一些特定场景的图片，也会有需要用户头像素材图的场景，就比如一款社交软件，不同的使用场景下需要对用户的各项信息展示做测试，防止在头像显示时出现 Bug。除了测试，我们自己有时候也想换一下自己的社交头像，下面要介绍的神器就是专门提供各种高质量头像的网站，来看看吧！
Free Userpics Pack 收录了 100 个免费的头像，这些头像具有多种色彩和风格，像 3D、手绘、平面化这些常用的风格都有，并且每个头像都有圆形和方形两种风格，省去了我们自己调整的时间。这100 个不同风格的矢量图素材可以让我们的设计变得更好看！作为我们的自用头像也丝毫不差！
免费头像素材包里可得到 SVG、PNG 两种格式的源文件，以及前面提到的圆形和方形两种风格，这些头像都可以在商业项目中使用，并且兼容 Figma ！马上开始为大家介绍神器的用法！
先从网站首屏说起吧，首屏内容是非简洁，直抒胸臆的告诉我们网站提供了什么样的素材给我们，以及一个下载素材的核心按钮 Download for free：
免费下载的流程一会儿再说哈，接下来再说说网站的内容，还有一些很实用的预览版块呢！
继续往下拖动会看到一些实际运用的范例，例如使用在应用程序介绍、说明画面等等：
还有一个预览区域，它可以让我们知道网站所有的头像类型、每个类型里都有什么样的头像、并且可以切换头像是圆形还是矩形：
从上图的 GIF 可以看出，当我们鼠标经过每个头像的时候，都回自动显示出该系列头像的全部样式，可以说我们可以第一时间识别出各种画风，然后根据画风去了解其他头像。
再下面我们将可以看到两个付费方案：
一会儿免费下载全靠它，左边是免费方案，通过它我们可以免费下载网站中展示出的 100 个免费头像，而右边的付费方案，是在我们有特殊需要的时候，比如需要更多的素材、高质量的 UIkit、更多免费设计资源的时候需要通过它付费获取，大家可以根据自己的需要去了解这项付费项目。
然后网站最下部还有其他类型的优质素材的入口，如果你需要，都可以进去看看，主要是一些 3D、矢量素材：
网站的主要界面版块就是这些了，下面来说说怎么去获取这 100 个头像素材！
素材的获取分为 3 步，上面也提到过网站首屏的内容，还记得那个「Download for free」按钮吗，点击它之后回立即看到付费方案：
不过在这里我们只是要下载这套免费头像而已，那么就点选蓝色的「Download for free」免费下载：
出现上图的 Checkout 界面以后，在页面右侧输入你的 Email 地址然后点击「Free Download」按钮进入下一步：
因为是免费项目，所以我们不需要仔细审一遍账单，直接点击右侧的 Download 按钮开始下载文件即可：
下载完毕并且解压后就会获得 Free Userpics Pack 相关素材，包括 PNG、SVG 两种格式，以及圆形和方形两种不同样式，如果是使用 Figma 的朋友还能找到对应的 Userpics.fig 文件，无论怎样，我们都可以开始随意使用它们了！
在选择付费方案进行免费下载时我们就能看到，通过免费下载获得的素材是可以进行商用的，所以大家完全不用担心侵权问题，随心所欲的去用吧！
- 收录 100 个优质头像，具有多种色彩、风格
- 无需注册或登入账号即可免费下载 SVG、PNG、Fig 源文件
- 下载后的 100 个素材均可商用
一个素材网站，不管啥样的素材吧，只要是可免费商用，都应该被我们收藏起来，他们就像扳手，当下不一定能立马用上，但是某天出现问题了，它会成为你十分得力的助手。链接就在下面，快去看看吧！
神器链接：Free Userpics Pack
本文编辑：CCOA
浏览过这篇神器文章的小伙伴也浏览过...
非特殊说明，本站 UiiiUiii.com 上的教程均由本站作者及学员原创或翻译，原作品版权归属原作者，转载请联系 @优优教程网 授权。
转载时请在文首注明，来源 UiiiUiii.com 及教程作者，并附本文链接。谢谢各位编辑同仁配合。UiiiUiii 保留追究相应责任的权利。
继续阅读与本文标签相同的文章：
发表评论 快来秀出你的观点