2018整年度设计师手扎，免费线上工具与素材的整理笔记 50 乾貨

李介介

台湾/平面设计师/7年前/277浏览

版权

李介介

随着2019年的来到，整理了去年一整年的设计资源笔记，总共有满满的五十几个干货，请大家慢慢享用

【设计素材】写楽

一个以日本景点为主题的免费图库网站，由作者自已本人，亲自到日本各地的景点拍摄的照片，并放到网路上免费分享给大家使用，每个景点会标示有多少张照片，同个景点也会有多种角度的拍摄，照片解晰度有300dpi ，不需要注册，可直接下载

【设计素材】IconBros

具备有SVG 和PNG 格式下载，目前这位设计师已经累积了四百多个图示，并持续更新高品质免费图示集，另外还有付费版的图示可供选择下载

【设计素材】Iconsfeed

每个手机APP 都有一个icon 图示，而Iconsfeed 就像是ICON APP 界的博物馆，收录了许多非常棒的icon 你可以阅览各种分类的ICON 设计，虽然不能直接下载，但也可以当作是设计icon 的参考范例

【线上工具】PowToon

只要写好脚本就可以立即制作成影片，有许多现成的动画，只要修改里面的图片位置与文字，拼凑起来就是一部精采的介绍影片，有免费版与月租型的付费版，付费等级方案会引响影片的长短、素材使用、影片的解析度，其实免费版的已经很好用了，只是在影片结束的时候会出现广告而已，简单好上手

【Adobe外挂】Fontself

这个付费版的外挂工具可以创造出独具套色的SVG字体，能安装在Illustrator或Photoshop CC上面，它能将任何的图案转换为OpenType字体成品

【设计素材】ICOOON-MONO

日本专门提供图示的网站，提供超过6000种各式各样的图示，不需要注册即可直接免费下载使用，除了日文介面之外还有英文介面可以选择，而且可以一次选择最多12种图示后，一次下载，方便而且省时间，可下载的格式分别有PNG、JPG 或向量格式SVG、AI、EPS 等，图片可用于商业

【设计素材】FLATICON

60万笔向量icon图示，并帮大家整理成11万种组合包，你可以一个一个下载，也可以利用它们整理的组合，一次下载该组合的图示，例如笔类icon、科技类icon、研究室icon 免注册即可下载，免费下载唯一的限制就是每天有50 个icon 下载数量的限制，成为付费会员才不会有下载限制，喔对了有部分图示是付费会员才能下载，版权的部分最好看一下官网

【线上工具】Colorwise

直观的线上配色工具，每组配色都会有应用的范例，包含了底色加上文字的组合，可以利用分类的方式快速找寻想要的配色组合，例如科技、活泼、旅行、教育、约会、时尚、儿童等等…此外还可以针对大家票选的高低做排列，非常适合设计前的配色管理

【免费字体】免费英文字体Alrfool

由设计团队JUNNXY分享的英文字体，源源饱满的字型，非常适合运用在派对活动的文宣使用，这套字体可用于商业用途喔备用下载点

【设计素材】Kaboompics

非常简约的素材网页风格，提供了免费可商用的高画质图片素材，是一个老牌的免费图库网站，很多媒体都有在使用他们的图片，在国外是非常受欢迎的免费照片网站之一，也欢迎世界各地的摄影师分享自己得作品，供全世界的人下载使用，如果你是部落客还可以刊登你的拍摄心得、拍摄旅程的纪录文章到这个平台，帮自己打广告，除了可以用文字搜寻照片，还可以依照片的颜色做分类搜寻，是设计师必收录的网站之一

【设计素材】Icon Ninja

一个免费图示搜寻引擎，收录近百万个图示，只要输入搜寻关键字，即可找出所有类似图案，无须注册就能快速下载取得特定大小的图示，目前有PNG 与SVG 两种档案格式，还能将你所选取的所有图示直接帮你合并为单张PNG 图，利用CSS Sprites 的处理技巧可以加速网页载入的速度

