网络上的免费资源相当多,不过都是散落在各处,除非透过搜寻引擎或网站介绍,加上教学步骤或分类索引让使用者更容易找到,这就是免费资源网络社群持续在进行的工作。但有更多网站其实是专注在单一领域,举例来说 100font.com 收集整理可免费商用字型,提供字型档下载链结;The Stocks 2 整合多个免费图库、影片、图示和字型,在单一网站就能快速浏览切换,其实类似网站很多,通常可以为使用者省下很多时间。
本文要介绍的「Iconduck」是一个收录 146 个免费图示集(还在持续增加中)、超过 11 万个免费图示图案的网站,主要以开放原始码图示和矢量图示为主,可以透过搜寻或直接预览图示图案,网站会提供原始页面来源,大多数图示集都可被用于个人或商业用途(取决于图示本身使用的授权方式,有些会要求需要加入反向连结)。
依照 Iconduck 开发者说明,会想建立网站的原因是许多使用者对 GitHub 不熟悉,他们不知道要如何从项目网站下载图示,甚至是在 GitHub 有相当庞大的免费图示素材,于是制作一个更易于浏览和搜寻的网站,每周都会将新的图示集更新上去。
Iconduck
https://iconduck.com/
使用教学
STEP 1
开启 Iconduck 后从首页就会看到一些图示集预览,象是最近更新、热门图示图案或主题明确的图示集等等,点选图案会开启更大的预览,或是点选图示集右下角「view set」查看完整图示列表。Iconduck 上方有搜寻框可输入关键字找出所有相关的图示图案。
image.pngSTEP 2
进入图示页面后上方会标示这套图示数量一共多少,下方会有 GitHub 和网站链结,可以从这里点选以查看更多信息,或是打包将所有图示下载回来(Iconduck 无法一次取得所有图示必须连回到原项目的 GitHub 或开发者网站)。
image.png点选单独的图示图案会开启更大尺寸预览图,下方会有标题(超连结)、档案大小、图示集名称和授权方式,如果想单独下载某个图示可直接点选「Download」取得图示档案。
image.pngSTEP 3
每个图示集下方会有授权说明,标示这套图示集使用的授权方式,可否使用于个人或商业用途等等,也提供一些基本的问与答(主要是一些使用情境),对于要使用图示来说可以快速了解适用范围。
image.pngSTEP 4
Iconduck 收录的图示集会提供基本介绍说明,包括授权方式,也会标示图示数量,如果图示较多也能透过右上角「搜寻」单独查找这套图示集,透过关键字查看需要的图案有没有出现在某个图示集。
image.png每个图示集名称下方会有 GitHub 或相关链结,点选连回到原项目页面就能取得完整图示。
image.png值得一试的三个理由:
-
收录 146 个免费图示集(持续增加中)、超过 11 万个免费图示图案
-
以开放原始码图示集为主,大多都可免费使用于个人和商业用途
-
单独下载图示档,或是连回原项目网站或 GitHub
网友评论