1. 收藏夹里躺着的链接，为什么九成都没再打开过
上个月接了个急活，要在两天内出一版产品介绍页。图片、图标、字体、背景音乐全得自己找，我打开收藏夹里那个叫"资源"的文件夹，里面躺着上百个号称免费实用的资源网站，真正点开还能用的不到十个：一半域名早就打不开，另一半打开先弹三层广告，再告诉你"下载请升级会员"。最后我还是靠现搜解决问题，收藏夹一个字都没用上。
这件事之后我重新整理了一遍手上这套资源清单。结论很直接：收藏不等于拥有，链接不等于资源。绝大多数人遇到的问题不是找不到网站，而是找了一堆却不知道每个站在什么场景下该用、授权边界在哪里、失效了怎么补。所以下面这十个站点，我不会甩一串地址就完事，而是按照"我为什么会用它、它在什么情况下会坑我、怎么用才不出问题"这个顺序讲清楚。
因为这十类站点本身都是通用品类，具体域名我故意不写死。原因有两个：一是这类站点换域名、换运营方、被收购关停的频率极高，写死了半年后就是死链；二是同一个功能往往有三四个备选，只认一个反而窄了。我会给出每一类的识别特征、搜索方式、筛选标准和实操要点，你按这些标准自己找到当下最好用的那一个，比抄一个随时会失效的地址可靠得多。文章适合经常要出图、出稿、出演示、做短视频内容的人，也适合刚入行还没建立素材库的新人。
1.1 一次急活暴露的真实问题
那次赶工，我卡住的地方其实很具体。产品页需要一张干净的办公场景图，中英文关键词搜了半天，中文搜出来全是带水印的图库预览，而英文搜"minimal desk workspace"一下就出来了。我当时才意识到，素材检索能力的一半在选词，不在选站。大多数所谓"免费资源网站不好用"，本质是搜索姿势不对：用中文在面向全球的图库里搜，命中率天然低一截。
第二个卡点是字体。页面上要一个偏几何感的无衬线字，我从一个集合站下了一款看着顺眼的，做完才发现授权页里写着仅限个人使用。这个细节藏在下载按钮下面三屏的位置，我当时压根没往下拉。后来我养成一个习惯：任何字体、图标、音乐，先翻到授权页看三行——能不能商用、能不能嵌入、要不要署名，这三行看完再决定下不下。
第三个卡点是图标风格不统一。我从两个站凑了一套图标，一个线条 2px 一个 1.5px，一个圆角一个直角，放进页面里怎么看怎么别扭。这个坑我后来用一个很土的办法解决了：只认一个网格尺寸、一种描边粗细的库，不够用就自己补，不去别处凑。听起来笨，但省下的重绘时间远超想象。
1.2 我筛站点的四条硬标准
踩了这些坑之后，我给自己定了四条标准，只有全部满足才会进收藏夹。第一条是授权页能一眼找到，如果首页翻三屏都看不到许可说明，直接放弃，不是它不好，是我无法确认风险。第二条是下载不需要强制注册，需要注册的站我也会用，但只放在"备选"层，不进常用层，因为登录这一步会显著降低我的使用频率。第三条是检索能用英文关键词，中文站很多只支持中文搜索，命中率受限。第四条是近一年内有更新痕迹，看首页的最新内容日期就行，一年没动的站大概率在维护边缘。
这四条标准帮我砍掉了收藏夹里七成的东西。剩下三十来个，我又按使用频率分了三层，这个分层方法我在第 7 章细讲。先说站点本身。
2. 图片素材：站点一与站点二，对应两种完全不同的用图场景
图片是所有内容里需求量最大、也最容易出问题的一类。很多人把"免费图片站"当成一个东西，其实它至少分两种：一种是声明放弃版权、随便用的聚合站，另一种是商业图库放出来的免费额度区。这两者的画质、构图水平、授权细节完全不同，用错场景会很难受。
举个具体例子。做产品落地页的主视觉，需要构图精致、留白讲究、光影干净的照片，这时候聚合站的图往往"太生活化"，构图松散，放上去显得廉价。反过来，做内部周报配图、社群通知配图，用商业图库那种精修图反而过重，效率也低。所以我的做法是两个都留着，按场景切换。
2.1 站点一：CC0 无版权图片聚合站
这类站点的典型特征是：首页就是瀑布流，点开图片直接给下载按钮，页面下方有一行小字说明"本图采用 CC0 或等效的公共领域声明"。它们的图主要来自摄影师主动贡献，风格偏生活、办公、自然、人物场景。
用这类站有几个实操要点。第一，先定输出尺寸再选图。我早期经常下载一张 6000px 的大图，最后只用在 800px 宽的卡片里，白白占了硬盘还拖慢了构建。现在我的流程是先在稿子里标注"卡片图 800×600、主视觉 1920×1080"，然后按尺寸筛选，能省一半时间。第二，优先带"人"的图要谨慎。CC0 声明的是图片版权，不涉及肖像权。如果图里是清晰可辨的真人面孔，用在商业宣传里仍然存在风险，尤其是暗示代言、暗示员工、暗示用户的场景。我自己的规矩是：涉及真人的图只用在纯装饰位，绝不用在"我们的团队""真实用户"这类暗示性位置。
第三，注意图里的商标和可识别建筑。一张好看的咖啡馆照片，杯子上可能印着别人的标，墙上的海报可能是别人的作品。做公益内容没人管，做商业内容就是隐患。我的处理办法是选图时放大看一遍细节，模糊、裁切或者换图，三选一。
还有一个容易被忽略的点：CC0 不等于不用标注。法律上你可以不署名，但从职业习惯上，我会在项目文件里留一个assets/credits.md，记录每张图的来源站点和作者名。这不费什么事，但项目交接、客户追问"这图哪来的"的时候，五分钟能拿出答案，比事后翻聊天记录体面得多。
2.2 站点二：实拍图库的免费额度区
第二类站点是商业图库专门辟出来的免费区。它们的特征是：页面结构和付费区一模一样，但每张图角上有个"免费"标记，下载要注册账号，有的还有每月下载次数限制。
这类站的价值在于画质和构图明显更专业。同一主题，聚合站给你的是"路人随手拍"，这里给你的是"商业摄影师布光拍的"。做需要质感的物料时，差距一眼就能看出来。
使用这类站有两点必须注意。一是免费额度区的授权范围往往和付费区不同，常见限制包括：不可用于转售类产品、不可用于商标、不可用于敏感行业宣传、单项目使用数量上限。这些条款写在具体图片的详情页，不在站点首页，一定要点进去看。二是下载时要选对尺寸和格式。很多站提供"小图免费、大图付费"，小图 1200px 宽在网页端够用，但如果你要印刷或者做大屏，就会糊。我一般的判断标准是：最终展示宽度乘以 2 作为下载宽度，屏幕端够用，印刷端乘 3。
另外提醒一句，这类站的免费区经常调整，今天免费的图下个月可能就变付费了。所以下载完成之后，我会立刻把授权页存成 PDF 放到项目文件夹。这个动作看起来很繁琐，但在客户验收、平台申诉的时候，它是唯一能证明"我当时拿到的是正当授权"的东西。
3. 图标与字体：站点三、站点四，授权页比下载按钮更值得看
图标和字体是两类"看着简单、出事最贵"的资源。图片用错了顶多重做，字体用错了可能面临索赔，而且这类纠纷往往是项目上线几个月后才来。所以这一章我把筛选标准放在最前面讲，具体站点反而次要。
3.1 站点三：开源 SVG 图标库
这类站点的特征是：图标以 SVG 格式提供，可以单独下载也可以整包下载，页面上明确标注开源许可证。它们的规模通常在上千到上万个图标之间，覆盖界面常用符号、文件类型、设备、箭头、社交等类别。
我选图标库只看三件事。第一，网格和描边是否统一。好的库会声明"全部基于 24×24 网格、1.5px 描边"，这样你从里面挑十个放一起也协调。差的库是不同作者东拼西凑，混着用必然出戏。第二，SVG 源码是否干净。有些库导出的 SVG 里塞了一堆编辑器残留的图层名和id，文件体积是正常的三四倍，批量用起来很拖累。判断方法很简单：随便下一个，用文本编辑器打开看一眼，干净的源码通常只有path、g、circle这些必要标签。第三，是否支持通过 CSS 改色。理想情况是图标里的填充色写成currentColor，这样你只要在父元素上设color，图标自动跟随，不用改 SVG 文件本身。
具体操作上，我通常这样做：把常用图标下载到项目的assets/icons/目录，用一个简单的构建脚本把里面的写死色值统一替换成currentColor，然后在 CSS 里控制颜色。如果项目用的是组件化框架，会把每个 SVG 包成一个小组件，通过size和color两个属性控制，用起来就和自己画的图标没区别了。
提示：从图标库凑图标时，宁可少用几个也不要混风格。视觉上的不统一，读者说不清哪里不对，但会觉得"这东西不专业"。
3.2 站点四：可商用字体集合站
字体集合站的典型形态是：按风格分类列出字体，每款旁边标注许可证类型，点进去有预览和下载。常见的是开源字体许可证（如 OFL）和几种宽松型许可证。
这里必须把授权逻辑讲清楚，因为这是最多人踩坑的地方。开源字体许可证不等于"随便用"。以最常见的 OFL 为例，它允许你自由使用、修改、嵌入和再分发字体，但有几条限制：不能单独售卖字体文件本身；修改后如果沿用原字体名，可能涉及保留名称条款；再分发时必须附带许可证文本。也就是说，你可以把字体嵌进网页、嵌进 PDF、用在 Logo 里，但不能把字体文件打包成"字体合集"去卖。
第二类要注意的是**"免费"和"可商用"是两回事**。很多字体下载页写着"免费下载"，往下翻三屏才看到"仅限个人非商业使用"。我的一般判断流程是：先找授权页关键词，中文搜"商用""授权范围""许可协议"，英文搜 "license"、"commercial use"、"embedding"。找到之后逐一确认三件事：能不能用于商业项目、能不能嵌入到 PDF 或 App 里（有些字体禁止嵌入）、要不要在使用处标注版权信息。
第三点实操经验：PDF 导出时的字体嵌入。很多人在设计软件里用的是可商用字体，导出 PDF 时如果没勾选嵌入，交付到别人电脑上会替换成默认字体，排版全乱。这个错误我自己犯过，客户收到文件打开一看，标题字体变成了系统默认的宋体，那场面相当尴尬。现在我的固定动作是导出后重新打开一遍 PDF，检查字体列表里有没有出现"替代字体"的提示。
4. 配色与声音：站点五、站点六，最容易被忽略的两类素材
这两类资源有个共同点：没有的时候不觉得缺，用上了质感提升非常明显。配色决定视觉的第一印象，声音决定视频内容的完成度。很多人栽在这两件事上，不是因为不会做，而是手边没有一个可靠的参考源。
4.1 站点五：在线配色与渐变生成器
这类工具站的特征是：打开就是一块调色区域，可以拖动生成方案，可以输入色值，可以一键复制 CSS 或设计软件能用的格式。有些还支持从图片提取配色。
我在这类工具上总结了三条使用原则。第一，一套方案最多三种颜色。主色负责大面积，辅色负责分割和层次，强调色只用在按钮、链接这类需要点击的地方。新手最容易犯的错是凑了六七种颜色，看着热闹，实际读起来一片混乱。第二，明度差要拉开。文字和背景的明度差不够，是"看着不舒服但说不出为什么"的头号原因。我的判断标准是：正文文字和背景的明度差至少在 50% 以上，浅灰字配白底这种组合，在大屏上看着还行，在手机上就是灾难。第三，渐变要有方向逻辑。随手拉一个 45 度渐变是最常见的做法，但更好的做法是让渐变方向和内容的阅读方向一致或者正交，视觉上更稳。
具体操作上，我一般会从项目里最有代表性的一张图提取主色，然后手动调饱和度。原因是直接从照片提取的颜色往往偏灰、偏杂，直接用会显得脏。提出来之后降饱和、提亮或者压暗 10% 到 20%，得到的颜色更适合做界面。
另外一个细节：色值格式要统一。一个项目里混着十六进制、RGB、HSL 三种写法，后期改主题色的时候会非常痛苦。我现在的做法是全部用 CSS 变量管理，定义一层语义化变量（主色、辅色、文字色、边框色、背景色），具体色值只在最顶层出现一次，换主题只改那几行。
4.2 站点六：免费音效与背景音乐库
做视频内容的人都懂，画面可以凑，声音凑不了。这类站点的特征是：按类别和时长筛选，试听直接播，下载提供多种格式，页面标注许可类型。
挑选和使用时有几个技术细节值得说。采样率方面，视频项目用 48kHz，纯音频或网页用 44.1kHz，这两个别搞混，混了会出现轻微的变调。循环点方面，做背景音乐需要无缝循环，很多素材虽然标着"loop"，但循环点处理得不好，接缝处会有明显的咔哒声。判断方法是把音乐拖进编辑器，首尾相接播放十遍，听不出来就说明可用。音量方面，背景音乐压在 -20dB 到 -18dB 之间比较合适，人声在 -6dB 左右，这样叠起来人声清晰、背景不抢戏。
音效库还有一个专门的问题：同质化。几个热门站的音效被用得太多了，"嗖"的转场音、"叮"的提示音，观众一听就有既视感。我的做法是拿到音效之后做二次处理——变调、加混响、截短、叠一层环境底噪，改完之后基本听不出原样，成本也就几分钟。
授权方面，音乐类素材的限制比图片严格得多，常见的坑包括：禁止用于广告、禁止单独分发、禁止用于某些特定类型的平台内容、要求在使用处署名。这类条款一定要看，因为音频的版权监测比图片激进得多，图片可能没人管，音乐经常会被自动识别出来。
5. 模板与在线处理：站点七、站点八，省下来的是整块时间
前面几类是"创作素材"，这一类是"效率工具"。它们的价值不在于好看，而在于把你从重复劳动里拽出来。我算过一笔账，一份常规的季度汇报演示，从零排版大概要三小时，用模板改大概四十分钟，一年八次就是省下十七个小时。
5.1 站点七：文档与演示模板站
这类站点提供演示文稿、文档、表格、简历几大类模板，特征是分类清晰、有预览图、下载后是可直接编辑的源文件。
用模板有一个反直觉的经验：不要挑最好看的，要挑结构最接近你内容的。我早期选模板专挑视觉冲击力强的，结果用起来发现它的版式是为"少字多图"设计的，而我的内容是"多字少图"的汇报，硬塞进去每一页都溢出，改版式的时间比从零做还长。现在的选法是：先把自己的内容大纲列出来，数一下有多少页、每页大概多少字、有几张图，然后按这个结构去找，视觉部分自己调。
调整模板时有几个具体动作。一是换掉母版里的配色，不要一页页改，从母版或者主题设置里统一改，一次改完全篇生效。二是替换占位字体，很多模板用的是创作者本地装的字体，你打开之后会自动替换成默认字体，排版跟着崩。解决办法是打开后先把全文字体统一换成自己确认可商用的字体。三是检查导出效果，尤其是 PDF，图表、渐变、阴影这几样在导出后最容易变形。
还有一点关于简历模板的提醒：模板里的示例内容要全部删干净。我见过太多简历，最后一页还留着模板作者的自我介绍，或者文档属性里带着别人的名字。交付前把文档属性里的作者、公司、标题这几个字段也清一遍，这个动作只需要十秒。
5.2 站点八：在线格式转换与压缩工具
这类工具站是纯粹的功能型，打开就能用，不需要注册，处理完直接下载。常见能力包括图片格式转换、图片压缩、PDF 合并拆分压缩、音视频转码。
它们的最大优势是救急，最大风险是隐私。我给自己定的规矩很明确：涉及客户资料、合同、身份信息、未公开的产品文档，一律用本地工具处理，绝不上传。这条线不能松，因为在线工具的服务条款里通常写着"上传内容可能用于服务改进"，你没法确认它到底怎么处理。
可以放心用在线工具的场景是：压缩一张公开的产品图、把一段自己拍的视频转个格式、把几个自己写的文档合并成一个。这类内容即使泄露也无所谓。
具体操作上有几个容易出问题的地方。图片转现代格式时注意兼容性，新格式体积小很多，但部分老旧系统和部分办公软件不支持，对外交付时我一般同时提供两种格式。PDF 压缩要预览效果，有些工具压完之后文字变成位图，搜索不了也复制不了，交付前必须打开看一眼。视频转码要注意透明通道和音轨，带透明背景的视频转成不支持的格式后，透明区域会变成黑底，这个错误在大屏展示的时候会非常显眼。
另外，这类站点里有一个子类值得单独记一下：批处理工具。单张图片压缩哪个站都能做，但一次处理五十张的时候，能批量拖入、批量下载、保持原文件名的站点就少多了。我一般会准备一个本地脚本处理批量任务，在线工具只处理零散几张。
6. 学习与检索：站点九、站点十，信息密度最高的两个
前面八类解决的是"产出物料"，这两类解决的是"获取知识"。它们的共同点是信息密度高，但很容易变成"收藏了就当学过了"。所以这一章我会把重点放在怎么真正用起来。
6.1 站点九：公开课与讲座归档站
这类站点的特征是：按学科或主题分类，提供课程视频、讲义、作业，多数可以免费观看，部分提供字幕和文字稿。
我的使用方法和大多数人不一样。很多人打开公开课就从头看到尾，看了三集就放弃了。我的做法是先看目录和讲义，再决定看哪几集。一门课二十讲，真正对我有用的可能就三讲，剩下十七讲是我已经会的或者暂时用不上的。花五分钟扫一遍讲义目录，能省下好几个小时。
看的时候有个技巧：倍速加暂停做笔记。纯看不记，一周后忘掉八成；边看边把关键概念和推导过程手写一遍，留存率完全不一样。我的笔记格式很朴素，左边写概念名，右边写"它解决什么问题"和"什么情况下不适用"，不抄定义。这个格式逼着我想清楚，而不是复制粘贴。
讲讲义的价值：很多公开课的讲义比视频做得好，因为讲义里有关键的公式推导、代码示例、参考文献。我经常是视频只看片段，讲义完整过一遍。尤其是涉及计算的部分，视频里讲一遍很难跟上，讲义可以反复看。
另外一个使用场景是建立术语表。看一个新领域的课时，我会边看边攒一个术语表，把出现的专业名词和一句话解释记下来。看完一门课，术语表往往比笔记更有用，因为它是你之后查资料的钥匙。
6.2 站点十：技术文档与代码片段检索站
最后一类是面向技术内容的检索站，提供 API 文档、库的使用说明、代码片段、问答归档。这类站的特征是内容由社区维护，更新快，质量参差。
用这类站最重要的是看许可证和看更新时间。代码片段的许可证差异很大：宽松型许可证（如 MIT）基本可以随便用，只要保留版权声明；带专利条款的（如 Apache 2.0）需要保留声明文件；传染型许可证（如 GPL 系列）则要求你的衍生作品也采用同样的许可证，商业项目里要格外小心。我见过有人随手复制了一段带传染型许可证的代码进商业项目，后来被要求开源，那个麻烦程度远超重写一遍。
看更新时间同样重要。三年前的高票答案，在快速迭代的技术栈里可能已经完全失效。判断方法：看回答里提到的版本号，对照当前主流版本，差两个大版本以上就要打问号。另外看看有没有人回复"这个方案在某某版本之后不适用了"，这类评论往往比原答案更有价值。
还有一个使用习惯值得分享：别只抄结论，抄判断依据。同一个问题往往有三种方案，答案里说"用 A"，但你的场景可能更适合 B。我会把答案里的取舍理由一起记下来——什么数据量下用 A、什么并发下用 B、什么情况下两个都不该用。这样下次遇到类似问题，我能自己判断，而不是再搜一遍。
7. 十个站点怎么管：一套能落地的收藏维护办法
前面讲了十个站点的用法，但如果不解决"收藏了不用"这个问题，再多清单都是白搭。这一章讲我自己在用的管理办法，都是很土的办法，但确实管用。
7.1 标签体系与书签层级
我的书签栏只有一层，最多十二个位置，只放本周高频使用的。收藏夹里按"用途"分类，不按"网站类型"分类。这一点很关键：按网站类型分类（图库、字体、工具）看起来整齐，但找东西的时候你想的是"我要给这个页面配张图"，所以分类名应该叫"配图""图标与字体""出稿模板""救急工具"。
标签体系我用三个维度：用途、是否可商用、是否需要登录。第三个维度听起来奇怪，但它极大地影响使用频率——需要登录的站点，我只有在专门安排的时间段才会用，不会在赶工的时候点开。这三层筛完，一个链接在什么场景下该被想起来，基本就定了。
7.2 给重要站点做本地快照
这是我从那次死链事故里学到的最有用的一招。对于授权说明页、关键文档、常用配置，我会存一份本地快照，格式是 PDF 或者纯文本，文件名带日期。存的地方是项目文件夹下的reference/目录。
为什么这么做？因为授权条款是会变的。你今天看到的"可商用"，明年可能就改成"仅限个人"。真出了争议，你说"当时页面上写着可以"，对方说"我们现在不提供这个授权"，你没有任何证据。存一份带日期的快照，至少能证明你下载时的状态。
另一个作用是防失效。有几个站点的处理方法写得特别好，但那几个站后来关了，内容全网都找不到了。我因为存过快照，现在还能翻出来用。
7.3 每季度一次的清理动作
我给自己定了个规矩，每季度最后一周花半小时清一次收藏夹。动作很简单：从最久没打开的开始，一个个点开，能打开且还有用的留着，打不开的删掉，能打开但用不上的也删掉。删的时候不心疼，因为真需要的时候，按前面讲的那四条标准重新找，也就五分钟。
这半小时最大的价值不是清理，是重新发现。我经常在这一步翻出几个当初收藏了但一直没用的站点，正好接到相关需求就用上了。收藏夹不清理，就等于没有收藏夹。
最后分享一个小技巧。如果你经常在多个设备之间切换，书签同步很容易乱，我的做法是维护一份纯文本的清单文件，格式是"名称 | 用途 | 备注"，放在自己的笔记系统里。浏览器书签只是这份清单的副本。这样即使换浏览器、换设备，清单本身不会丢，而且纯文本可以随时搜索，比在书签管理器里一层层点要快得多。这份清单我从三年前维护到现在，长度一直控制在四十行以内，删掉的和加上的差不多一样多——这大概就是这类清单该有的样子，不是越攒越多，而是越用越准。