【设计素材】GitHub Octicons

GitHub 释出的Octicons 图示集收录150 个以上常用标志，同时也是GitHub 网站使用的图示，如果需要，可以免费下载、并将它们自由套用到自己的专案开发

【犒赏设计】RapaQ好物

非常多的设计品的线上购物网站，范围涵盖了居家生活、文具手作、设计穿搭、3C电子、亲子宠物等商品，里面的商品都很有设计感，是个犒赏自己或送礼给设计师好地方

【设计素材】Vecteezy

免费向量图库，超过10 万张向量素材，不需要注册登入即可免费下载，线上向量图库不少，分类很详细，最大的特色是还可以线上编辑向量图示，颜色、背景、增加文字、透明度等，调整完下载后就可以直接使用，非常方便

【线上工具】ImageCyborg

可以将网站上的图片一次打包下载，只要输入目标网页就可以了下载了，几乎所有的图档都能下载，包含PNG、JPG、GIF、SVG 等档案类型都能下载，最酷的一点就是免注册喔

【设计素材】GRAPHBERRY

一个完全免费的素材网站，种类从写实风格到扁平化风格都有，此外还提供一些了网站版型可以下载，格式大多为PSD 格式，如果这个网站的资源对您有帮助，可以顺手捐款赞助这个网站

【设计素材】Town illust

这个日本素材网站提供建筑插图为主的免费素材，不仅限于日本建筑，连同台湾、中国、欧洲…等世界各国的建筑都能在这找到，有五种档案格式可供下载，分别是Ai、EPS 、SVG、PNG、JPG…等，同一张建筑图片甚至有不同颜色风格可下载，免注册可直接下载，唯独建筑物的插画因世界各地的规范不同，不能直接用在商标或T恤等商品避免争议，详情请参阅该网站的说明

【创意设计】OMOSHIROI BLOCK

这是由日本建筑设计公司所制作的便条纸，一张一张的撕开，就会展露出清水寺的建筑，甚至还有许多款式，例如钢琴、东京铁塔、大提琴等等… 中文介绍

【线上工具】fontsinuse

这个网站很酷设计师一定狠爱，直接将作品上所用到的字体标示出来，顺便介绍字体与字体的创作者，接着帮你分类这款字体，被应用在哪些作品上，作品还可以依照业者产业分类，以及创作的媒体做分类，来看看同款字体在最早期的设计师与近代的设计师们是如何应用的，学字体顺便学设计排版，一鱼双吃，学设计的好网站+1

【软体教学】Jiemr

Photoshop、Illustrator 以前最鸡肋的内容视窗，在这次改版后变得超好用滴，随着点选的物件不同，内容视窗内的项目就会跟着改变，选文字就会出现字形、段落等选项，选线条，就会出现粗细、虚线等选项，Adobe改月费制度后，肯定赚很大，连内容视窗都优化得这么好

【设计素材】Photosku

来自日本的免费素材网站，具有高解析免费图片，以日本相关元素的图片居多，免注册即可下载，最特别的是每张图片都会有拍摄地点、拍摄器材、型号及摄影师的名子，对于也喜欢拍照的设计师来说，找素材的同时也可以看看不同器材所拍摄出来照片效果

【设计素材】ICONFINDER

这里的图标约2百万个分为付费和免费两种，提供了PNG、SVG、AI、ICO、CSH、ICNS 档案格式可下载，付费下载分为单次下载、一个月5 次付费下载、无限下载，这三种档案

【设计素材】Dreamstime

