如何在 Mac 上备份 Dribbble 和 Behance 设计作品集

本指南介绍如何在 Mac 上把 Dribbble、Behance 和其他网页作品集页面保存为可搜索 PDF。你会依次打开项目页面，准备浏览器，以一致的尺寸截图，导出结果，并按项目和日期整理文件。

PDF 会保留项目发布时的展示效果，包括说明和版式。原始设计文件仍需单独保存；截图存档只是参考副本，不能代替源文件。

简而言之： 打开每个项目页面，以 Retina 分辨率截图；长页面使用自动滚动；最后导出为可搜索 PDF。按统一规则命名文件（项目名平台日期.pdf），方便整理本地存档。

作品集 PDF 会保留什么

作品集 PDF 会保留图片、说明、标签和版式的发布顺序。这些呈现背景不同于底层的 Figma、Photoshop 或 Sketch 文件。

两者都应保留。源文件仍是编辑和高分辨率输出所必需的；PDF 则记录项目在截图当天如何展示在网页上。

如果你已经整理出公开项目 URL 列表，Website Capture可以对每个页面应用相同的截图设置。单个项目页面需要多帧时，则使用下面的滚动流程。

截取 Dribbble 项目

Dribbble 作品有两种形式：单个 Shot（单张图片）和完整项目页面（带说明的多图展示）。

单个 Shot

1. 在浏览器中打开作品页面，不要只看网格视图；
2. 作品页会显示完整尺寸的图片、标题、说明、标签和其他附图；
3. 打开 Shotomatic，选择窗口截图和浏览器窗口；
4. 如果所有内容能放在一个屏幕中，只截取一次；
5. 如果页面超出首屏（附图较多时很常见），在按键记录器中按 Page Down，并把间隔设为 1000ms；
6. 导出为 PDF。

项目页面（Dribbble Pro）

Dribbble 提供项目页面，可把相关作品组合成多图展示。这类页面更长，细节也更多：

1. 打开项目页面；
2. 设置窗口截图，使用 Page Down 按键和 1200ms 间隔。项目页面图片更多，需要留出加载时间；
3. 截取完整页面；
4. 导出为 PDF。

如果截图已经准备好，只需检查顺序并合并，请按照如何在 Mac 上把截图保存为 PDF操作。

批量截取整个 Dribbble 作品集

如果有几十或几百个作品，可以按固定顺序逐个处理：

1. 打开 Dribbble 个人主页；
2. 在新标签页中打开每个作品（中键点击或 Cmd+点击）；
3. 单独截取每个作品页面；
4. 每次导出后立即命名：项目名_Dribbble_日期.pdf。

这种方法需要手动逐项处理，但步骤清楚。包含 30～50 个作品的作品集，完整截图通常需要约 30～45 分钟。

截取 Behance 项目

Behance 项目通常比 Dribbble 作品更长：完整案例会按特定顺序展示叙述文字、过程图片和最终成品。

普通项目页面

1. 在浏览器中打开 Behance 项目页面；
2. Behance 项目页可能非常长，有些会超过 20 个屏幕；
3. 在 Shotomatic 中选择窗口截图和浏览器窗口；
4. 在按键记录器中按 Page Down，把间隔设为 1200ms。

较长的间隔在这里很重要。Behance 会延迟加载高分辨率图片，滚动到相应位置后才显示。截取得太快会留下占位图或未完全加载的内容。1200ms 可为每个区域留出渲染时间。

5. 点击 Start，让 Shotomatic 滚动截取整个项目；
6. 到达页脚或评论区时停止；
7. 导出为 PDF。

包含多个部分的 Behance 案例

对于较复杂的案例（UX/UI 作品集中很常见），可以这样设置：

• 最大化浏览器窗口，以便截取完整布局宽度；
• 使用 Retina 分辨率。Retina Mac 会自动以 2 倍分辨率截图，让图片更清楚；
• 如果发现图片没有完全加载，把间隔增加到 1500ms。

截取 Behance 情绪板和图片网格

有些 Behance 项目会使用密集图片网格或情绪板布局。这类页面图片多、加载慢：

• 把截图间隔设为 1500～2000ms；
• 确保浏览器窗口足够宽，能显示完整网格；
• 先检查前几张截图，确认图片完全加载后再继续。

设计作品的截图质量

如果使用 Retina Mac（MacBook Pro、MacBook Air、配备 Retina 显示屏的 iMac，以及大多数现代 Mac），Shotomatic 会自动按显示器原生的 2 倍分辨率截图。

这意味着：

• 文字清楚： 项目说明和案例叙述中的字体保持锐利、可读；
• 图片细节丰富： 2 倍分辨率下的设计作品放大后仍然整洁，不会轻易出现像素感；
• 颜色与截图时的屏幕一致： PDF 会记录渲染后的页面，但不同显示器和 PDF 阅读器仍可能造成色差。

设计作品集应使用实际可行的最高截图分辨率。处理所有项目之前，先按正常阅读尺寸检查导出的 PDF。

