EP09. “储存空间、Artboards、参考线与 Layer Comps”

这篇笔记讲几个跟"项目组织管理"相关的功能——云端储存连接、Artboards（画板）怎么在一份文件里放多个设计、参考线/网格/吸附功能、以及用 Layer Comps 管理同一份设计的多个版本状态。 前置知识：先看过 EP01-EP08，熟悉图层和基本文件操作。

重点内容

储存空间（Storages）

Photopea 能整合多个储存端点做文件管理和协作：

可用的储存选项：本机设备储存、云端服务（Google Drive、Dropbox、OneDrive）、以及 Peadrive（Photopea 自家的云端储存）。

核心功能：双击储存空间里的文件就能直接在 Photopea 打开；按 Ctrl+S 能存回原本的储存位置——能在不同储存位置之间无缝切换文件，不用先下载到个人电脑。

Peadrive 与团队协作：登录后能使用带团队功能的 Peadrive，项目能设定权限分享给特定的人——只读（Read-only）或可读写（Read&Write）。Peadrive 里的 "Shared" 文件夹会显示团队成员分享出来的专属文件夹和资源。

[截图：Storages 面板，显示本机/Google Drive/Dropbox/OneDrive/Peadrive 各储存端点入口]

Artboards（画板）

Artboards 让一份文件里能容纳多个设计——本质上是"文件里的文件"，方便把不同版式或变化版本组织在一起。

技术特性：Artboard 本质上是一种带特殊功能的图层文件夹——每个 Artboard 都有自己专属的矩形"窗口"，只有在这个矩形范围内的图层才会显示出来。每个 Artboard 能有自定义的背景色，而且永远存在最顶层——不能嵌套在其他文件夹里面。

建立与管理：

• 新建文件时勾选 "Artboard" 选项，就能直接带一个 Artboard
• 用专属的 Artboard 工具画矩形来建立新的 Artboard
• 在 Layers 面板选中后，能像一般图层一样调整大小、用 "+" 按钮复制、重命名、或删除
• Properties 面板（Window → Properties）能设置具体尺寸、调整背景

[截图：多个 Artboard 并排排列的文件全貌，以及 Properties 面板的尺寸/背景设置]

其他特性：

• 尺规会根据选中的 Artboard 重新定位
• 参考线会依附在当前选中的 Artboard 上
• Sketch、XD、Figma 文件里的 Artboard 会被自动侦测识别
• 汇入 PDF 时，每一页会转换成一个独立的 Artboard
• 导出选项能把每个 Artboard 各自存成独立的 PNG/JPG 文件（打包成 ZIP），或各自存成独立的 PDF 页面

参考线、网格与吸附

参考线（Guides）：叠加在文件上的水平/垂直对齐线。启用尺规后，从尺规拖拉到文件里就能加一条；删除参考线：点选它拖拉回尺规即可；用 Move 工具能重新定位既有的参考线。

网格（Grid）：在文件上显示规律的图案，帮助按一致的间距对齐元素——不用手动拉一堆参考线，网格会自动显示一套规律的对齐辅助线。

像素网格（Pixel Grid）：专门显示个别像素边界的网格，只有在高倍缩放时才看得到，特别适合做像素艺术（pixel art）这类需要精确对齐单一像素的工作。

吸附（Snapping）：当物件靠近参考线或网格线时会自动触发对齐——物件靠近参考线时会被"吸附"过去，位置自动对齐到该参考线的位置。能透过 View → Snap 开关，对 Move、Free Transform、Crop 这几个工具都有效。

Layer Comps

Layer Comps 是文件状态的快照——储存每个图层的可见性、位置、以及外观（不透明度、混合模式、图层样式）。让设计师能维护同一个专案的多个版本，不用重复建立整套图层。

每个 Layer Comp 包含三个可切换的标记：

• Visibility（可见性）：哪些图层显示/隐藏
• Position（位置）：图层的摆放位置
• Appearance（外观）：不透明度、混合模式、图层样式

这三个标记能各自独立开关——比如可以只针对"可见性"建一个 comp，同时保留当前的位置和样式不变。

管理方式：Layer Comps 面板提供建立、套用、更新、删除、重命名 comp 的工具，能在当前的 "Last Document State"（最后的文件状态）和已保存的各个 comp 之间一键切换，让工作流程调整变得很顺畅。

[截图：Layer Comps 面板，显示多个已保存的 comp 列表和 Visibility/Position/Appearance 三个标记]

常见错误

• ❌ 一份文件里想放多个不同版式的设计，各自建独立文件管理——用 Artboards 把它们放进同一份文件里，方便统一管理和批量导出
• ❌ Artboard 想嵌套进其他文件夹里——Artboard 永远存在最顶层，没办法嵌套在别的文件夹里面
• ❌ 想给不同设计版本各自保留一套完整图层——用 Layer Comps 把不同的图层配置存成快照，一键切换，不用重复建立整套图层
• ❌ 做像素艺术却没开像素网格——像素网格只在高倍缩放时显示，需要精确对齐单一像素时记得开启并放大画面
• 💡 想在不同云端硬盘之间搬移文件，不用先下载到电脑再上传——直接在 Photopea 里打开来源储存空间的文件，复制后切到目标储存空间粘贴即可

Sources

官方文档：

1. Photopea Learn: Other — https://www.photopea.com/learn/other
2. Photopea Learn: Storages — https://www.photopea.com/learn/storages
3. Photopea Learn: Artboards — https://www.photopea.com/learn/artboards
4. Photopea Learn: Guides & Snapping — https://www.photopea.com/learn/guides-grid-snapping
5. Photopea Learn: Layer Comps — https://www.photopea.com/learn/layer-comps