这是一间非常有名的图库网站，非常多的摄影师从世界各地为它们提供摄影作品，因为dreamstime 给摄影师的成交奖励非常的高，如果你是摄影师也可以去提供作品换取奖励，另外他们的作品提供需要接受严格的品质审核，所以上面的作品都非常精彩，连IKEA、美国时代杂志都有买它们家的图库，介介会分享这间图库公司，是因为他们也有提供免费的照片，注册免费帐号即可下载，免费的照片除了CC0 的公众领域照片之外，还有其他摄影师分享自己拍摄的免费照片

【设计素材】iconmonstr

这个网站专门提供黑白图标的素材，从基础的图形素材、生活图标、社群Logo 都可以在这里找到。而且提供SVG、EPS、PSD、PNG 四种档案格式可以下载。

【设计素材】unDraw

提供免费插图SVG 向量图档下载，采用扁平化设计的插图集，可用于个人或商业用途，不需要下载编修调整，可直接在网站上调整插图的主要配色，除了方便之外也能节省不少的时间

【线上工具】Yogile

提供免费的网路图床服务，相继Google 相簿或Imgur、Flickr 这个平台免注册，而且可以上传整份相簿做分享，算是简单好用的图床平台，如果注册帐户的话，可以创建多个相簿，方便管理

【设计素材】dig.ccMixter

这些免费授权的音乐都是来自于独立的音乐创作者，有分不同的授权方式，其中占多数的是对于个人制作与「非商业用途影片」例如教学影片、日记影片、婚礼影片等等素材可以免费使用，对于需要制作商业用途的影片，也另外提供了很多免费授权乐曲，详细的版权说明可以到他们的网站观看

【免费字体】Monda

一款Google Fonts上的免费字体，带有科技风格的英文字型，适合做时尚与未来感的设计，可用于商业用途使用备用下载点

【网页设计】MOVING LETTERS

16款非常酷炫的文字动画特效，里面的代码除了可直接观看效果，还能直接下载每个单独的源码，包含了HTML、CSS、JS 等等

【设计素材】日本邮便株式会社

可用于个人用途使用，但商业用途只能运用在明信片与信封上，档案以PNG、JPG档为主，因为是制作贺年卡用的素材，所以档案的尺寸没有很大，但放置在贺年卡上的尺寸是绰绰有余的

【线上工具】Thinkwithgoogle

Google 测试网站在其他国家的速度，可同时跟多个网站比较，并且可以评估升级速度后可以为网站带来多少价值

【软体教学】Jiemr

设计人一定有遇过用illustrator 修改PDF 档案时，修改很多页面却要分次置入很不方便，自从illustrator CC 更新后，可以将整个PDF 所有页面，一次汇入进去，可以节省非常多的时间

【音讯素材】くらげ工匠

来自日本的音源素材，收录的分类还蛮多的从系统声音、电子音、操作控制声音、噪音、机器人音到背景音效都有，档案数量没有很多，但还是可以上去挖宝看看，网站提供的音效素材可使用于商业用途，无须标示出处，可以自行加工修改使用，免注册直接下载

【线上工具】Rapidpoll

免费线上投票系统，注册后可以快速建立投票主题，最多可设定四个票选项目，每个项目还可以插入图片，并具有可透过内嵌语法将投票功能嵌入网站，适合设计犹豫不定时，将作品丢上来请大家票选(但图片会被裁切成方形)

【设计素材】shutterstock blog

由shutterstock 图库网站提供的50 个免费斑辍痕迹的旧化素材，不须注册即可下载，里面有JPG 与去背的PNG 两种格式可以下载，甚至还很佛心的教大家如何应用这种素材创作

【音讯素材】DUST SOUNDS

来自日本免费音乐音效网站，免注册也不需要标示来源，可用于商业用途的免费音讯素材，有循环音乐、背景音乐、音效和声音素材，提供的档案格式有WAV、MP3、OGG 三种

【影音素材】Fugue

一个免费音乐素材库，由Icons8 团队开发的计划，完全免费使用者只要以一个链结作为交换就能免费使用，下载的档案格式为MP3 与WAV 格式，整个网站很清爽简单，免注册即可下载使用

