设计神器Iconscout！超过百万图标素材随心用

admin

hello～各位小伙伴们，今天我给大家介绍一个三合一的超级干货网站— Iconscout；第一部分包含图标、插画、3d、动效四者合集的高质量素材；素材分为免费和付费两部分，不过大家不用担心，免费素材质量也很高哦～可以轻松用于设计界面、h5、网站、banner等等用途哦；第二部分它提供图标、插画、3d 相结合的适用各个平台的插件工具，小伙伴们可以根据自身情况自行下载；第三部分是可在线编辑 svg 图标的颜色和样式；由于功能过多，今天先给大家介绍前两个部分～

图标、插画、3d、动画的使用

打开网站看到的首屏就是下图，可以分为三个板块，1是网址导航栏和登录注册；2是搜索；3是素材分类。

1.1 导航栏和登录

首先介绍一下导航栏，鼠标停留在 “ explore ” 时出现下拉菜单，每个不同菜单下都有不同分类，如 icons 下分为独家图标（Exclusive Icons）、免费图标（Free Icons）和特色图标（Featured Icons）；大家不要因为独家和特色以为收费就不看了，其实也会提供很多免费图标给大家的。

下面以免费图标为例给大家演示下载过程，直接点击 “ free icons ” 进入页面；

怎么样，质量还不错吧～ 想要下载，点击要下载的图标进入下一页；比如我点击关于医疗的图标，进入以下界面，鼠标停留在救护车图标上会提供给大家很多选项，包括常用的 png（不同尺寸，很贴心）、svg、pdf、eps 等等各种格式，根据自己需要自行下载哦～

关键一步到来了，网站要求用户登录才能下载哦～需要用户提供 Facebook 或者 Google 账户， 看到这一步大家不要失望哦，是可以用自己的邮箱登录哒～登录过后就可以下载啦。同样像插画、3d、动画下载方式都一样哦。

工具栏中的工具部分我会在第二部分和第三部分重点介绍哦～

1.2 搜索

下面介绍一下搜索的使用；点击下拉可以看到 5 种分类（所有分类、图标、插画、3d、动画），这样可以方便大家更加精确的查找；

比如需要一个雪花图标，输入后点击搜索按钮进入详情页面；左侧导航栏分为价格、风格、尺寸，根据个人需要自行选择，下载方式同上；

1.3 分类

网站已经很鲜明把 4 个分类通过卡片形式给大家展示出来了，分为图标、插画、3d 和动画。

点击红色线框进入图标页；网站也通过标题把图标做了分类，包括独家、特色、免费、最新等等。

点击 “ browse all ” 按钮可查看某一分类的全部图标；这些图标里有免费的也有付费的，需要大家分辨哦～

有 “ download ” 的按钮是免费；“ subscribe to download ” 是需要付费的哦～

当然还可以通过滑动导航栏对分类进行切换。

工具插件介绍

这是一个根据网站现有素材（图标、插画、3d ）整合在一起，适合多平台可使用的工具插件。大家平时常用那个软件点击去下载哦～

以 ps 为例子，点击 “ download for mac ” 直接下载就 OK 啦。（如果你用 windows 就下载 win 版本）

下载下来长这样～需要手动双击来安装。

点击安装包，按照操作指示一直点击“继续”按钮，就安装成功了。

打开 ps，在工具栏中找到“窗口”——拓展功能——iconscout。

点击 “ iconscout ” 会出现以下界面，需要用户与网站接通才能使用。点击按钮进行连接等待网站反馈就可以了。

以上搞定插件就可以使用了，插件对素材进行了分类包括图标、插画、3d，是不是很方便呢～

而且还对各个分类进行属性划分～是不是很贴心～

点击选择想要使用的图标，选择是 svg 格式或者 png 格式，直接点击 “ insert ” 按钮就可以，图标会置入画面中，如果选择 svg 进行编辑的话需要跳转到 ai 哦；另外，记得不要勾选篮框哦，要为自己多个选择，否则下次下载直接 png 了。

左边 “+” 中 “ contributors ” 是素材的贡献者 “ best icon bundle ” 是付费素材，可以关注他们；右边框中是下载过的素材和收藏过的素材～

好啦，今天的分享先到这里～好用记得点赞转发哦，下一期我们继续介绍第三部分的内容～不见不散！

网站直达地址：Iconscout

https://iconscout.com/