使用 Lolly

一份实际讲解如何使用本应用的指南——打开工具、操作画布、导出、保存和分享。这里的一切都在你的设备上运行：无需账户、无需上传、首次加载后无需联网。

首次使用？快速入门 让你几分钟内就能开始创作，Lolly 面向运营方 则介绍如何安装/部署应用；本页讲的是应用打开后如何操作。

打开工具

主屏幕是画廊——按类别分组列出所有工具。点击卡片即可打开工具；如果你之前使用过该工具，继续按钮会恢复你最近一次的会话。使用搜索框可按名称筛选。

每个工具都是分屏视图：一侧是控件，另一侧是实时预览（画布）。更改任意控件，预览会立即更新。

少数工具（例如版式工作室）会以自由画布的形式打开——一个无边框、可直接操作的界面，你可以拖动、缩放、旋转并吸附文本、形状和图片的方框，双击即可就地编辑文本。它通过与其他所有工具相同的渲染路径导出，因此画布本身就是文件。详见下文自由画布。

画布（预览）

预览始终精确显示导出后的效果。

桌面端

• 缩放： Cmd/Ctrl + 滚动，或在触控板上双指捏合——缩放会以指针位置为中心。
• 平移： 按住空格键拖动，或用鼠标中键拖动。（普通点击仍可自由用于点击设计中的元素。）
• 键盘： 0 = 适应窗口 · 1 = 100% · + / − = 缩放。
• 缩放浮层： 角落里的小型 − NN% + Fit 控件。点击百分比数字可在“适应”与 100% 之间切换。

触控端

• 双指捏合缩放，拖动平移，双击重置为适应窗口。

点击跳转到对应控件： 点击设计中的任意元素，侧边栏中对应的输入项会获得焦点并滚动到可见区域——对于重复行组，它会展开你点击的那一行，因此编辑你所看到的内容只需一步。

更改尺寸时，视图会自动恢复为整洁的适应窗口状态。

自由画布（版式工作室）

自由画布类工具会在画板周围增加一个工作区域，就像设计师的粘贴板：

• 画布外暂存。 将方框拖出画框边缘，它仍然完全可见且可选中——在排布构图时可以先把元素放到一边，需要时再拖回来。画框之外的一切都会轻微淡化，使导出区域始终一目了然，画框本身则始终带有阴影，清楚标示文件的起始范围。
• 只有画框内的内容会被导出。 导出的文件以画板为边界——留在画框外的任何内容（或方框悬出边缘的部分）都会直接从输出中裁掉，位图和矢量格式均是如此。
• 缩小到超过“适应”比例（最小可到 20%），当你把元素暂存到画框很远的地方时，可以借此查看整个粘贴板。
• 可调整大小的画板。 更改导出尺寸会原地调整画框大小；方框会保持原有位置，因此你可以围绕现有内容重新调整版面框架。

在手机上

在窄屏幕上，布局会重新排列为单列：

• 控件会变成一个位于顶部的面板，其下边缘有一个拖动把手。拖动把手可以调整面板大小——它会吸附到微露 / 半屏 / 全屏——或点按把手在折叠与展开之间切换。预览会填满下方空间，并在你编辑时始终保持可见。
• 一个悬浮的渲染按钮会打开导出面板——格式、尺寸、复制、保存和下载等所有控件都集中在这里。点按背景区域即可关闭它。

控件（输入项）

工具只暴露那些设计为可变的输入项——其余的一切（配色、布局、排版、逻辑）都由工具作者锁定，因此你制作出的成品始终符合作者设定的规则。输入项包括文本、滑块、颜色选择器、下拉菜单、日期、图片选择器和重复行组。部分输入项会归入可折叠的分组中。

重置： 清除更改会将所有输入项恢复为默认值。

你的详细信息与头像

个人资料（位于画廊右上角）保存你的姓名、联系方式，以及可选的头像照片。需要这些字段的工具会自动预填——只需设置一次，你的邮件签名、组合标识和徽章就会自行填好。你仍然可以在每个会话中单独覆盖任意字段。通过开启使用我的信息，工具才可以读取这些内容。

你的头像照片和详细信息仅保存在本设备上。一份个人资料所代表的不一定只是你自己——也可以是一个团队，或你偶尔会扮演的某个角色。完整说明请见个人资料，包括如何保留多份资料。

保存与继续

点击保存可将当前输入项存为该工具的一个会话。每个工具可以保留多个具名会话；每个工具的继续按钮会重新打开你最近的一个会话，而历史记录按钮（右上角，紧邻个人资料）会列出所有工具下的每一个已保存会话。会话保存在本机。如需整理它们，请打开下方的项目。

项目

项目——可从工具旁边的项目标签页打开，也可从个人资料 → 存储 → 在项目中整理进入——是存放你所保存一切内容的地方，使用方式类似文件管理器：