【线上工具】hypothes.is

安装这个浏览器外挂，就能在任何网页文章上面画重点，或是进行笔记注解，而且可以让多人共享这些文摘笔记，在社群分享时可以针对部分文句分享你的观点，如果只做自己的笔记使用也是可以的

【设计素材】IFN illustration-free

来自日本的素材网站，里面所提供图示都可以免费下载，可用于商业用途使用且不需要标记来源，更不需要注册帐号即可立即下载使用，这些图示有提供两种档案格式供大家选择，分别是向量格式的「EPS」及点阵图的「PNG」方便大家依照需求选择下载的格式，格式种类蛮多的，造型也是清晰明了很好辨识

【线上工具】zhongguose

中国传统色的色票网站，话说跟日本传统色票网站的介面竟然有异曲同工之妙，极为相似阿(搓下巴)

【软体教学】Jiemr

Photoshop 在高解析度的笔记型电脑上，软体介面的文字会变得很小，Adobe 也推出了解决方案，教你如何解决克服萤幕解析度太高文字变得太小的问题

【设计素材】ICON HOIHOI

这是一个日本的免费icon 素材下载网站，提供许多类型的图示，这些icon 色彩缤纷且造型圆润，风格带有日系的简约风格，此外也提供了一键打包下载的功能，免注册可直接下载，而且也不需要标示来源喔，另外还有提供一组超迷你的icon 可供下载

【线上工具】Crello

社群看板图的线上产生器，优点是免费版本不会有浮水印，有丰富的资源素材，以及个大大社群网站的的尺寸格式，上万种模板，不需要专业的绘图软体，也可以快速的完成社群小编的图文喔

【线上工具】象形字典

中文最早是由象形文字，演变进化成现在的繁体中文字，这个象形字典网站只要输入中文字，就会将该文字从甲骨文、篆文、金文到现代的行书、正体中文一一呈现出来，并且有这个字的源由发展都会列出来，做商标设计时套用看看有意想不到的灵感产生喔

【线上工具】itty.bitty

将网页内容，全部压缩在一行网址里，完全不需要架设主机，还能放Youtube影片、照片或音乐拨放器，虽然图片要自己另外找图床，有点小麻烦，但这个新技术，却可以解决掉很多网页设计的痛点中文教学

【线上工具】FAST.com

Netflix 是一个线上影片网站，推出了一个免费的网路速度测试工具，非常简约的设计，而且有繁体中文版，可以测量连线延迟和上传速度，随着网路的方便，设计师的档案都是靠网路来传递，有好的连线品质真的很重要，比起电信业者自己提供的自夸型测速工具，这种第三方的测速工具会更真实可信。

【设计素材】Hippopx

CC0 授权的高解析图片，无论个人或商用都可使用，不过不可使用于色情、非法等用途，相关的细节可参考网站的使用条款，这个网站没有明确分类，要靠输入关键字来找图片，或透过标签连结、热门关键字、热门下载图片的方式来找图片，下载的时候有提供线上裁切功能还蛮方便的

【设计素材】Free Range Stock

提供免费高高解析度的图片素材，需注册成免费会员才能下载，除了依照片类型做分类之外还有热门照片的选项，能快速找到高质感的图片，可做商业用途使用，但是不能直接贩售或做转发使用，如果你是摄影师你也可以将作品分享，同时可以放置自己的Google 广告赚取广告收益

【工作情境】Music for Programming

设计是需要专注的工作，而工程师写程式也需要专注的环境，这是专为工程师设计的线上音乐频道，网站风格模拟写程式的工作，不会被人发现你在听音乐，里面收录约50几首音乐专辑，每张专辑长度在1~2小时左右，风格有大自然或古典风，而且持续地增加中，免注册只需打开网站按下Play 播放即可收听，播完一首会自动播放下一首，可以专心工作提高工作效率，最佛心的是还能直接下载Mp3 格式，即使没有网路也能随时听这些情境音乐，话说介介蛮喜欢第20首Uberdog 大家可以听看看

