Lolly
打开应用

使用 Lolly

一份关于真正使用这个应用的实用指南 - 打开工具、操作画布、导出、保存和分享。这里的一切都在你的设备上运行:无需账号、无需上传,对你已经打开过的界面也无需联网。

初次使用?快速入门让你几分钟内就能开始创作,Lolly 面向运营方介绍应用的安装与部署;本页讲的是打开之后如何操作。

打开工具

主屏幕就是工具库 - 每个工具都按类别分组。点击卡片即可在该工具中开始新的创作;已保存的作品会从项目重新打开。用搜索框按名称筛选 - 或者从六个列表页(工具库、实用工具、项目、素材、控制台和个人资料)底部的栏里搜索,它除了工具,还能找到你保存的作品、你的素材和设置。进入工具后,这条栏会让位给工具自己的界面。

一张工具库卡片,展示了导航示例和“新建”操作signed by Lollyvector SVG自己验证获取已签名文件23 paths~4.7k nodes39 groups61 KB一张工具库卡片,展示了导航示例和“新建”操作signed by Lollyvector SVG自己验证获取已签名文件23 paths~4.7k nodes39 groups61 KBTry it in the app

每个工具都是分屏视图:一侧是控件,另一侧是实时预览(画布)。更改任意控件,预览会立即更新。

某工具的分栏视图——左侧是控制面板堆栈,右侧是它实时绘制的分组柱状图signed by Lollyvector SVG自己验证获取已签名文件124 paths~6.2k nodes154 groups1 image179 KB某工具的分栏视图——左侧是控制面板堆栈,右侧是它实时绘制的分组柱状图signed by Lollyvector SVG自己验证获取已签名文件124 paths~6.2k nodes154 groups1 image179 KB

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

有两种方式,可以把这个网格本身调整成你想要的样子:

工具网格的末尾,隐藏的工具已显示出来:暗色的二维码生成器卡片,旁边是把它重新显示出来的那块灰色磁贴,此时显示为“隐藏已隐藏项”signed by Lollyvector SVG自己验证获取已签名文件416 paths~76k nodes810 groups7 images1,815 KB工具网格的末尾,隐藏的工具已显示出来:暗色的二维码生成器卡片,旁边是把它重新显示出来的那块灰色磁贴,此时显示为“隐藏已隐藏项”signed by Lollyvector SVG自己验证获取已签名文件416 paths~76k nodes810 groups7 images1,816 KB

要一次对多张卡片操作,勾选每张卡片的复选框、在空白处拖出一个选框,或按 Shift/Cmd 点击,就会出现一条悬浮操作栏。选择栏提供什么在不同视图里略有差别,因为并非每个操作在所有地方都说得通:

有一个标签上的坑:查看会话只有在选中了东西之后才存在。右键点击一张未被选中的卡片,得到的是N 个已保存的会话,它打开的是该工具已保存会话的列表,其中的删除会把会话移到回收站,而不是跳转到项目。

两个工具被选中时的工具库选择栏,提供可离线使用、查看会话、收藏和隐藏signed by Lollyvector SVG自己验证获取已签名文件21 paths~1.5k nodes20 groups25 KB两个工具被选中时的工具库选择栏,提供可离线使用、查看会话、收藏和隐藏signed by Lollyvector SVG自己验证获取已签名文件21 paths~1.5k nodes20 groups25 KB

Ask Lolly