关于文件大小： Retina 截图比标准分辨率文件更大。一个普通 Behance 项目页面以 Retina 分辨率导出时，可能生成 15～30MB 的 PDF。更高质量通常值得这部分空间，而且大型作品集也能放入现代 Mac 的存储空间。

命名文件

统一的命名方式能让存档真正可用。可采用以下格式：

项目名_平台_日期.pdf

示例：

• BrandIdentity_Dribbble_20260322.pdf
• MobileAppRedesign_Behance_20260322.pdf
• IconSet_Dribbble_20260322.pdf
• UXCaseStudy_Behance_20260322.pdf
• PackagingDesign_Dribbble_20260322.pdf

为什么加入日期？ 作品集会持续变化。更新 Behance 项目后，你可能想再次存档。日期能说明 PDF 对应哪个版本。

为什么加入平台？ 同一个项目可能同时发布在 Dribbble 和 Behance，但呈现方式不同。平台名称可以区分它们。

整理作品集存档

文件夹结构

作品集存档/
├── 品牌设计/
├── UI-UX/
├── 插画/
├── 动效/
├── 印刷/
└── _已归档/

按设计门类而不是平台整理。查找时，你更可能记得“那个品牌项目”，而不是“Behance 上的那个项目”。

_已归档文件夹用来存放已经从当前作品集中移除、但仍想保留的旧项目。下划线会把它排在文件夹列表前面。

配套说明

可以在每个项目 PDF 旁放一个简短的文本文件：

项目名_notes.txt

内容可包括：

• 客户名称（如适用）；
• 完成年份；
• 使用的工具；
• 源文件位置；
• 原始平台 URL。

这些元数据不会出现在截图中，但能为存档提供重要背景。

其他作品集平台

同样的截图方法也适用于其他网页作品集。

Cargo

Cargo 作品集常有自定义版式和独特的滚动行为。先用 1200ms 测试 Page Down 间隔；如果自定义过渡需要更多时间，再增加间隔。

Adobe Portfolio

Adobe Portfolio 页面结构简单，整洁的版式很适合截图。使用标准设置即可：窗口截图，Page Down 间隔 1000ms。

个人网站（Squarespace、WordPress、自建网站）

即使作品集位于自己的网站，PDF 备份仍然有价值。网站依赖主机，域名需要续费，CMS 平台也要更新。PDF 存档能降低这些依赖带来的风险。

Figma/Notion 作品集页面

有些设计师会用 Figma 或 Notion 制作作品集。它们都基于网页，可以采用同样方法：在浏览器中打开页面，选择窗口截图，滚动页面，再导出为 PDF。

改善作品集截图

按浏览器完整宽度截图。 设计作品需要足够空间。最大化浏览器窗口，或把宽度设为至少 1200px，以便按原本设计显示完整布局。

登录账户。 有些平台会在登录后以不同方式显示自己的作品，例如出现编辑按钮或管理界面。如果想得到整洁的公开视图，可以退出登录；如果当前截图没有干扰，也可保持登录。

关闭弹窗和横幅。 截图前关闭升级方案横幅、Cookie 提示和通知请求。

截取项目页，而不是网格。 作品集网格只显示缩略图，单独的项目页才有完整展示。请始终截取项目页面。

检查图片加载。 开始前先手动滚动整页，触发延迟加载的图片，再回到顶部启动自动截图。图片经过缓存后，在截图过程中会更快显示。

安排备份时间。 可以每季度或新增项目时设置日历提醒，重新截取作品集。两年前的备份不会包含近期作品。

常见问题

能直接下载自己的 Dribbble 或 Behance 文件吗？

Dribbble 允许下载自己上传的作品图片，但不能下载包含描述、评论和版式背景的完整项目页面。Behance 的导出选项也有限。截图可以保留项目在网页上的完整呈现。

截取的作品集 PDF 有多大？

一个普通项目页面以 Retina 分辨率截图后，PDF 通常为 10～30MB，具体取决于图片数量和页面长度。50 个项目约占 500MB～1.5GB，现代 Mac 一般都能容纳。

截图质量足够用于打印吗？

Retina 截图以 2 倍分辨率拍摄，很适合屏幕查看和参考，但比不上原始源文件的分辨率。这种存档适合备份和查阅，不适合重新制作可直接印刷的成品。

平台更改版式后怎么办？

带日期的 PDF 会记录截图当天可见页面的样子。平台改版后，它可以作为有用的参考，但不会保留交互行为或原始源文件。

其他作品集平台也能用这种方法吗？

可以。同样的方法适用于 Cargo、Adobe Portfolio、Squarespace、个人网站以及其他网页作品集平台。只要内容能在浏览器中显示，就能截图保存。

保存作品集页面

先截取一个项目页面，确认图片、说明文字和延迟加载区域都显示正确，再以相同的浏览器宽度和命名方式处理其余项目。

下载 Shotomatic，或查看价格。