• 可嵌套的文件夹。 将已保存的会话归入文件夹，文件夹内还可以再建文件夹，层级不限。你可以新建文件夹、重命名，或把一个卡片拖到另一个文件夹上来移动它；面包屑导航可带你逐层返回上级。一个始终存在的未分类文件夹会保存尚未归档的内容。
• 新工作直接归档。 在文件夹内，+ 新建工具会打开一个工具，并自动把它的首次保存归入该文件夹。
• 多选（桌面端）。 勾选卡片的复选框、在空白画布上拖出选框，或按住 Shift/Cmd 点击；右键点击卡片可打开其上下文菜单。之后即可对整个选中范围一次性执行操作。
• 渲染整个文件夹或选中项。 渲染文件夹会将文件夹中的每一个已保存会话——包括其子文件夹——导出为一个嵌套的 .zip。渲染选中项对任意多选范围执行相同操作，单个会话则直接渲染为对应的独立文件。无需使用“批量”（Pro）功能。
• 分享已保存的会话。 右键点击某个会话 → 分享链接，即可复制一个能以完全相同输入项重新打开它的链接（完整的分享对话框——见下文）。

分享链接

每一个输入项都会被记录在页面 URL 中，因此一个链接就是这份设计本身。使用导出控件中的分享——或项目中任意已保存会话上的分享链接——即可打开分享对话框：其中提供一个可直接复制的链接，以及用于加密链接、以及设置打开时行为的开关（全屏显示、展开导出面板、通过 &export 打开即下载，或通过 &copy 打开即复制到剪贴板）。

复杂的设计会生成很长的 URL，因此该对话框还提供最短链接选项，将全部状态打包为一个紧凑的令牌——可读形式的链接也始终保留可用。可以把它粘贴给同事、加入书签，或提交到版本库。（完整说明：URL 模式。）

你从设备上传的图片不会包含在分享链接中——它们只存在于你的机器上。

实时摄像头（运动响应型工具）

照片滤镜——半调、扫描线、色调分离、双色调——在有可用摄像头时会显示实时开启按钮。开启后，效果会逐帧跟踪你的摄像头画面，从而对动作做出反应；你可以将结果录制为 GIF、WebM 或 MP4。画面帧的读取和处理都在你的设备上完成，绝不会离开设备，一旦你停止或离开该工具，摄像头会立即释放。（任意图片选择器也都提供拍照功能，可抓取单帧画面作为设备端图片。）

我的图片

当某个工具允许你从设备添加图片时，该图片会被缩小尺寸、清除 EXIF/GPS 信息，并保存到你个人的我的图片库中（位于个人资料 → 存储）。你可以在任意工具中重复使用它。该图库有容量上限，且完全保存在本地——可以在那里管理或删除图片。

目录——你的素材库

目录（#/c，或菜单中的目录链接）汇集了你的工具可以调用的一切——品牌徽标、图片、音频与动态素材，按类别分组——它也是你自己的创意文件的存放之处。没有服务器，没有管理控制台，没有 pull request：一切都在你的设备上。

• 导入你的文件。 把任意图片、SVG、音频片段、视频、Lottie 或 PDF 拖到上传区域——或点击选择——它就会立即进入你的目录，在每个工具的素材选择器中随时可用。想导入多少都可以；它绝不会离开你的设备。
• 收藏常用素材。 给某个素材（或某个品牌色板）点上 ★，它就会置顶到每个选择器的最前面，让你常用的徽标或颜色一键即达。
• 整理归置。 把某个素材重新归入不同的分组，隐藏你不用的共享品牌素材（用显示隐藏项再把它找回来），或直接删除你自己上传的内容。

把你的调色板与字体带到任何地方

目录的色板面板不只是供参考——点击某个颜色即可复制它，或以你的其他工具所使用的格式下载整套品牌调色板：

• 设计令牌（JSON）、CSS 变量或 CSS 类——把品牌直接放进样式表或构建流程；
• Adobe Swatch Exchange（.ase）——载入 Illustrator 或 Photoshop；
• GIMP 调色板（.gpl）——用于 GIMP 或 Inkscape。

字体面板列出你的品牌字体，每种旁边都有下载按钮，可在本地安装或交给印刷厂。（品牌工作室的“颜色”标签页也提供同样的调色板下载。）

素材只是这条开放、自助路径的一半；另一半是制作你自己的工具——自由画布（即上文介绍的版式工作室）让你无需编写代码，就能可视化地搭建一个工具。

声音与无障碍

Lolly 致力于让每个人都能舒适地使用。界面支持键盘导航，自定义控件都带有供屏幕阅读器使用的正确标签，每个工具的实时预览也都以一张带有说明标签的图片形式呈现，描述它正在生成的内容。