【虚拟主机】CloudAccess

免费的网页主机，不须信用卡即可注册使用，提供主机空间：500MB、记忆体：1GB RAM，具有一键安装WordPress 的功能，弹性非常的大，但是有个地方需要注意，就是每个月都必须登入帐号一次，否则就会取消网站资格

【设计素材】日本家徽纹饰目录

免费素材日本家徽纹饰目录-田中贵香的编织物上的图腾设计，这是一本博物馆素材藏书，来自二百年前的日系纹饰素材，可用于商业用途使用，身为亚洲新锐的设计师们，这种好素材不收吗?

【线上工具】Launchaco – Free Online Logo Maker

Launchaco 是一个线上Logo 自动设计工具，同时顺便帮你找一下适合你的公司名称的网域名称，还能自动帮你设计社群图示、整套的企业识别文件、网站介面等等，虽然目前还不支援中文名称的设计，但光是英文名子的设计就可以玩很久了，不须注册成会员即可立即使用

【工作情境】CodingRadio

线上音乐播放网站，收录非常多不同领域的音乐，有电影插曲、古典，以及一堆莫名其妙无法分类的音乐，具有简易的播放介面，适合专注工作时聆听

【免费软体】Blender

这是一套专业且开放原始码的3D 绘图软体，以GNU 通用公众授权条款发布，并且有自己的基金会，除了制作3D 还能制作动画，有繁体中文介面，以及非常多的外挂资源，对于3D 建模初学者来说，这套免费软体降低非常多的学习门槛

【软体教学】Jiemr

Photoshop 存档时不让JPG 调整视窗出现的小技巧，透过这个小技巧可以省下很多的时间，而且键盘的Enter 键，寿命也会变长喔

【线上工具】Colorbox.io

色彩配色有很多公式与小方法，其中邻近色系的配色是很多设计师常用的手法，这个网站提供了直觉式的同色系配色工具，挑选好色系再选彩度与饱和度，接着就是微调颜色，之后可以将这组配色分享出去，或是直接汇出成Rgb JSON 与Hex JSON 色码

【线上工具】YouCompress

可以将档案压缩的线上工具，支援多种档案格式包含MP4、MOV、MP3、PDF、PNG、JPG、JPEG、GIF涵盖的范围包含了图片、文件、影片和音讯档案，档案限制为图片50 MB、文件50 MB、音讯150 MB，影片500 MB，介面非常的简单直接上传档案就可以压缩了

【设计素材】SVG Backgrounds

SVG Backgrounds 免费网站背景图下载，可线上预览、调整颜色细节，可线上预览效果，调整颜色或各项细节，另外将产生的CSS 语法放入网站样式表就能显示

【设计素材】TopeconHeroes罫线

网页设计有时会用到分隔线做区块的画分，这个网站提供了非常多款免费的图型分隔线，风格有时尚、可爱、文化等等…每个分隔线都提供有不同的配色，档案可下载的格式分别有AI、EPS、JPEG、PNG，这些素材都可以运用在个人或商业用途使用喔

【线上工具】tny.im

免费的线上短网址工具，免注册即可使用，可看缩网址的点击纪录统计，每次缩网址后除了会产生QR-code之外还会有一个专属密码，输入这组密码可以编辑短网址，可将多个连结做成一个目录页并产生一个对应的短网址，透过刚刚的密码编辑的功能，就能随时修改连结，此外可以自定短连结的名称、限制短网址被点击的次数、短网址的有效期限、设定目标网站的标题等等…也可以将一大串的散文直接变成一页面并提供一个短网址，还有针对非法的短网址有检举的功能，让短网址的品质越来越好，最后注册帐号后就可以管理自己所有的短网址，是一个不错用的缩网址服务中文教学