一份关于真正使用这个应用的实用指南 - 打开工具、操作画布、导出、保存和分享。这里的一切都在你的设备上运行:无需账号、无需上传,对你已经打开过的界面也无需联网。
初次使用?快速入门让你几分钟内就能开始创作,Lolly 面向运营方介绍应用的安装与部署;本页讲的是打开之后如何操作。
打开工具
主屏幕就是工具库 - 每个工具都按类别分组。点击卡片即可在该工具中开始新的创作;已保存的作品会从项目重新打开。用搜索框按名称筛选 - 或者从六个列表页(工具库、实用工具、项目、素材、控制台和个人资料)底部的栏里搜索,它除了工具,还能找到你保存的作品、你的素材和设置。进入工具后,这条栏会让位给工具自己的界面。
signed by Lollyvector SVG20 paths~4.5k nodes31 groups59 KB自己验证获取已签名文件
signed by Lollyvector SVG20 paths~4.5k nodes31 groups59 KB自己验证获取已签名文件Try it in the app
每个工具都是分屏视图:一侧是控件,另一侧是实时预览(画布)。更改任意控件,预览会立即更新。
signed by Lollyvector SVG129 paths~6.3k nodes157 groups1 image142 KB自己验证获取已签名文件
signed by Lollyvector SVG129 paths~6.3k nodes157 groups1 image142 KB自己验证获取已签名文件
少数工具(例如 Design)会以自由画布的形式打开——一个没有多余界面、可直接操作的画面,你可以拖动、缩放、旋转并吸附文本、形状和图片方框,双击即可就地编辑文本。它通过与其他所有工具相同的渲染路径导出,因此画布本身就是文件。见下文自由画布。
有两种方式,可以把这个网格本身调整成你想要的样子:
- 给常用的工具加星。 给卡片点上 ★,它就会在网格上方的横排里获得一块属于自己的大磁贴——见你的收藏。
- 隐藏你从不使用的工具。 右键点击卡片(或选中若干张后使用选择栏)→ 隐藏工具。它会从网格中消失,在网格里打字搜索时也找不到;网格最末尾有一块灰色的显示隐藏的工具 (N) 磁贴,可以把它们重新显示出来(呈暗色),每一个的菜单里都有取消隐藏工具。隐藏只关乎你自己的网格——该工具仍可从保存的链接或书签打开,对其他人来说也一切照旧。
signed by Lollyvector SVG348 paths~31k nodes790 groups6 images2,083 KB自己验证获取已签名文件
signed by Lollyvector SVG348 paths~31k nodes790 groups6 images2,084 KB自己验证获取已签名文件
要一次对多张卡片操作,勾选每张卡片的复选框、在空白处拖出一个选框,或按 Shift/Cmd 点击,就会出现一条悬浮操作栏。选择栏提供什么在不同视图里略有差别,因为并非每个操作在所有地方都说得通:
- 工具 / 实用工具: 收藏(或取消收藏)、隐藏(或取消隐藏)、可离线使用(或从离线中移除)、查看会话(会打开项目,只显示用这些工具做的会话),以及在恰好只选中一张卡片时的复制链接。
- 素材: 收藏和隐藏适用于任意选中范围;生成副本、下载和删除只有在选中的每一项都是你自己上传的内容时才出现 - 共享的设计系统素材是一份长期契约,因此即便批量操作,这三项也不会对它开放。
- 项目: 见找到你保存的内容。
有一个标签上的坑:查看会话只有在选中了东西之后才存在。右键点击一张未被选中的卡片,得到的是N 个已保存的会话,它打开的是该工具已保存会话的列表,其中的删除会把会话移到回收站,而不是跳转到项目。
signed by Lollyvector SVG22 paths~1.5k nodes22 groups26 KB自己验证获取已签名文件
signed by Lollyvector SVG22 paths~1.5k nodes22 groups26 KB自己验证获取已签名文件
Ask Lolly
当你不想翻找、只想直接问时,Ask Lolly(#/ask)接收你输入的问题,并原文返回本文档中匹配的那一节——是指南自己的措辞,既不是摘要也不是生成内容——同时注明它来自哪一页,旁边附有在文档中打开链接。答案下方是应用里与同一问题匹配的位置:一个工具、一项设置、一个已保存的项目,每一项都是一个直接跳转过去的按钮。
对话记录只是本次会话的记忆:接着追问,线程会一路累积;重新加载则从头开始。搜索结果底部会有一行 *Ask Lolly:你的查询词***——排在其他分组找到的具体结果之下——它把问题直接转交过去,于是你可以从搜索栏开始,在这里收尾。
画布(预览)
预览始终精确显示导出后的结果。
桌面端
- 缩放: Cmd/Ctrl + 滚动,或在触控板上双指捏合——缩放以指针位置为中心。
- 平移: 按住空格键拖动,或用鼠标中键拖动。(普通点击仍留给点击设计中的元素。)
- 键盘:
0= 适应窗口 ·1= 100% ·+/−= 缩放。 - 缩放浮层: 角落里的小控件
− NN% + Fit。点击百分比可在“适应”与 100% 之间切换。
signed by Lollyvector SVG62 paths420 nodes36 groups42 KB自己验证获取已签名文件
signed by Lollyvector SVG55 paths407 nodes36 groups41 KB自己验证获取已签名文件
触控端
- 双指捏合缩放,拖动平移,双击恢复适合视图。在自由画布上,双指放在选中的对象上时,改为缩放、旋转和移动所选内容(参见调整大小、缩放和旋转)。
点击跳转到对应控件: 点击设计中的任意元素,侧边栏中匹配的输入项会获得焦点并滚动到可见处——对于重复行组,它会展开你点击的那一行,于是编辑眼前所见只需一步。
更改尺寸时,视图总会自动回到整洁的适应状态。
自由画布(Design)
自由画布类工具会在画板周围增加一块工作区域,就像设计师的粘贴板:
- 画布外暂存。 把方框拖出画框边缘,它仍然完全可见且可选中 - 排布构图时可以先把元素放到一边,需要时再拖回来。画框之外的一切都会轻微淡化,使导出区域始终一目了然,画框本身则保留阴影,清楚标示文件从哪里开始。
- 只有画框内的内容会被导出。 导出的文件以画板为边界 - 留在画框外的任何内容(或方框悬出边缘的部分)都会直接从输出中裁掉,位图和矢量格式均是如此。
- 缩小到超过"适应"比例(最小可到 20%),当你把元素暂存到离画框很远的地方时,可以借此看到整个粘贴板。
- 可调整大小的画板。 更改导出尺寸会原地调整画框大小;方框保持原有位置,因此你可以围绕现有内容重新取景。
- 导出之前。 检查器的文档部分会检查已保存的图层结构,然后读取已静止的画布,检查文字是否被裁切、纯色是否对比度不足。它还会用 SVG/PDF 轮廓化所使用的同一套字体注册表,逐一询问每段文字是否带有可嵌入的字体字节;图片和渐变背景则被列为需要目测检查的项目,而不是给出一个凭空捏造的对比度分数。
signed by Lollyvector SVG288 paths~14k nodes329 groups3 images282 KB自己验证获取已签名文件
signed by Lollyvector SVG281 paths~14k nodes329 groups3 images281 KB自己验证获取已签名文件
翻转所选内容。 右键点击任意方框,选择 Flip horizontal(水平翻转)或 Flip vertical(垂直翻转)即可原地镜像,或按键盘上的 Shift+H / Shift+V - 之所以要加 Shift,是因为单独的 V 是 Pointer 工具。每个被选中的方框都沿自己的轴镜像,并作为一个撤销步骤记录;镜像是真正的变换,因此它会保留在导出的 SVG、PDF 和 PNG 中,而不只是停留在画布上。
调整大小、缩放和旋转
选中对象后,拖动控制点可改变其大小,拖动所选内容下方的圆形控制点可旋转对象。拖动改变大小有两种模式:
- 调整大小为默认模式,只改变外框。文本会按新尺寸重新换行,字号、描边宽度、圆角半径和效果保持不变。
- 缩放会连同内容一起放大或缩小整个对象:字号、描边、圆角半径、阴影、模糊、内边距和间距都按相同比例变化。
按 K 可开启或关闭缩放。没有键盘时,可在 Lolly 菜单中选择缩放模式,或在工具栏上长按指针按钮(或右键点击该按钮),然后选择缩放;在触屏上,对象栏也有缩放开关。缩放开启时,指针按钮显示缩放图标,每个控制点中间都有一个圆点。按 V 或 Escape 可返回调整大小并保留所选内容。每次打开文档时缩放都是关闭的,所以不会不小心缩放描边。每次缩放是一个撤销步骤,标记为缩放。
按数值缩放。 缩放开启时,或选中多个对象时,点击对象栏上的读数即可打开缩放弹出面板。输入百分比,或输入宽度或高度,其余两个值随之更新,然后在 3 x 3 网格上选择保持不动的点,再选择应用。无需拖动,结果是一个撤销步骤。缩放关闭时,多个对象只会改变大小和位置。
多个对象。 选中多个对象时,除四角外,边缘上也有控制点。当所选内容中的每个对象都保持直立或按整数个 90 度旋转,且所选内容中没有编组或圆形时,拖动角点可自由改变宽度和高度。否则所选内容会保持比例:控制点显示缩放光标,拖动时读数中会加上等比。调整大小或缩放时,所选内容旁会显示一个小标签,显示尺寸,缩放模式下则显示百分比。
拖动时按住的按键在按下或松开时立即生效(快捷键表 ? 中也有列出):
| 按住 | 调整大小或缩放 | 旋转 | 移动 |
|---|---|---|---|
| Shift | 保持比例(缩放始终保持) | 以 15 度为步长旋转 | 无变化 |
| Alt(Option) | 以中心为基准 | 自由旋转 | 关闭吸附和网格 |
| Cmd/Ctrl | 关闭吸附和网格 | 自由旋转 | 关闭吸附和网格 |
未按任何键时,旋转角度一旦与某个 15 度倍数相差在 4 度以内,就会被吸到最近的 15 度。画板不能旋转,因此没有旋转控制点。
沿边缘任意位置抓取。 无需精确点中控制点。所选内容的每一条边都是沿整条边长的调整大小条带,使用鼠标或手写笔时,每个角的外侧还有一个旋转区域。指针会显示拖动将执行的操作,并随所选内容的方向旋转。在条带或区域中按下后,只有开始拖动才会变成调整大小或旋转,因此单击仍然像以前一样选择、加入所选内容或取消选择。已锁定的对象没有控制点、条带或区域。
小对象仍可移动。 对于屏幕上 25 像素或更小的对象,会隐藏挤在角点旁的中间控制点,其余控制点会从轮廓向外移开一点,因此在对象上按下会移动对象。当尺寸在 10 像素或更小时,角点控制点也会消失,细线则在两端各保留一个控制点。在细线或极小对象旁边按下,只要不在其控制点上,也会移动对象。
大抓取区域。 在触屏上,抓取区域较大:每个角的区域为屏幕上所选内容宽度和高度的四分之一,并限制在 24 到 44 像素之间,每条边的区域覆盖两个角之间的部分。当所选内容太小时,区域会移到轮廓之外,因此按在中间仍会移动所选内容。指针下方或按住的手指下方的区域会显示阴影。若想在鼠标或手写笔上获得同样的区域,请在 Lolly 菜单中开启大抓取区域。该设置仅保存在此设备上。
双指放在所选内容上。 在触屏上,将两根手指放在选中的对象上:捏合可缩放所选内容,扭转可旋转所选内容,同时移动两指可带动所选内容。双指的所有操作算作一个撤销步骤。缩放开启时,捏合会连内容一起缩放;缩放关闭时,捏合会按比例调整所选内容的大小。扭转在接近时会被吸到最近的 15 度,双指移动从不吸附。双指放在其他位置仍然缩放和平移视图,双指轻点仍然打开菜单。第一根手指必须落在所选内容上,第二根手指要很快跟上,落在所选内容上或紧挨其边缘外侧。如果所选内容包含画板或已锁定的对象、占据了大部分视图,或超出了视图边缘,双指将改为缩放和平移视图。
图层与检查器
在图层中,每个画板都是一个可折叠的父级分组。点击它的名称即可跳转过去,展开其图层,并在该画板内选择或重新排列对象。切换到页面可查看缩略图并调整页面顺序。方向键可在图层列表中移动;按左方向键会返回画板标题。
检查器会把所选对象的文本或图片控件排在最前面。用选项芯片做快速选择,展开 Advanced 查看样式细节。在手机上,从更多操作打开检查器。控件会在一张工作表中打开;按 Escape 或返回可以关闭它,同时保留你的选择。
绘制你自己的形状(钢笔)
方框、圆形和圆角框足以应付大多数版面。当你需要的形状不在其中时,就把它画出来:工具栏上的钢笔按钮(或 P 键)会让你进入绘制模式。三个单键在模式之间切换——V 回到指针,P 是钢笔,N 是节点工具(编辑节点)——而指针始终是从当前模式退出的出口。
signed by Lollyvector SVG60 paths413 nodes40 groups42 KB自己验证获取已签名文件
signed by Lollyvector SVG60 paths413 nodes40 groups42 KB自己验证获取已签名文件
- 点击放置一个节点。在默认曲线类型下,点击并拖动会拉出该节点的手柄,这就是画出曲线而不是尖角的方法——点击时按住 Alt 则得到一个硬转角。(在其他曲线类型下,放置的每个节点都是尖角,拖动不起作用;见下文的样条类型。)
- 放置节点时会吸附到画板和你的其他方框上,画出与普通拖动相同的参考线。绘制过程中按 Alt 会屏蔽网格,之后拖动节点时按 Alt 则同时屏蔽网格和边缘。
- 点击第一个节点即可闭合路径并一步完成。否则按 Enter、双击,或干脆切换工具——所绘内容会被保留,不会丢弃。
- Escape 一次退一级:第一次按下会放弃这次绘制、不写入任何内容,第二次按下则退出钢笔。
- 绘制过程中按 Delete 会删掉你最后放置的那个节点。
结果就是画布上的一个普通方框。移动它、缩放它、旋转它、编组它、对齐它、调整它的层级,给它填充、渐变、阴影或不透明度——路径的表现和其他每个方框一样,这些控件都不会区别对待它。
它一出现就带着颜色。你画的第一条路径会采用品牌为路径规定的填充和描边,此后每条新路径都采用你上一次用过的设置——设定一次填充就可以一路画下去,不必逐个形状重新上色。(在品牌对路径未作任何规定的工具里,画出的路径会用你绘制时看到的那个颜色描边,因此它绝不会是隐形的。)
再次编辑节点。 双击该形状(或使用对象栏上的编辑节点),节点就会回来。拖动节点可移动它,拖动手柄可改变它的朝向,在曲线上任意位置点击可插入节点,框选一组节点后按 Delete 可删除选中的节点。路径始终至少保留两个节点,因此你不会不小心把它整个删没。
样条类型决定穿过你这些节点的是哪一种曲线,这个选择值得弄明白:
| 类型 | 作用 |
|---|---|
| 平滑(自动) | 默认选项。它自行算出手柄长度,因此单纯地点击、点击、再点击就能得到一条真正平滑的曲线,无需摆弄手柄。如果你确实设置了某个手柄,它会固定住方向,长度仍归曲线掌握。 |
| 贝塞尔手柄 | 经典钢笔。手柄就是控制点,插入节点绝不会移动曲线。 |
| 穿过节点 | 精确穿过你放置的每一个节点,没有手柄。 |
| B 样条 | 从节点附近流过而不穿过它们,形状更柔和。 |
| 直线 | 折线。 |
把已有路径切换到自行计算手柄的类型时会先询问你,因为你设定的手柄长度无法恢复——切换到贝塞尔手柄则始终无损。绘制过程中不会有提示:切换直接作用于草稿,你此前拉出的手柄也随之而去。在自行掌握手柄的类型上,插入节点会让曲线形状略有变化;在贝塞尔手柄上则不会。
每个节点还带有一条连续性规则,在画布上以形状表示——方形代表尖角(手柄各自独立移动),圆形代表平滑(手柄保持共线),带圆环的圆形代表对称(共线且等长)。为任意选中的节点设定它,曲线会立即重新满足这条规则。
signed by Lollyvector SVG5 paths38 nodes7 groups5 KB自己验证获取已签名文件
signed by Lollyvector SVG5 paths38 nodes7 groups5 KB自己验证获取已签名文件
画出的路径和其他一切一样会随链接传递,因此你画的形状可以从分享链接重新打开,也能由 CLI 渲染出完全相同的结果。它没有任何一处依赖编辑器。
组合形状(路径运算)
选中两个或更多形状,在画布上右键点击(触控设备用双指点按),菜单里就有你在绘图软件中会期待的那些运算:
- 并集把它们合并为一个形状,保留最上层形状的颜色。
- 减去从底层形状中减掉其上方的所有形状。
- 相交只保留重叠的部分。
- 排除保留重叠以外的所有部分。
另有三项作用于单个形状:轮廓化描边…把描边变成轮廓相同的填充形状(想把线宽精确保留成绘制时的样子就很有用),偏移路径…把外形向外扩张,填入负数则向内收缩,而简化会用更少的段数重建一条形状相同的路径。
signed by Lollyvector SVG5 paths47 nodes7 groups5 KB自己验证获取已签名文件
结果是一条新的路径,你可以继续用钢笔编辑它。孔洞是真正的孔洞——描边面板上的填充规则控件决定重叠的轮廓是被填充(非零)还是被镂空(奇偶)。
这些运算有两件事是刻意不做的。它们宁可拒绝也不破坏:让两个并不重叠的形状相交,它会告诉你没有可保留的部分,并且什么也不改。另外,文本框和图片框没有可用的轮廓,因此它们会被原样留下,而不是用外框近似代替。合并后的结果以普通贝塞尔曲线存储,绘图软件也是这么做的——原来的样条类型不会在运算后保留。
3D 场景
在工具栏的添加菜单中选择3D 场景,然后拖出一个框:3D Studio 会立即在这个新方框上打开,你在其中所做的设置会回传到画布上。除此之外,场景方框和普通方框没有区别。移动它、缩放它、旋转它、为它添加阴影、把它放到某张幻灯片或时间轴上,它的表现和其他方框完全一样。
场景方框保留的是配方,而不是一张图片。 图片方框存放的是一个已渲染好的文件;场景方框存放的是一项设置 - 场景本身,以 3D Studio 自己的链接查询串写成,仍停留在工作室默认值上的每一项都会被省略。这就是为什么一个场景大约只有一百字节,而不是一整份配方要花费的那几千字节;为什么同一个字符串在分享链接和编辑器入口都能用;也是为什么工作室新增一个控件时 Design 不需要跟着改动。这也是为什么这个方框会按文档需要的任意尺寸和时刻重新渲染,而不是把先前拍下的图片放大。场景所用到的图片仍然是素材,按 id 传递,因此场景内部的一次上传,会和文档的其余部分一起进入 .lolly 文件。
在工作室中编辑它。 选中这个方框,检查器会显示一个3D 场景分区:一行说明场景由什么构成,第二行在你选定灯光工作室之后说明它是哪一个,还有一个按钮,在 3D Studio 中编辑。这个按钮会用该工具的全部控件,在这个方框的场景上打开工作室。点击应用,编辑后的场景会作为一步写回,因此一次撤销就能让方框回到你开始时的那个场景;不点应用直接关闭工作室则什么都不会改变。这个方框的其余一切 - 它在画板上的位置、大小、阴影、什么时候出现在某张幻灯片上 - 仍然留在它一直使用的那些分区里。场景方框本身没有图片,也没有说明文字:它的画面来自工作室,文字也是在那里设置的。
一个实时场景,其余方框都是海报。 文档里的每个 3D 方框都会显示一张海报:场景的一张静态图片,通过共享的渲染器池在离屏状态下按方框占据的尺寸绘制出来。一份有二十个场景的文档只占用一个绘图环境,而不是二十个。选中一个场景方框,它就会成为文档唯一的实时场景;取消选中后,屏幕上原本显示的那一帧就变成它的海报,因此画面不会跳变。同一时刻只有一个场景是实时的,同时选中两个场景方框则两者都会保持为海报。在本次发布中,实时场景只能用来查看,不能环绕查看:要更改场景,请通过在 3D Studio 中编辑进行。无法打开浮点图形环境的设备会保留海报,并在方框内部说明原因,而不是显示一个空白矩形,文档的其余部分不受影响。打开一份没有 3D 方框的 Design 文档完全不会加载任何 3D 代码。
在时间轴上,场景方框会像视频片段一样跟随播放头:它的开始时间、入点修剪和速度会推动场景播放自身的动画,而场景的时长就是你在 3D Studio 中设置的那个时长,因此把方框修剪得更短,看到的场景内容会更少,而不是播放得更快。只有被选中的场景方框是实时的;其余每一个都是静态图片,而静态图片不会随播放头拖动而改变。
在导出中,每个场景都会用工作室所用的同一个渲染器,按文件所需的尺寸重新绘制。视频会为每个场景的每一个时刻渲染一帧;PNG、SVG 或 PDF 则会按方框自身的像素尺寸,为每个方框嵌入一张图片。没有任何内容是从屏幕上拍摄下来的,因此导出结果不取决于你当时选中了哪个方框。无法绘制的场景会让导出失败,并用工作室自己的措辞说明原因。
分享一个基于你自己上传内容构建的场景。 Design 文档的分享链接会原样携带场景内部的一个设备本地上传 id,而图片方框在这种情况下会把它清空。因此,如果一个场景所用的美术素材或模型是你上传的文件,它在别人的设备上会显示工作室对该图片的默认效果,除非文档以携带字节内容的 .lolly 文件形式传递。
时间轴(Sequence)
Sequence 是 Design 的时间轴:它为自由画布加上了时间这个维度。每个方框都可以在某个时刻开始、持续一段时长,并带有入场和出场动画,而停靠在画板下方的时间轴就是你安排它们的地方。打开它,已经有一段序列在播放 - 一张标题卡、一段片段、一张片尾卡、一条下三分之一字幕和一条背景音乐 - 因此在你改动任何东西之前,这套模型就已经清晰可见。
signed by Lollyvector SVG63 paths~8.8k nodes132 groups105 KB自己验证获取已签名文件
signed by Lollyvector SVG63 paths~8.8k nodes132 groups105 KB自己验证获取已签名文件
轨道有两种,两者的区别正是整个想法的关键:
- 序列轨是磁性的。片段一个接一个、彼此无缝相连,拖动其中一个会重新排列整条序列,而不是留下一个空洞。删掉一个片段,其余的会自动合拢。这是你的主干。
- 叠加轨则是自由的。下三分之一字幕、Logo、字幕说明——任何按自己的时间浮在主干之上的东西——都有自己的轨道和自己的起点。
- 在这些之下,始终显示收纳完全没有时间设定的方框:全程都在画面里的布景。方框标记上的
+可以把它提升到某条轨道上;设为始终显示则把它送回去。
signed by Lollyvector SVG326 paths~20k nodes444 groups2 images358 KB自己验证获取已签名文件
signed by Lollyvector SVG319 paths~20k nodes444 groups2 images357 KB自己验证获取已签名文件
打开时间轴会把键盘交给它,因此空格键和方向键驱动的是播放头,而不是页面 - 而且由于它在已经带有时间设定的作品上会自行打开,从 Sequence 加载的那一刻起就是如此。
序列编辑器 更深入地讲了决定按时间编辑是否可预期的四件事:画布上的一次点击编辑的是哪个片段、相邻片段的洋葱皮残影、拆分的作用范围与撤销剪切的合并,以及修剪(包括整套键盘操作)。让时间轴处于焦点状态时按
?可查看快捷键表。
编辑。 拖动片段中部可移动或重新排序,拖动靠近两端几像素处可修剪,按在播放头处拆分(或 S)可把一个片段切成两个。拆分要求片段有真实的时长,且播放头位于其内部稍靠里的位置,因此没有结束时间的片段(比如背景音乐)无法拆分。吸附到边缘默认开启,会吸附到片段边缘、播放头和整秒处,按 Alt 可临时取消。每次拖动都是一步撤销,且拖动时的预览与最终提交采用同一套算法,所以拖动时看到的就是最终结果。
选中一个片段,检查器会以数值形式提供同样的编辑项:时长、入点修剪(从源素材的多久处开始)、速度(从 ×0.25 到 ×4 的一组固定倍率)、入场动画 / 出场动画及其时长,以及将片段静音。磁性轨上的片段刻意没有开始字段——顺序由轨道掌管,所以要移动它就靠拖动。
转场是预设,不是关键帧:淡入淡出、弹出、扩展、上升、下落、四种滑入、放大与缩小、倾斜、俯冲、旋转、漂移,或硬切(无动画)。位移距离会随对象大小缩放,因此同一个预设在整幅卡片和小小的徽标上都读得通。序列轨上相邻两个片段之间有一个接缝标记:点击它并选择硬切或交叉淡化,选择后立即生效并关闭。再次打开同一个标记可修改时长(毫秒),然后按完成。交叉淡化会被存成前一个片段的淡出加后一个片段的淡入,真正的叠化由这一对推导得出:前一个片段会越过切点继续播放并淡出,同时后一个片段在它下面淡入。预览和文件遵循同一套规则,所以你在接缝处看到的就是你导出的结果。
声音。 添加一个音频片段,它会像其他片段一样待在时间轴上:波形、修剪、静音。(默认会话自带的那条生成式背景音乐是唯一的例外——它在导出时才合成,所以在你渲染之前,它的条形一直是空白且无声的。)按下麦克风即可把旁白录制直接录到时间轴上,带有预备倒数和电平表,录下的这一条会作为你自己的素材,保存在你开始录制的位置。按下旁边的摄像头即可用同样的方式录制视频:拍摄过程中画面会按画板的导出尺寸裁切,因此这个小小的自拍预览显示的,正是会以满幅画面进入播放头处序列的内容——这也是从共享链接收集同事素材的方式。音乐、对白和片段自带的声音都会进入导出的混音。(导出面板里的音轨是另一回事:一条铺在整段成片下方的背景音乐,带淡变和自动闪避。两者可以并存。)
音频条。 选中任意带声音的片段,时间轴下方就会打开一条紧凑的控制条:音量推子、用于立体声定位的平移、三段式EQ(低、中音、强烈)、以半音为单位变调且保留人声特质的音高控件,以及标准化音量,它会把片段调整到广播响度标准(BS.1770),让轻声的语音备忘和响亮的音轨听起来一样响。两个片段相接的地方,交叉淡化会让接合处变得柔和,而不是直接切断。效果插槽会对该片段执行设备端处理 - 人声降噪能去掉录音里的房间声和嘶声。变速也会保留音高:放慢或加快的片段会被时间拉伸,而不是简单加速造成的尖细声。每次混音,导出都会在语音出现和消失时把音乐压到语音之下,并把整段节目控制在一个真峰值限制器之下,确保输出时不产生削波;本会削波的波形会在发生的位置画出警告标记。
signed by Lollyvector SVG88 paths~5.8k nodes138 groups2 images86 KB自己验证获取已签名文件
signed by Lollyvector SVG88 paths~5.8k nodes138 groups2 images86 KB自己验证获取已签名文件
渲染它。 动态导出是一次确定性合成,不是屏幕录制——每一帧都在精确的时间点被解码、绘制和编码,因此文件不取决于你的机器跟不跟得上,MP4 或 WebM 也没有实际的帧数上限。除非你自己填写时长,否则时长由时间轴本身的长度决定。Content Credentials 会像其他任何导出一样被打上。静帧导出给你的是播放头处的那一帧,或者通过输出尺寸旁的帧数字段导出一整张连拍表——见导出。
有几条限制要记住:一段序列最长一小时;GIF 和动态 PNG 会把帧缓存起来,所以只能做得比较短;播放变快或变慢的片段会保留原来的音高(音频条会对它做时间拉伸,而音高控件则以半音为单位变调,同时保留人声的特质);实时录制在这里被隐藏,因为合成器是更好的路径。
超越预设:关键帧、深度和镜头。 转场会在一个片段进入和离开时为其添加动效。若要在一个片段内部摆出姿态——让它漂移、淡入淡出、模糊、从页面上升起再落回——就添加关键帧:选中片段,按下 +Keyframe(时间线工具组中的菱形图标、画布对象栏上的菱形图标,或按 K),播放头所在的位置将决定你下一次编辑写入的是哪个姿态。同一套关键帧系统还为每个带时间线的合成提供了镜头功能,可以推近、横移、拉焦,把一个平面的 SVG 变成一叠可以在其间穿梭飞行的图层。动画制作 是完整指南。
Design 工具拥有同一条时间轴,因此你不必换到另一个工具就能为版面设定时间,它同样可以导出动态。
演示
要把你的摄像头画面、一个 Logo 和一个姓名字幕叠加在观众看到的画面上,请使用 Present with camera。它的私有控件、已保存的场景、分享与录制步骤在用摄像头演示中有详细说明。下面这些常规的幻灯片控件仍然可以通过演示使用。
由多个画板组成的 Design 文档本身就是一套幻灯片。打开工具栏上的 Lolly 菜单并选择演示(最后一行),每个画板就会变成一张全屏幻灯片,顺序与画板在画布上的排列一致。演示运行在渲染后画板的副本上,因此底下的编辑器不会被碰到,退出后你会回到原来的位置。
- 前进(Advance):按 Space 键、
→、Page Down 键,或点击屏幕右边缘的色带;按←、Page Up 键或左边缘色带可返回上一步。Home 和 End 可跳转到第一张和最后一张画板。只要移动指针,一小条控制栏就会淡入显示,停止移动后又会自动隐藏。 - 总览(Overview)(按
O或点击网格按钮)会按您在画布上排定的布局,一次性展示所有画板;点击其中一个即可打开。 - 逐步显现。 右键点击某个方框,选择 Reveal at step 1(第 1 步显现)、2 或 3,替代默认的 Always visible(始终可见)。该方框此后会一直等到您推进到对应步骤才会出现,幻灯片因此可以分批呈现;共用同一编号的方框会同时出现。
- 演讲者视图(Speaker view)(
S)会打开第二个窗口,显示当前幻灯片、下一张幻灯片、该画板的备注,以及一个持续运行的计时器。如果浏览器阻止了弹出窗口,则会退回为叠加在演示上方的面板。备注按画板逐一设置,绝不会出现在幻灯片本身上。 B会定格为黑屏(按任意键恢复幻灯片),F返回全屏,Escape 则逐层退出:先从总览退回演示,再从演示退回编辑器。- 展台模式(Kiosk)。 为画板设置一个 Length(时长),演示就会在该画板停留相应时间,随后在一条细进度条的提示下自动前进;
K(或暂停按钮,只有当某个画板设置了时长后才会出现)可以停止并重新开始该流程。在链接中加上kiosk,演示到末尾就会循环播放,这正是它能用作数字标牌的原因。
- 子幻灯片堆叠。 右键点击一个画板,选择堆叠在上一张幻灯片下方,它就会变成那张幻灯片的一个步骤,而不是独立的一张幻灯片:总览只显示一张卡片,演示时会按顺序走完整个堆叠,检查器里的堆叠一行会说明它属于哪一张幻灯片。
- 变形。 当两张连续的幻灯片上都有一个方框设置了相同的变形匹配名称(右键点击方框,或在检查器的变形匹配一行设置 - 比如叫
hero),转场时这个方框会从原来的位置移动到新的位置,并在过程中改变大小和颜色,而不是直接切换。整份演示统一设置的变形转场会对每一对匹配的方框做同样的处理。 - 旁白。 每张画板的演讲者备注都可以被朗读出来。在检查器的文档部分选择一个语音,可以选择第二个与之混合的语音、朗读速度,以及每张幻灯片前后的引入和尾部(单位毫秒);打开演示时显示字幕,文字就会随朗读同步出现。语音在你的设备上运行。同一份备注在视频导出中会变成配音,在 PowerPoint 导出中会变成真正的幻灯片音频,并出现在 SCORM 课程包里的旁白影片中。
signed by Lollyvector SVG60 paths~6.2k nodes101 groups1 image83 KB自己验证获取已签名文件
signed by Lollyvector SVG60 paths~6.2k nodes101 groups1 image83 KB自己验证获取已签名文件
演示本身也是一个链接。?present 直接进入演示,s= 指定幻灯片 - 可以是位置、画板 id,或用 id.step 指定某个分步 - 而地址会随你翻页更新,所以你发出去的就是你正停在的那一张。工具作者请注意:这些参数记录在 URL 模式页面上。
在手机上
在窄屏幕上,布局会重排为单列:
- 控件变成顶部的一块面板,下边缘有一个拖动把手。拖动把手可调整大小——它会吸附到微露 / 半屏 / 全屏——或点按把手在折叠 ↔ 展开之间切换。预览填满下方空间,并在你编辑时始终可见。
- 悬浮的导出按钮会打开导出面板——格式、尺寸、复制、保存和下载等控件全在一处。点按背景即可关闭它。
signed by Lollyvector SVG102 paths~2.7k nodes143 groups2 images89 KB自己验证获取已签名文件
signed by Lollyvector SVG102 paths~2.7k nodes143 groups2 images89 KB自己验证获取已签名文件
控件(输入项)
工具只暴露那些本就该变化的输入项——其余的一切(颜色、布局、排版、逻辑)都由工具作者锁定,因此你做出来的东西始终符合作者设下的规则。输入项包括文本、滑块、颜色选择器、下拉菜单、日期、图片选择器和重复行组。有些会归入可折叠的分组中。
signed by Lollyvector SVG44 paths~2.9k nodes55 groups45 KB自己验证获取已签名文件
signed by Lollyvector SVG44 paths~2.9k nodes55 groups45 KB自己验证获取已签名文件
重置: 清除更改会把每个输入项恢复为默认值。
撤销与重做
Cmd/Ctrl-Z 后退一步,Cmd/Ctrl-Shift-Z(或 Cmd/Ctrl-Y)再向前一步。同样这一对以撤销和重做按钮的形式位于控件上方的一行 - 在自由画布上它们改放在工具栏上 - 当没有可收回的内容时各自变灰。每一步都会说明自己是什么:撤销一次改色,会有一条小提示写出它刚刚恢复的那个输入项,提示里还带一个重做按钮供你回去。
- 一次拖动就是一步。 半秒之内对同一个控件的连续更改会合并在一起,因此把滑块从头拉到尾是一次撤销,而不是两百次。
- 保留最近 100 步——更早的会从末端掉落。撤销之后再做新的编辑会清空前进栈,这一点和别处一样。
- 当光标停在文本框里时,Cmd/Ctrl-Z 属于输入框本身,逐字符生效。Lolly 只接管那些自身没有可用撤销的控件:滑块、下拉菜单、颜色和开关。
- 在文件输入项中选择文件不算一步——那些字节只在本次会话中保留,因此也就没有什么可以放回去的。
在一次实时协作中,历史记录只属于你自己。来自另一台设备的更改永远不会进入你的撤销栈,因此撤销操作只能撤回你自己所做的更改。
撤销只能在本次访问期间回溯;会随手保存的工具还会在History(与撤销并排)下保留更早的版本(见回到更早的版本)。
你的详细信息与头像照片
设置(工具库右上角,一旦你设置了名字就会显示你的名字)保存你的姓名、联系方式和可选的头像照片。需要这些字段的工具会自动预填 - 设置一次,你的邮件签名、组合标识和徽章就会自行填好。你仍然可以在每次会话中单独覆盖任意字段。开启使用我的资料创作,你的信息就会作为作者随你导出的内容一同带上。
你的头像照片和详细信息仅保存在本设备上。一份个人资料不一定只代表你自己——也可以是一个团队,或你偶尔扮演的某个角色。完整说明见个人资料,包括如何保留多份。
保存与继续
要保留你的作品,选择导出旁边的对勾另存为。在 Save to a project 下,保持选中我的素材库,或选择一个项目(+ 新建项目…即可新建一个),然后选择保存。再次保存会更新同一项,而不是生成副本。在 Design 中,另存为位于 Lolly 标志下方的菜单里;在手机上,先按 •••,再按 File menu,然后按另存为。
导出面板里的保存按钮一键完成同样的事,并且从不下载文件:新作品会进入我的素材库,之前保存的作品会在原处更新。
要稍后回来,点左上角的首页,然后打开项目标签页(在手机上是一个文件夹图标)。保存到我的素材库的作品在它的第一屏;项目则是其中的一个文件夹。作品会以你在导出面板中输入的文件名命名,否则以它们的工具命名,比如QR Code。打开其中一个,所有设置都还在,随时可以再次修改和导出。
已保存的作品会留在本设备上,留在你保存时所用的浏览器或应用里,除非你打开同步。用下载得到的文件是一份成品副本;要以后修改它,请在项目中打开已保存的那一项。如果找不到你要的东西,请见找回你的作品。
signed by Lollyvector SVG2 paths240 nodes10 groups7 KB自己验证获取已签名文件
signed by Lollyvector SVG2 paths240 nodes10 groups7 KB自己验证获取已签名文件
项目
项目,也就是主屏幕顶部的项目标签页,收纳你保存过的一切,存放在你自己创建的文件夹里。在那里查找、排序和搜索你的作品,以及从回收站恢复某一项,都写在找回你的作品里。
分享你的作品
一份设计有两种送出方式:作为链接,或作为文件。分享对话框两者都提供。用导出控件中的分享打开它;项目中已保存会话上的分享链接会为该会话打开同一个对话框。
链接
每一个输入项都记录在页面 URL 中,因此一个链接就是这份设计。对话框顶部是可直接复制的链接,下面折叠着两个分区。
- Link options 中包含 Open in the installed app(把字段切换为一个
lolly://URI,供快捷指令、启动器和自动化使用,所有参数保持不变)、Shortest link(大的设计会产生很长的 URL,这一项把整个状态打包成一个紧凑的令牌,并告诉你省下了多少字符;可读形式也始终保留)、Password-protect this link(对整个链接使用 AES-256,密码绝不会出现在链接里)和 Pin this tool version - 即_v标记,把链接钉在你眼前的这个工具版本上,后来的更新就不会改变它渲染出的结果。 - Link behaviour 是收件人打开它时会发生的事:全屏、导出面板已展开、用
&export打开即下载,或用©打开即复制到剪贴板。
把链接粘贴给同事、加入书签,或提交到版本库。(完整说明:URL 模式。)
有些工具会让链接本身成为完整的产品。 Jump Page 会把你的多个链接汇集到一个页面上分发出去——个人简介链接、会议演讲页、店铺主页。这背后无需托管,也无需账户:页面本身就是链接,因此它的打开速度就是网址传输的速度。在编辑器中,你可以在字段旁边看到成品页面;打开链接的访客会看到全宽显示的页面,随着滚动一屏一个链接依次展开。
signed by Lollyvector SVG4 paths755 nodes13 groups14 KB自己验证获取已签名文件
signed by Lollyvector SVG4 paths755 nodes13 groups14 KB自己验证获取已签名文件
对话框会说明链接装不下什么。 有三样东西放不进 URL:你从本设备添加的图片或文件、很长的文本值,以及很大的列表。构建链接时会逐一统计它们。如果有内容不得不被舍弃,对话框会点名说出,并把你引向下面的文件方案,而不是给你一个打开后图片缺失的链接。仅仅是长的链接只会收到一条较温和的提示并附上字符数,因为打包仍然可以救回长度。
.lolly 文件
.lolly 是 Lolly 的可移植包扩展名,并不代表每个文件里装的都是同一种东西。真正说了算的是 manifest.json 里的 format。应用会先读取这份小小的清单,并在写入任何内容之前,显示大小、内容和将要执行的操作:
- 一个共享设计(
lolly-share)包含一个已保存的工具会话、它内嵌的文件,以及针对仍以引用方式解析的任何内容的一份清单。它也可能带有制作它所用的工具和设计系统。打开它会新增一个项目;它绝不会覆盖已有的会话。 - 一个共享项目(
lolly-share,种类为project)包含项目里的一个文件夹:它的子文件夹、归档在其中的每一个已保存会话、每个会话的图块以及归档在那里的图片。打开它会把整个文件夹的一份副本加入项目;已有的内容不会被替换。项目文件出现之前的 Lolly 版本无法读取它,会提示需要更新。 - 一个设计系统包(
lolly-brand)包含 Design tokens,也可能包含字体、Logo、已发布的版本和保留资源。打开它会把它作为一个独立命名的设计系统加入,然后切换到它;设备上已有的设计系统会保留。 - 一个品牌工作区 / 实例包是一个带有已声明工具、目录素材,以及可选实例地址的
lolly-brand。预检会列出这些影响整台设备的后果,因为加载它会替换掉此前唯一已加载的工作区叠加层。
完整的设备 / 个人资料备份并不是 .lolly。它仍然是一个格式为 lolly-backup 的 LollyTools-….zip,通过设置 → 存储空间 → 导入数据…还原,这一步也会取用同步保存在你存储空间里的那份副本。一个普通压缩的工具文件夹也仍然是 .zip。换句话说,会话包和设计系统包归 .lolly 所有;备份和普通压缩包的流程不属于这一类。
在你正在使用的工具的分享对话框中,Download .lolly 会把当前设计写成一个共享设计包。它带着已保存的会话,连同本设备上可用的图片和文件。普通的目录美术素材也会一并带上。除非你明确选择包含,否则授权素材会被扣留;过期或不可用的文件仍然保留为外部引用,而不会直接消失。准备好的收据会显示实际的 .lolly 大小、内嵌文件数量、外部引用数量,以及是否包含工具本身。如果你的设备有分享面板,Send to… 会把该文件直接交给它(AirDrop、Android 的分享),而不是保存到磁盘。
项目中某个文件夹菜单里的 Download project (.lolly) 会把该文件夹写成一个共享项目,这样其他人就能打开它,并接着处理里面的每一个会话。每个会话都作为独立的一部分传输(sessions/<key>.json,其图块位于 thumbs/ 下),文件夹树结构列在 manifest.json 中,上传内容和目录美术素材遵循与单个共享设计相同的规则。批量会话不是工具会话,会被留下;提示会说明数量。旁边的下载原始文件保持不变:把每一项分别打包为一个普通 zip 文件。
.lolly 就是一个普通的 zip。把它改名为 .zip 再打开:你自己的图片在 assets/uploads/ 下,目录素材在 assets/catalog/ 下,各自带着真实的名称和扩展名,manifest.json 列出了每一个,顶层还有一个 README 说明这个文件是什么。
在它送出之前,有三件事由你决定:
- 你的姓名是否写入。 只有当个人资料中的 Use my details to create 开启时,你的姓名、邮箱和组织才会写入文件。关闭时,文件只记录它是用 Lolly 制作的以及制作时间 - 不包含任何关于你的信息。
- 授权素材是否写入。 已授权和品牌锁定的素材默认会被排除在外。如果设计中用到了这类素材,对话框会说明数量,并提供两个按钮 - Download without them(不含这些素材下载)或 Include and download(包含并下载) - 因为包含它们就相当于把实际文件交给了任何打开该
.lolly文件的人。 - 工具本身是否写入。 Include the tool 会将工具自身的文件与设计一起打包,这样它就能在没有安装该工具的设备上打开。对于自定义工具 - 比如收件人不太可能拥有的分支或私有品牌工具 - 该选项默认勾选;对于签名目录中列出的工具则默认不勾选,因为对方的副本来自同一来源。(在没有签名目录的构建中,每个工具都算作自定义工具,该选项默认勾选。)
打开一个文件。 在已安装的桌面版或移动版应用中,双击或点按一个 .lolly 文件,选择 Open with Lolly,或从系统分享面板把它发送给 Lolly。macOS、Windows、Linux、iOS 和 Android 都会注册这个格式;桌面文件管理器会把它显示为一个 Lolly 文档(GNOME Files 甚至能显示已保存会话自己的缩略图)。在网页版应用中,使用打开,或把文件拖放到 Lolly 上。每一个入口都使用同一套以清单优先的预检流程。从 Brand Studio 打开时,如果共享设计带有设计系统,会推荐相应的设计系统操作,但绝不会改写文件的标签,也不会隐藏开放共享设计。
从另一个应用交接过来的 iOS 或 Android 文档上限为 48 MB,因为系统原生的交接机制必须把字节复制穿过应用边界。移动版应用会明确说明这一点,而不是悄悄忽略一个过大的文件。Lolly 内部的打开不使用这种交接方式;遇到更大的包,应该改用这条路径尝试。
确认之后,所选的读取程序会对这个包解压并校验一次。共享设计的素材会进入你的素材库,它的会话会进入项目,它的工具会在可用时打开。共享项目的会话会以其文件夹的一份新副本进入项目,并带有新的 id,因此同一个文件可以被打开两次,而文件夹会随之打开;本设备缺少对应工具的会话会先在那里等待。设备上已有的素材会通过校验和匹配并复用。设计系统包会先存入它自己的命名空间,应用随后再切换到它。超过 100 MB 的文件会被标注为大文件,当浏览器存储报告的可用空间小于声明的负载所需空间时,预检会发出警告。每一个带有完整性校验的部分都会在操作提交前被检查;损坏的副本会被拒绝,新建的目标位置也会被回滚。
如果文件里带着一个你没有的工具,Lolly 会在该工具运行之前先问你:信任此工具?会写出它的名称和作者,并明白地说明打开它就是在你的设备上运行该工具自己的代码,信任并安装是继续的方式。拒绝的话,分享过来的作品仍会保存到你的项目中,等着你哪天补上这个工具。(有一类工具目前还无法侧载 - 代码以模块形式提供的那种 - 它会以同样的方式被挡在门外。)
链接和文件交出的都是一份快照。若要和别人同时处理同一个会话——两台设备、没有服务器,同处一个网络时甚至不需要联网——见协同工作。
实时摄像头(运动响应型工具)
每一个照片滤镜——半调、扫描线、色调分离、Voronoi 晶格、色彩处理、像素拉伸和瑕疵——在有可用摄像头时都会显示开启实时按钮。打开它,效果会逐帧跟踪你的摄像头画面,从而对动作作出反应;你可以把结果录制为 GIF、WebM 或 MP4。画面帧的读取和处理都在你的设备上完成,绝不会离开设备,一旦你停止或离开该工具,摄像头会立即释放。(任意图片选择器也都有拍照,可抓取单帧作为设备端图片。)
我的图片
当某个工具允许你从设备添加图片时,图片会被原封不动地保留(因此它上面的 Content Credential 仍然通得过校验),并保存到你个人的我的图片库中(位于设置 → 存储空间)。只有确实巨大的文件才会问你是保留还是缩小。你可以在任意工具中重复使用它。若想在图片进入时清除 EXIF/GPS,请在个人资料中开启从上传内容中清除元数据。没有容量上限:该库完全在本地,只受你设备存储空间的限制 - 可以在那里管理或删除图片。
素材 - 你的素材库
素材(#/a,或每个列表视图顶部“工具 · 实用工具 · 素材 · 项目”切换器中的素材那一段)汇集了你的工具可以调用的一切 - 品牌 Logo、图片、音频和动态,按类别分组 - 也是你自己的创意文件的存放之处。没有服务器,没有管理控制台,没有 pull request:一切都在你的设备上。
signed by Lollyvector SVG180 paths~33k nodes460 groups469 KB自己验证获取已签名文件
signed by Lollyvector SVG180 paths~33k nodes460 groups470 KB自己验证获取已签名文件
- 导入你的文件。 将任意图像、SVG、音频片段、视频、Lottie、PDF 或 PowerPoint 文稿拖到上传区域 - 或点击进行选择 - 它会立即出现在素材中,并在每个工具的素材选择器里可用。多页 PDF 或
.pptx会询问要保留哪些页面或幻灯片 - 每一页都会变成一个 SVG 素材。想导入多少都可以;它永远不会离开你的设备。 - 收藏你常用的素材。 为一个素材(或一个品牌色板)标星 ★,它就会固定在每个选择器的顶部,让你常用的 Logo 或颜色一键可达。
- 整理素材。 把某个素材重新归类到另一个分组,隐藏你不用的共享品牌素材(用 Show hidden 可以把它找回来),或者直接删除你自己上传的内容。这里同样支持与项目相同的多选手势和浮动操作栏,因此以上操作都可以一次性应用到整批选中的内容。
- 从视频中抠出背景。 在任意素材选择器中打开某个视频的详情,或右键点击它的卡片,选择去除背景…即可保存一个带真实 alpha 通道的透明版本 - 一个动态 WebP 或 PNG。可以选择一种方法:设备端模型会从繁杂的场景中把主体抠出来,或者用配色说明从光照均匀的纯色背景(例如绿幕或素色墙面)中抠像,并通过容差、柔和度和去除溢色来调整边缘效果。这种色键方式无需下载模型、也无需联网,因此任何视频都可以使用去除背景,在画面干净的素材上效果通常也更好。分辨率控件(360、480、720 或 1080p,且不会超过源素材)可以用细节换取更小、更快的文件。整个过程会在你的设备上以后台任务的形式运行。抠好的成品会作为独立素材保存在原素材旁边,源视频的 Content Credential 也会作为素材来源一并随行。(关于为什么移除背景仍属于一次普通编辑,参见一次生成,渲染始终如一。)
把你的调色板和字体带到任何地方
素材中的色板面板不只是展示 - 点击某个颜色即可复制它,或以你其他工具所使用的格式下载整套品牌调色板:
- 设计令牌(JSON)、CSS 变量或 CSS 类——把品牌直接放进样式表或构建流程;
- Adobe Swatch Exchange(.ase)——载入 Illustrator 或 Photoshop;
- GIMP 调色板(.gpl)——用于 GIMP 或 Inkscape。
signed by Lollyvector SVG87 paths~23k nodes204 groups290 KB自己验证获取已签名文件
signed by Lollyvector SVG87 paths~23k nodes204 groups290 KB自己验证获取已签名文件
字体面板列出你的品牌字体,每种旁边都有下载,可在本地安装或交给印刷厂。(品牌工作室的“颜色”室也提供同样的调色板下载。)
素材只是这条开放、自助路径的一半;另一半是制作你自己的工具——自由画布(即上文的 Design)让你无需写代码,就能可视化地搭出一个工具。
声音与无障碍
Lolly 力求让每个人用起来都舒适。界面支持键盘导航,自定义控件带有供屏幕阅读器使用的正确标签,每个工具的实时预览都作为一张带标签的图片呈现,描述它正在制作的内容。
一层轻柔的辅助音效会确认你的操作 - 进入工具库、Content Credentials 校验有效与无效、关闭面板、切换滤镜。它默认关闭:在开关出现的任意位置(各视图的选项弹层,或设置)打开声音即可,这个选择会被记住。
设置 → 无障碍下有四项需要你主动开启的舒适度设置:Reduce motion(去掉应用的过渡和修饰动画)、Hide colourful previews(工具库卡片变成素净的图标加文字,项目缩略图也更安静)、High contrast(更强的边框、文字和焦点框)以及Large text(更大的应用字号 - 标签、菜单、按钮文字)。这四项都只让你工作周围的应用安静下来:它们绝不会伸进工具画布,也不会改变你导出内容的任何一个像素,而且在你打开之前都是关闭的。完整说明见你的个人资料 → 无障碍。
“声音”开关旁边是 Neurospicy 模式——一段可选的、令人平静的背景专注音轨,会在你工作时轻声播放。开启它会在底部角落打开一个小巧的播放器坞,它会跟随你在应用中穿行;你可以在其中搜索并挑选音轨、前后切换、设置音量,以及把它最小化或关闭。音轨列表涵盖几个类别——程序化生成的 Lolly Sings 曲目、氛围循环与节拍、你自己上传的音频,以及少量实时网络电台(这些需要联网;其余内容均可离线播放)。它默认关闭,并且和“声音”一样,会跨会话、跨设备被记住。关掉“声音”也会同时静音这条专注音轨。
存储与隐私
Lolly 会把你的作品保存在你的设备上:在网页版中保存在这个浏览器自己的存储空间里,在桌面版和移动版应用中则保存在应用自己的存储空间里。保留了什么、清除我的所有数据会删除什么,以及清除浏览器数据会带走什么,都写在找回你的作品里;隐私政策列出了应用会获取或发送的一切,服务器攻击面则列出了可选的服务器组件。
迁移到另一台设备
要把你的作品带到第二台电脑或手机上,可以用同步、备份文件,或 .lolly 文件。把你的作品移动到另一台设备比较了这三种方式,并演示了导出我的数据和导入数据…的用法。
导入设计(Figma、Penpot、Illustrator、InDesign)
你可以把现有设计带进 Lolly 并继续在其中工作:打开 Design,在画布工具栏中点击导入设计,然后选择 Figma 的 .fig 或 SVG、Penpot 的 .penpot、Illustrator 的 .ai / .pdf,或 InDesign 的 .idml。图层会变成自由画布上可编辑的方框——文本仍可重新输入,图片落进我的图片,字体和颜色遵循品牌全局设置——之后的结果会像其他任何会话一样可以保存、分享和渲染。解析全过程都在你的设备上进行。完整说明:导入设计。
导出
完整内容见导出与格式——包括选择格式、输出尺寸与印刷单位、透明度、视频以及复制/分享。简而言之:选一种格式,需要时设置尺寸,然后下载(或复制到剪贴板)。
批量(Pro)模式
对高级用户而言,批量(从工具库中链接进入,由默认开启的 Pro 功能开关控制)可以一次渲染许多变体——一个网格,每一行是一组输入项,一起导出。非常适合把一张卡片本地化成十几种语言,或一次生成所有尺寸变体。可以手动输入、直接从电子表格粘贴,或导入 CSV(也可以导出一份)来填充各行,并为每一行分别设置格式、尺寸和输出文件名。整个网格可以存成一个具名的批量会话,从工具库重新打开,并把每一行下载为一个 .zip。
signed by Lollyvector SVG133 paths~15k nodes185 groups1 image195 KB自己验证获取已签名文件
signed by Lollyvector SVG133 paths~15k nodes185 groups1 image195 KB自己验证获取已签名文件
批量用于一次生成同一个模板的许多变体。若要重新渲染你已经保存的会话,请使用项目 → 渲染文件夹 / 渲染所选内容(见找回你的作品) - 无需 Pro。
并排编辑(多重编辑)
Batch(批量)针对的是同一个设计的多种变体。Multi-edit(多重编辑)则解决另一半的工作:同时打开多个不同的已保存设计,让一次修改应用到所有设计上。在 Projects 中勾选两到八个已保存的会话,再从选择栏中选择 Edit together(一起编辑);它们会在 #/multi?s=<slot>,<slot>… 处以实时卡片并排打开。每张卡片都是该会话的真实渲染,而不是一张存储的缩略图,所以你看到的就是最终导出的样子。
一个侧边栏驱动全部:
- 共享排在最前:凡是被两个或更多所选会话以相同方式声明的输入项(相同 id、相同类型、相同约束 - 也就是批量网格处理各列时用的那套合并规则)。改动一次共享控件,值就会散布到每一个声明了它的会话,在每张卡片上实时可见。同一个工具的两个会话共享一切;两个不同的工具则只共享它们恰好共有的部分。
- 其下是每个会话一张折叠卡片,含该会话自己的全部输入项,精细程度与工具自身的侧边栏相同 - 素材选择器、重复行组、颜色字段 - 外加一个紧凑的导出区块:格式、宽 / 高、单位、DPI 和它自己的下载。这个下载会先保存会话,再通过普通的会话导出路径渲染它,因此文件带有的文件名、格式和 Content Credentials 与直接从工具导出时一致。
- 顶部的筛选输入项…会同时缩小每一张卡片上的控件 - 这就是你在八个会话里找到“标题”而不必一路滚动的方法。
点击任意画布(或在其上按 Enter),该会话的侧边栏卡片就会展开并滚动到可见处。全部保存把每个会话写回它自己的槽位。全部下载会先保存,再通过与项目的渲染所选内容相同的流程渲染整组——打成一个 zip,过程中也会提供可选的密码加锁。
有两条如实说明的限制。二到八个的上限是真实的:每张卡片都会挂载自己的实时运行时,这个数量才能保持流畅——要求更多(或要求一个已不存在的会话)的链接会直说,而不是加载一半。另外,链接指的是你自己的保存槽位,因此它只在本设备上重新打开这一组;它不是分享链接。
当选中范围超过八个、混合了多种工具,或既有图片又有会话时,退路是同一条选择栏里的作为表格编辑:它把整个选中范围作为批量网格里的行打开(#/pro?s=…),没有数量上限,也没有同工具的要求。文件夹两者都不参与——它们有自己的在网格中打开的路径。(搜索是目前唯一伸不进这里的东西:多重编辑是搜索栏唯一不知道的视图。)
离线与安装
Lolly 是一个 PWA。对你已经打开过的界面,它会继续离线工作;设置 → 可离线使用下的应用本身会下载其余部分 - 从浏览器地址栏安装它(或在移动设备上使用添加到主屏幕),即可获得类似原生应用的全屏体验。重新联网后它会自行更新。
关于更新:如果某个视图在更新后一时加载失败(出现空白面板,或角落里的“failed to fetch”提示),只需重新加载一次页面 - 应用会干净利落地切换到新版本,你的作品、会话和品牌都不会受到影响;只有你添加过但从未保存的图片可能需要重新添加。它把一切都保存在你的设备上,而不是保存在页面里。
Design 和 Darkroom 可以通过 Wide colour / HDR 编辑保留原始图片精度,Sequence 视频也是如此。品牌色板可以携带独立的 sRGB 和 P3 数值。输出选择和当前限制请见宽色域与 HDR 编辑。
Live pages that take the clicker
Select a Web page box and turn on Make interactive. Its focus step keeps the clicker in the deck while Up and Down control the highlighted page. Owner settings cover highlights, scroll stops, automatic movement and keyboard handover. See Live pages that take the clicker.