一层轻柔的辅助音效会对你的操作给予确认——进入画廊、Content Credentials 校验有效与无效、关闭面板、切换滤镜等。它默认开启，但始终可选：在开关出现的任意位置（各视图的选项弹层，或个人资料）关闭声音即可，该选择会被记住。

该开关旁边是 Neurospicy 模式——一段可选的、令人平静的背景专注音轨，会在你工作时轻柔播放。开启它会在底部角落打开一个小巧的播放器坞，它会跟随你在应用中穿行；你可以在其中搜索并挑选音轨、前后切换、设置音量，以及将其最小化或关闭。音轨列表涵盖几个类别——程序化生成的 Lolly Sings 曲目、氛围循环与节拍、你自己上传的音频，以及少量实时网络电台（这些需要联网；其余内容均可离线播放）。它默认关闭，并且和“声音”一样，会跨会话、跨设备被记住。关闭“声音”也会同时静音专注音轨。

存储与隐私

一切都保存在浏览器的本地数据库（IndexedDB）中：你的个人资料、已保存的会话、上传的图片，以及已下载目录内容的缓存。个人资料 → 存储会显示使用情况，并让你可以：

• 清除缓存 —— 丢弃已下载的目录内容（下次加载时会重新同步）。
• 清除我的所有数据 —— 清空个人资料、会话和图片。此操作无法撤销。

任何数据都不会被传输到任何地方。没有遥测，也没有云端渲染。

迁移到另一台设备

由于一切都保存在你的设备上，个人资料 → 存储 → 迁移到另一台设备可以让你把这一切都带到第二个安装实例——无需账户，无需云端：

• 导出我的数据会下载一个 LollyTools-<First>-<Last>-<YYYY-MM-DD>-<n>.zip 文件（文件名中的各部分取自你的个人资料，未设置时会省略；<n> 是按天计数的序号，避免同一天的多次导出发生冲突），其中包含你的个人资料、每一个已保存的会话（含缩略图）、你上传的图片，以及你的偏好设置（主题、侧边栏宽度、本地活动统计）。
• 在另一个安装实例上使用导入数据…可以将该文件读回。它采用合并方式：任何同名内容（个人资料、会话槽位、图片）都会被导入的副本替换；该设备上的其他一切内容则保持不变。已保存的会话会自动重新关联到你导入的图片。

目录缓存不包含在内——它会在新设备上自行重新下载。该压缩包是一个普通的 zip 文件（manifest.json + profile.json + sessions.json + assets.json + assets/blobs/… + prefs.json，格式 id 为 lolly-backup），因此经过电子邮件、U 盘或 AirDrop 传输后依然完整，并且是每个客户端都能读取的同一种格式。每个部分都带有校验和，因此传输中损坏的文件会在导入时被发现，而不会被恢复成半损坏的状态。（完整格式规范：数据迁移。）

导入设计（Figma、Penpot、Illustrator、InDesign）

你可以将现有设计带入 Lolly 并继续在其中工作：打开版式工作室，在画布工具栏中点击导入设计，然后选择 Figma 的 .fig 或 SVG 文件、Penpot 的 .penpot 文件、Illustrator 的 .ai / .pdf 文件，或 InDesign 的 .idml 文件。图层会变成自由画布上可编辑的方框——文本仍可重新输入，图片会归入我的图片，字体和颜色则遵循品牌全局设置——之后的结果会像其他任何会话一样可以保存、分享和渲染。解析过程完全在你的设备上进行。完整说明：导入设计。

导出

见导出与格式了解完整内容——包括选择格式、输出尺寸与打印单位、透明度、视频，以及复制/分享。简而言之：选择一种格式，如有需要设置尺寸，然后点击下载（或复制到剪贴板）。

批量（Pro）模式

对于高级用户，批量（可从画廊中的链接进入，由默认开启的 Pro 功能开关控制）可以一次渲染多个变体——一个网格，其中每一行都是一组输入项，一起导出。非常适合把一张卡片本地化为十几种语言，或一次性生成所有尺寸变体。可以通过手动输入、直接从电子表格粘贴，或导入 CSV（也可以导出为 CSV）来填充各行，并为每一行分别设置格式、尺寸和输出文件名。整个网格可以保存为一个具名的批量会话，从画廊重新打开，并将每一行下载为一个 .zip 文件。

批量功能用于一次性生成同一模板的多个变体。若要重新渲染你已经保存的会话，请使用上文的项目 → 渲染文件夹 / 渲染选中项——无需 Pro。

离线与安装

Lolly 是一个 PWA。首次加载后即可离线使用——从浏览器地址栏安装它（或在移动设备上使用添加到主屏幕），即可获得类似原生应用的全屏体验。重新联网后，它会自动更新。