当你不想翻找、只想直接问时,Ask Lolly(#/ask)接收你输入的问题,并原文返回本文档中匹配的那一节——是指南自己的措辞,既不是摘要也不是生成内容——同时注明它来自哪一页,旁边附有在文档中打开链接。答案下方是应用里与同一问题匹配的位置:一个工具、一项设置、一个已保存的项目,每一项都是一个直接跳转过去的按钮。

对话记录只是本次会话的记忆:接着追问,线程会一路累积;重新加载则从头开始。搜索结果底部会有一行 *Ask Lolly:你的查询词***——排在其他分组找到的具体结果之下——它把问题直接转交过去,于是你可以从搜索栏开始,在这里收尾。

画布(预览)

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

桌面端

画布角落的缩放浮层——减号、实时百分比、加号、Fit,然后是主题和声音开关signed by Lollyvector SVG自己验证获取已签名文件46 paths338 nodes21 groups36 KB画布角落的缩放浮层——减号、实时百分比、加号、Fit,然后是主题和声音开关signed by Lollyvector SVG自己验证获取已签名文件46 paths338 nodes21 groups36 KB

触控端

点击跳转到对应控件: 点击设计中的任意元素,侧边栏中匹配的输入项会获得焦点并滚动到可见处——对于重复行组,它会展开你点击的那一行,于是编辑眼前所见只需一步。

更改尺寸时,视图总会自动回到整洁的适应状态。

自由画布(Design)

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

Design 的自由画布 - 画板及其周围的粘贴板signed by Lollyvector SVG自己验证获取已签名文件264 paths~14k nodes270 groups4 images379 KBDesign 的自由画布 - 画板及其周围的粘贴板signed by Lollyvector SVG自己验证获取已签名文件264 paths~14k nodes270 groups4 images379 KB

翻转所选内容。 右键点击任意方框,选择 Flip horizontal(水平翻转)或 Flip vertical(垂直翻转)即可原地镜像,或按键盘上的 Shift+H / Shift+V - 之所以要加 Shift,是因为单独的 V 是 Pointer 工具。每个被选中的方框都沿自己的轴镜像,并作为一个撤销步骤记录;镜像是真正的变换,因此它会保留在导出的 SVG、PDF 和 PNG 中,而不只是停留在画布上。

图层与检查器

在图层中,每个画板都是一个可折叠的父级分组。点击它的名称即可跳转过去,展开其图层,并在该画板内选择或重新排列对象。切换到页面可查看缩略图并调整页面顺序。方向键可在图层列表中移动;按左方向键会返回画板标题。

检查器会把所选对象的文本或图片控件排在最前面。用选项芯片做快速选择,展开 Advanced 查看样式细节。在手机上,从更多操作打开检查器。控件会在一张工作表中打开;按 Escape 或返回可以关闭它,同时保留你的选择。

绘制你自己的形状(钢笔)

方框、圆形和圆角框足以应付大多数版面。当你需要的形状不在其中时,就把它画出来:工具栏上的钢笔按钮(或 P 键)会让你进入绘制模式。三个单键在模式之间切换——V 回到指针,P 是钢笔,N 是节点工具(编辑节点)——而指针始终是从当前模式退出的出口。

自由画布的工具栏:拖动把手、Lolly 菜单,然后是指针、添加方框、钢笔、编辑节点、线型、时间轴、画板和自动排列signed by Lollyvector SVG自己验证获取已签名文件56 paths388 nodes35 groups40 KB自由画布的工具栏:拖动把手、Lolly 菜单,然后是指针、添加方框、钢笔、编辑节点、线型、时间轴、画板和自动排列signed by Lollyvector SVG自己验证获取已签名文件56 paths388 nodes35 groups40 KB

结果就是画布上的一个普通方框。移动它、缩放它、旋转它、编组它、对齐它、调整它的层级,给它填充、渐变、阴影或不透明度——路径的表现和其他每个方框一样,这些控件都不会区别对待它。

它一出现就带着颜色。你画的第一条路径会采用品牌为路径规定的填充和描边,此后每条新路径都采用你上一次用过的设置——设定一次填充就可以一路画下去,不必逐个形状重新上色。(在品牌对路径未作任何规定的工具里,画出的路径会用你绘制时看到的那个颜色描边,因此它绝不会是隐形的。)

再次编辑节点。 双击该形状(或使用对象栏上的编辑节点),节点就会回来。拖动节点可移动它,拖动手柄可改变它的朝向,在曲线上任意位置点击可插入节点,框选一组节点后按 Delete 可删除选中的节点。路径始终至少保留两个节点,因此你不会不小心把它整个删没。

样条类型决定穿过你这些节点的是哪一种曲线,这个选择值得弄明白:

类型作用
平滑(自动)默认选项。它自行算出手柄长度,因此单纯地点击、点击、再点击就能得到一条真正平滑的曲线,无需摆弄手柄。如果你确实设置了某个手柄,它会固定住方向,长度仍归曲线掌握。
贝塞尔手柄经典钢笔。手柄就是控制点,插入节点绝不会移动曲线。
穿过节点精确穿过你放置的每一个节点,没有手柄。
B 样条从节点附近流过而不穿过它们,形状更柔和。
直线折线。

把已有路径切换到自行计算手柄的类型时会先询问你,因为你设定的手柄长度无法恢复——切换到贝塞尔手柄则始终无损。绘制过程中不会有提示:切换直接作用于草稿,你此前拉出的手柄也随之而去。在自行掌握手柄的类型上,插入节点会让曲线形状略有变化;在贝塞尔手柄上则不会。

每个节点还带有一条连续性规则,在画布上以形状表示——方形代表尖角(手柄各自独立移动),圆形代表平滑(手柄保持共线),带圆环的圆形代表对称(共线且等长)。为任意选中的节点设定它,曲线会立即重新满足这条规则。

直接由链接渲染出的两条钢笔路径:一条带描边的 S 形曲线和一个闭合的填充色块signed by Lollyvector SVG自己验证获取已签名文件5 paths38 nodes7 groups5 KB直接由链接渲染出的两条钢笔路径:一条带描边的 S 形曲线和一个闭合的填充色块signed by Lollyvector SVG自己验证获取已签名文件5 paths38 nodes7 groups5 KB

画出的路径和其他一切一样会随链接传递,因此你画的形状可以从分享链接重新打开,也能由 CLI 渲染出完全相同的结果。它没有任何一处依赖编辑器。

组合形状(路径运算)

选中两个或更多形状,在画布上右键点击(触控设备用双指点按),菜单里就有你在绘图软件中会期待的那些运算:

另有三项作用于单个形状:轮廓化描边…把描边变成轮廓相同的填充形状(想把线宽精确保留成绘制时的样子就很有用),偏移路径…把外形向外扩张,填入负数则向内收缩,而简化会用更少的段数重建一条形状相同的路径。

一个月牙形和一个带真实孔洞的圆环,都由“减去”运算生成signed by Lollyvector SVG自己验证获取已签名文件5 paths47 nodes7 groups5 KB一个月牙形和一个带真实孔洞的圆环,都由“减去”运算生成signed by Lollyvector SVG自己验证获取已签名文件5 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 的时间轴:它为自由画布加上了时间这个维度。每个方框都可以在某个时刻开始、持续一段时长,并带有入场和出场动画,而停靠在画板下方的时间轴就是你安排它们的地方。打开它,已经有一段序列在播放 - 一张标题卡、一段片段、一张片尾卡、一条下三分之一字幕和一条背景音乐 - 因此在你改动任何东西之前,这套模型就已经清晰可见。

Sequence 的时间轴:传输控制条、标尺、一条叠加轨道、带片段与接缝标记的磁性序列行,以及常驻的 Always on 条signed by Lollyvector SVG自己验证获取已签名文件63 paths~8.8k nodes132 groups104 KBSequence 的时间轴:传输控制条、标尺、一条叠加轨道、带片段与接缝标记的磁性序列行,以及常驻的 Always on 条signed by Lollyvector SVG自己验证获取已签名文件63 paths~8.8k nodes132 groups104 KB

轨道有两种,两者的区别正是整个想法的关键:

编辑舞台:居中的画板、左侧的工具栏,以及角落的缩放 HUDsigned by Lollyvector SVG自己验证获取已签名文件73 paths~2.3k nodes64 groups84 KB编辑舞台:居中的画板、左侧的工具栏,以及角落的缩放 HUDsigned by Lollyvector SVG自己验证获取已签名文件68 paths~1.2k nodes60 groups61 KB

打开时间轴会把键盘交给它,因此空格键和方向键驱动的是播放头,而不是页面 - 而且由于它在已经带有时间设定的作品上会自行打开,从 Sequence 加载的那一刻起就是如此。

序列编辑器 更深入地讲了决定按时间编辑是否可预期的四件事:画布上的一次点击编辑的是哪个片段、相邻片段的洋葱皮残影、拆分的作用范围与撤销剪切的合并,以及修剪(包括整套键盘操作)。让时间轴处于焦点状态时按 ? 可查看快捷键表。

编辑。 拖动片段中部可移动或重新排序,拖动靠近两端几像素处可修剪,按在播放头处拆分(或 S)可把一个片段切成两个。拆分要求片段有真实的时长,且播放头位于其内部稍靠里的位置,因此没有结束时间的片段(比如背景音乐)无法拆分。吸附到边缘默认开启,会吸附到片段边缘、播放头和整秒处,按 Alt 可临时取消。每次拖动都是一步撤销,且拖动时的预览与最终提交采用同一套算法,所以拖动时看到的就是最终结果。

选中一个片段,检查器会以数值形式提供同样的编辑项:时长、入点修剪(从源素材的多久处开始)、速度(从 ×0.25 到 ×4 的一组固定倍率)、入场动画 / 出场动画及其时长,以及将片段静音。磁性轨上的片段刻意没有开始字段——顺序由轨道掌管,所以要移动它就靠拖动。

转场是预设,不是关键帧:淡入淡出、弹出、扩展、上升、下落、四种滑入、放大与缩小、倾斜、俯冲、旋转、漂移,或硬切(无动画)。位移距离会随对象大小缩放,因此同一个预设在整幅卡片和小小的徽标上都读得通。序列轨上相邻两个片段之间有一个接缝标记:点击它并选择硬切或交叉淡化,选择后立即生效并关闭。再次打开同一个标记可修改时长(毫秒),然后按完成。交叉淡化会被存成前一个片段的淡出加后一个片段的淡入,真正的叠化由这一对推导得出:前一个片段会越过切点继续播放并淡出,同时后一个片段在它下面淡入。预览和文件遵循同一套规则,所以你在接缝处看到的就是你导出的结果。

声音。 添加一个音频片段,它会像其他片段一样待在时间轴上:波形、修剪、静音。(默认会话自带的那条生成式背景音乐是唯一的例外——它在导出时才合成,所以在你渲染之前,它的条形一直是空白且无声的。)按下麦克风即可把旁白录制直接录到时间轴上,带有预备倒数和电平表,录下的这一条会作为你自己的素材,保存在你开始录制的位置。按下旁边的摄像头即可用同样的方式录制视频:拍摄过程中画面会按画板的导出尺寸裁切,因此这个小小的自拍预览显示的,正是会以满幅画面进入播放头处序列的内容——这也是从共享链接收集同事素材的方式。音乐、对白和片段自带的声音都会进入导出的混音。(导出面板里的音轨是另一回事:一条铺在整段成片下方的背景音乐,带淡变和自动闪避。两者可以并存。)

音频条。 选中任意带声音的片段,时间轴下方就会打开一条紧凑的控制条:音量推子、用于立体声定位的平移、三段式EQ(低、中音、强烈)、以半音为单位变调且保留人声特质的音高控件,以及标准化音量,它会把片段调整到广播响度标准(BS.1770),让轻声的语音备忘和响亮的音轨听起来一样响。两个片段相接的地方,交叉淡化会让接合处变得柔和,而不是直接切断。效果插槽会对该片段执行设备端处理 - 人声降噪能去掉录音里的房间声和嘶声。变速也会保留音高:放慢或加快的片段会被时间拉伸,而不是简单加速造成的尖细声。每次混音,导出都会在语音出现和消失时把音乐压到语音之下,并把整段节目控制在一个真峰值限制器之下,确保输出时不产生削波;本会削波的波形会在发生的位置画出警告标记。

选中了音乐片段的时间轴:底部控制条依次是速度、淡变、音量、平移、EQ、音高、标准化音量和效果插槽signed by Lollyvector SVG自己验证获取已签名文件52 paths~7.0k nodes90 groups79 KB选中了音乐片段的时间轴:底部控制条依次是速度、淡变、音量、平移、EQ、音高、标准化音量和效果插槽signed by Lollyvector SVG自己验证获取已签名文件52 paths~7.0k nodes90 groups79 KB

渲染它。 动态导出是一次确定性合成,不是屏幕录制——每一帧都在精确的时间点被解码、绘制和编码,因此文件不取决于你的机器跟不跟得上,MP4 或 WebM 也没有实际的帧数上限。除非你自己填写时长,否则时长由时间轴本身的长度决定。Content Credentials 会像其他任何导出一样被打上。静帧导出给你的是播放头处的那一帧,或者通过输出尺寸旁的帧数字段导出一整张连拍表——见导出。

有几条限制要记住:一段序列最长一小时;GIF 和动态 PNG 会把帧缓存起来,所以只能做得比较短;播放变快或变慢的片段会保留原来的音高(音频条会对它做时间拉伸,而音高控件则以半音为单位变调,同时保留人声的特质);实时录制在这里被隐藏,因为合成器是更好的路径。

超越预设:关键帧、深度和镜头。 转场会在一个片段进入和离开时为其添加动效。若要在一个片段内部摆出姿态——让它漂移、淡入淡出、模糊、从页面上升起再落回——就添加关键帧:选中片段,按下 +Keyframe(时间线工具组中的菱形图标、画布对象栏上的菱形图标,或按 K),播放头所在的位置将决定你下一次编辑写入的是哪个姿态。同一套关键帧系统还为每个带时间线的合成提供了镜头功能,可以推近、横移、拉焦,把一个平面的 SVG 变成一叠可以在其间穿梭飞行的图层。动画制作 是完整指南。

Design 工具拥有同一条时间轴,因此你不必换到另一个工具就能为版面设定时间,它同样可以导出动态。

演示

要把你的摄像头画面、一个 Logo 和一个姓名字幕叠加在观众看到的画面上,请使用 Present with camera。它的私有控件、已保存的场景、分享与录制步骤在用摄像头演示中有详细说明。下面这些常规的幻灯片控件仍然可以通过演示使用。

由多个画板组成的 Design 文档本身就是一套幻灯片。打开工具栏上的 Lolly 菜单并选择演示(最后一行),每个画板就会变成一张全屏幻灯片,顺序与画板在画布上的排列一致。演示运行在渲染后画板的副本上,因此底下的编辑器不会被碰到,退出后你会回到原来的位置。

检查器的文档部分:语音、与之混合、速度、引入、尾部和演示时显示字幕signed by Lollyvector SVG自己验证获取已签名文件63 paths~6.2k nodes68 groups1 image80 KB检查器的文档部分:语音、与之混合、速度、引入、尾部和演示时显示字幕signed by Lollyvector SVG自己验证获取已签名文件63 paths~6.2k nodes68 groups1 image80 KB

演示本身也是一个链接。?present 直接进入演示,s= 指定幻灯片 - 可以是位置、画板 id,或用 id.step 指定某个分步 - 而地址会随你翻页更新,所以你发出去的就是你正停在的那一张。工具作者请注意:这些参数记录在 URL 模式页面上。

在手机上

在窄屏幕上,布局会重排为单列:

手机宽度屏幕上的一个工具——顶部是面板形式的控件,下方预览中是生成的调色板,渲染胶囊按钮浮在底部中央signed by Lollyvector SVG自己验证获取已签名文件106 paths~2.7k nodes146 groups2 images91 KB手机宽度屏幕上的一个工具——顶部是面板形式的控件,下方预览中是生成的调色板,渲染胶囊按钮浮在底部中央signed by Lollyvector SVG自己验证获取已签名文件106 paths~2.7k nodes146 groups2 images91 KB

控件(输入项)

工具只暴露那些本就该变化的输入项——其余的一切(颜色、布局、排版、逻辑)都由工具作者锁定,因此你做出来的东西始终符合作者设下的规则。输入项包括文本、滑块、颜色选择器、下拉菜单、日期、图片选择器和重复行组。有些会归入可折叠的分组中。

工具的控件栏——一个文本框、几个颜色触发器和一个滑块,作者选择锁定的其余内容都不在这里signed by Lollyvector SVG自己验证获取已签名文件36 paths~2.6k nodes55 groups39 KB工具的控件栏——一个文本框、几个颜色触发器和一个滑块,作者选择锁定的其余内容都不在这里signed by Lollyvector SVG自己验证获取已签名文件36 paths~2.6k nodes55 groups39 KB

重置: 清除更改会把每个输入项恢复为默认值。

撤销与重做

Cmd/Ctrl-Z 后退一步,Cmd/Ctrl-Shift-Z(或 Cmd/Ctrl-Y)再向前一步。同样这一对以撤销和重做按钮的形式位于控件上方的一行 - 在自由画布上它们改放在工具栏上 - 当没有可收回的内容时各自变灰。每一步都会说明自己是什么:撤销一次改色,会有一条小提示写出它刚刚恢复的那个输入项,提示里还带一个重做按钮供你回去。

在一次实时协作中,历史记录只属于你自己。来自另一台设备的更改永远不会进入你的撤销栈,因此撤销操作只能撤回你自己所做的更改。

撤销只能在本次访问期间回溯;会随手保存的工具还会在History(与撤销并排)下保留更早的版本(见回到更早的版本)。

你的详细信息与头像照片

设置(工具库右上角,一旦你设置了名字就会显示你的名字)保存你的姓名、联系方式和可选的头像照片。需要这些字段的工具会自动预填 - 设置一次,你的邮件签名、组合标识和徽章就会自行填好。你仍然可以在每次会话中单独覆盖任意字段。开启使用我的资料创作,你的信息就会作为作者随你导出的内容一同带上。

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

保存与继续

要保留你的作品,选择导出旁边的对勾另存为。在 Save to a project 下,保持选中我的素材库,或选择一个项目(+ 新建项目…即可新建一个),然后选择保存。再次保存会更新同一项,而不是生成副本。在 Design 中,另存为位于 Lolly 标志下方的菜单里;在手机上,先按 •••,再按 File menu,然后按另存为。

导出面板里的保存按钮一键完成同样的事,并且从不下载文件:新作品会进入我的素材库,之前保存的作品会在原处更新。

要稍后回来,点左上角的首页,然后打开项目标签页(在手机上是一个文件夹图标)。保存到我的素材库的作品在它的第一屏;项目则是其中的一个文件夹。作品会以你在导出面板中输入的文件名命名,否则以它们的工具命名,比如QR Code。打开其中一个,所有设置都还在,随时可以再次修改和导出。

已保存的作品会留在本设备上,留在你保存时所用的浏览器或应用里,除非你打开同步。用下载得到的文件是一份成品副本;要以后修改它,请在项目中打开已保存的那一项。如果找不到你要的东西,请见找回你的作品。

分成两半的渲染胶囊 - 向上箭头用于打开导出面板,标有“另存为”字样的对勾用于打开保存表单signed by Lollyvector SVG自己验证获取已签名文件2 paths240 nodes10 groups7 KB分成两半的渲染胶囊 - 向上箭头用于打开导出面板,标有“另存为”字样的对勾用于打开保存表单signed by Lollyvector SVG自己验证获取已签名文件2 paths240 nodes10 groups7 KB

项目

项目,也就是主屏幕顶部的项目标签页,收纳你保存过的一切,存放在你自己创建的文件夹里。在那里查找、排序和搜索你的作品,以及从回收站恢复某一项,都写在找回你的作品里。

分享你的作品

一份设计有两种送出方式:作为链接,或作为文件。分享对话框两者都提供。用导出控件中的分享打开它;项目中已保存会话上的分享链接会为该会话打开同一个对话框。

链接

每一个输入项都记录在页面 URL 中,因此一个链接就是这份设计。对话框顶部是可直接复制的链接,下面折叠着两个分区。

把链接粘贴给同事、加入书签,或提交到版本库。(完整说明:URL 模式。)

有些工具会让链接本身成为完整的产品。 Jump Page 会把你的多个链接汇集到一个页面上分发出去——个人简介链接、会议演讲页、店铺主页。这背后无需托管,也无需账户:页面本身就是链接,因此它的打开速度就是网址传输的速度。在编辑器中,你可以在字段旁边看到成品页面;打开链接的访客会看到全宽显示的页面,随着滚动一屏一个链接依次展开。

编辑器中的 Jump Page:页面顶部是标题场景,下方是链接场景signed by Lollyvector SVG自己验证获取已签名文件4 paths763 nodes13 groups14 KB编辑器中的 Jump Page:页面顶部是标题场景,下方是链接场景signed by Lollyvector SVG自己验证获取已签名文件4 paths763 nodes13 groups14 KB

对话框会说明链接装不下什么。 有三样东西放不进 URL:你从本设备添加的图片或文件、很长的文本值,以及很大的列表。构建链接时会逐一统计它们。如果有内容不得不被舍弃,对话框会点名说出,并把你引向下面的文件方案,而不是给你一个打开后图片缺失的链接。仅仅是长的链接只会收到一条较温和的提示并附上字符数,因为打包仍然可以救回长度。

.lolly 文件

.lolly 是 Lolly 的可移植包扩展名,并不代表每个文件里装的都是同一种东西。真正说了算的是 manifest.json 里的 format。应用会先读取这份小小的清单,并在写入任何内容之前,显示大小、内容和将要执行的操作:

完整的设备 / 个人资料备份并不是 .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 说明这个文件是什么。

在它送出之前,有三件事由你决定:

打开一个文件。 在已安装的桌面版或移动版应用中,双击或点按一个 .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 SVG自己验证获取已签名文件256 paths~41k nodes433 groups850 KB素材 - 品牌的色板与字体,以及你自己上传的内容signed by Lollyvector SVG自己验证获取已签名文件256 paths~41k nodes433 groups851 KB

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

素材中的色板面板不只是展示 - 点击某个颜色即可复制它,或以你其他工具所使用的格式下载整套品牌调色板:

色板面板 - 顶部一排五个调色板下载按钮,下面是每一种品牌色,均为可复制的色片signed by Lollyvector SVG自己验证获取已签名文件135 paths~17k nodes195 groups225 KB色板面板 - 顶部一排五个调色板下载按钮,下面是每一种品牌色,均为可复制的色片signed by Lollyvector SVG自己验证获取已签名文件135 paths~17k nodes195 groups225 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。

批量工具栏——zip 文件名、单位、DPI,以及每一行都会继承的格式,右侧是 Sessions 和 Rendersigned by Lollyvector SVG自己验证获取已签名文件37 paths~3.5k nodes56 groups4 images52 KB批量工具栏——zip 文件名、单位、DPI,以及每一行都会继承的格式,右侧是 Sessions 和 Rendersigned by Lollyvector SVG自己验证获取已签名文件37 paths~3.5k nodes56 groups4 images52 KB

批量用于一次生成同一个模板的许多变体。若要重新渲染你已经保存的会话,请使用项目 → 渲染文件夹 / 渲染所选内容(见找回你的作品) - 无需 Pro。

并排编辑(多重编辑)

Batch(批量)针对的是同一个设计的多种变体。Multi-edit(多重编辑)则解决另一半的工作:同时打开多个不同的已保存设计,让一次修改应用到所有设计上。在 Projects 中勾选两到八个已保存的会话,再从选择栏中选择 Edit together(一起编辑);它们会在 #/multi?s=<slot>,<slot>… 处以实时卡片并排打开。每张卡片都是该会话的真实渲染,而不是一张存储的缩略图,所以你看到的就是最终导出的样子。

一个侧边栏驱动全部:

点击任意画布(或在其上按 Enter),该会话的侧边栏卡片就会展开并滚动到可见处。全部保存把每个会话写回它自己的槽位。全部下载会先保存,再通过与项目的渲染所选内容相同的流程渲染整组——打成一个 zip,过程中也会提供可选的密码加锁。

有两条如实说明的限制。二到八个的上限是真实的:每张卡片都会挂载自己的实时运行时,这个数量才能保持流畅——要求更多(或要求一个已不存在的会话)的链接会直说,而不是加载一半。另外,链接指的是你自己的保存槽位,因此它只在本设备上重新打开这一组;它不是分享链接。

当选中范围超过八个、混合了多种工具,或既有图片又有会话时,退路是同一条选择栏里的作为表格编辑:它把整个选中范围作为批量网格里的行打开(#/pro?s=…),没有数量上限,也没有同工具的要求。文件夹两者都不参与——它们有自己的在网格中打开的路径。(搜索是目前唯一伸不进这里的东西:多重编辑是搜索栏唯一不知道的视图。)

离线与安装

Lolly 是一个 PWA。对你已经打开过的界面,它会继续离线工作;设置 → 可离线使用下的应用本身会下载其余部分 - 从浏览器地址栏安装它(或在移动设备上使用添加到主屏幕),即可获得类似原生应用的全屏体验。重新联网后它会自行更新。

关于更新:如果某个视图在更新后一时加载失败(出现空白面板,或角落里的“failed to fetch”提示),只需重新加载一次页面 - 应用会干净利落地切换到新版本,你的作品、会话和品牌都不会受到影响;只有你添加过但从未保存的图片可能需要重新添加。它把一切都保存在你的设备上,而不是保存在页面里。

Design 和 Darkroom 可以通过 Wide colour / HDR 编辑保留原始图片精度,Sequence 视频也是如此。品牌色板可以携带独立的 sRGB 和 P3 数值。输出选择和当前限制请见宽色域与 HDR 编辑。