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)會改以自由畫布開啟:一個沒有邊框、可直接操作的介面,你可以拖曳、縮放、旋轉並貼齊文字、形狀與圖片方塊,也能雙擊就地編輯文字。它與其他所有工具走同一條算圖路徑匯出,因此畫布就是檔案。見下方的自由畫布。

有兩種方式可以把這片格狀清單調整成你要的樣子:

工具格狀清單的末端,隱藏的工具已顯示出來:變暗的 QR Code Generator 卡片,以及旁邊那塊把它切回可見狀態的灰色方塊,現在寫著 Hide hidden toolssigned by Lollyvector SVG自己驗證取得已簽署檔案416 paths~76k nodes810 groups7 images1,815 KB工具格狀清單的末端,隱藏的工具已顯示出來:變暗的 QR Code Generator 卡片,以及旁邊那塊把它切回可見狀態的灰色方塊,現在寫著 Hide hidden toolssigned 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)接受你輸入的問題,並把本說明文件中相符的段落原文交還給你,是指南本身的原話,不是摘要,也不是生成內容,並註明出處頁面,旁邊附上 Open in docs(在文件中開啟)連結。答案下方是應用程式中同樣符合這個問題的位置:一個工具、一項設定、一個已儲存的專案,各自是一顆直接帶你過去的按鈕。

對話紀錄只是這次工作階段的記憶:追問下去,串接會逐步累積,重新載入後則從頭開始。搜尋結果底部會有一列 *Ask Lolly:你的查詢***,位在其他分組找到的具體結果之下,點下去就把問題直接交過來,因此你可以從搜尋列開始,在這裡收尾。

畫布(預覽)

預覽永遠精確呈現匯出後的樣子。

桌機

畫布角落的縮放 HUD:減號、即時百分比、加號、Fit,接著是主題與音效切換signed by Lollyvector SVG自己驗證取得已簽署檔案46 paths338 nodes21 groups36 KB畫布角落的縮放 HUD:減號、即時百分比、加號、Fit,接著是主題與音效切換signed by Lollyvector SVG自己驗證取得已簽署檔案46 paths338 nodes21 groups36 KB

觸控

點一下就跳到對應的控制項: 點設計中的任何元素,側邊欄裡對應的輸入項就會取得焦點並捲入視野;若是重複列群組,它會展開你點到的那一列,因此要編輯眼前看到的東西只差一下點按。

只要改變尺寸,畫面一律會回到乾淨的符合視窗狀態。

自由畫布(Design)

自由畫布類的工具會在畫板周圍加上一塊工作區,就像設計師的桌上檯面:

Design 的自由畫布 - 畫板及其周圍的貼上板signed by Lollyvector SVG自己驗證取得已簽署檔案274 paths~15k nodes275 groups4 images309 KBDesign 的自由畫布 - 畫板及其周圍的貼上板signed by Lollyvector SVG自己驗證取得已簽署檔案274 paths~15k nodes275 groups4 images310 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-spline靠近節點而不通過節點,形狀更柔和。
直線折線。

把既有路徑切換成會自行決定控制桿的類型時會先詢問,因為你設定的控制桿長度無法還原;切換到貝茲控制桿則一律不會有損失。繪製途中不會詢問:切換會直接套用到草稿上,你已經拉出的控制桿也會跟著改變。在自行掌管控制桿的類型上,插入節點會讓曲線的形狀略微改變;貝茲控制桿則不會。

每個節點也帶有一條連續性規則,從它在畫布上的形狀就看得出來:方形是角點(控制桿各自獨立),圓形是平滑(控制桿保持共線),圓形加一圈是對稱(共線且等長)。為任何選取的節點設定它,曲線會立刻重新滿足這條規則。

兩條直接從連結算圖出來的鋼筆路徑:一條描邊的 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

結果是一條新的路徑,你可以繼續用鋼筆編輯。孔洞是真正的孔洞:筆畫面板上的填滿規則控制項決定重疊的輪廓是要填滿(non-zero)還是穿透(even-odd)。

這些運算刻意不做兩件事。它們寧可拒絕,也不破壞:要求兩個不重疊的形狀相交,它會告訴你沒有東西可以保留,而且什麼都不會變。另外,文字與圖片方塊沒有可用的輪廓,因此會維持原狀,而不是用外框去近似。合併的結果會以單純的貝茲曲線儲存,繪圖軟體也是這麼做的:原本的曲線類型不會在運算後留存。

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

開啟時間軸就等於把鍵盤交給它,因此 Space 與方向鍵驅動的是播放磁頭,而不是頁面 - 又因為在已經帶有時間設定的作品上它會自行開啟,所以 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 工具有同一條時間軸,因此你不必換到別的工具就能為版面設定時間,而且它也能匯出動態。

簡報播放

若要把你的攝影機畫面、一個標誌與姓名字幕疊加在觀眾看到的畫面上,請使用 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 Mode 頁面。

在手機上

在窄螢幕上,版面會重排成單欄:

手機寬度螢幕上的工具:控制項是頂端的面板,生成的色盤填滿下方預覽,算圖膠囊浮在底部中央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 Mode。)

有些工具會讓連結本身就是完整的產品。 Jump Page 把你的連結整理成一頁,方便你分發出去——個人簡介連結、研討會演講頁、商店首頁皆可。背後沒有任何東西需要架設,也不需要帳號:這一頁就是那個連結,因此它能以網址傳遞的速度立即開啟。在編輯器中,你會在欄位旁邊看到完成後的頁面;開啟連結的訪客會以全寬顯示,並隨著捲動,每個場景顯示一個連結。

編輯器中的 Jump Page:頁面頂部是標題場景,下方是連結場景signed by Lollyvector SVG自己驗證取得已簽署檔案4 paths763 nodes13 groups14 KB編輯器中的 Jump Page:頁面頂部是標題場景,下方是連結場景signed by Lollyvector SVG自己驗證取得已簽署檔案4 paths763 nodes13 groups14 KB

對話框會說明連結載不動什麼。 有三種東西塞不進網址:你從這台裝置加入的圖片或檔案、非常長的文字值,或非常大的清單。建立連結時每一項都會被計入。若有東西不得不捨棄,對話框會指名是什麼,並把你導向下面的檔案,而不是交給你一個開啟後圖片不見的連結。只是很長的連結則會得到一則較溫和的提示與字元數,因為長度還能靠打包救回來。

.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,或每個列表檢視頂端「工具 · 工具程式 · 素材 · 專案」切換器中的素材區段)匯集了你的工具可以取用的一切 - 品牌標誌、圖片、音訊與動態,依種類分組 - 同時也是你自己的創作檔案存放的地方。沒有伺服器、沒有管理主控台、沒有 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

字體面板列出你的品牌字型,每個旁邊都有一個下載,可以安裝到本機或交給印刷廠。(Brand Studio 的色彩區也提供同樣的色盤下載。)

素材只是開放、自己動手這條路的一半;另一半是做出你自己的工具:自由畫布(上面說的 Design)讓你用視覺方式做出一個,不需要寫程式。

聲音與無障礙

Lolly 希望每個人用起來都舒適。介面可以用鍵盤操作,自訂控制項為螢幕閱讀器帶有適當的標籤,而每個工具的即時預覽都以單一張有標籤的圖片呈現,說明它正在做什麼。

一層輕柔的輔助音效會確認你的操作:進入工具庫、Content Credentials 檢查通過與不通過、關閉面板、切換濾鏡。它預設關閉:在任何出現該開關的地方(各檢視的選項浮動視窗,或設定)打開聲音,這個選擇會被記住。

設定 → 無障礙底下有四項需自行開啟的舒適設定:Reduce motion(拿掉應用程式的轉場與花俏效果)、Hide colourful previews(工具庫卡片變成沉穩的圖示加文字,專案縮圖也更安靜)、High contrast(更強的邊框、文字與焦點框),以及Large text(放大應用程式的字:標籤、選單、按鈕文字)。這四項都只讓工作周圍的應用程式安靜下來:它們絕不會伸進工具畫布,也不會改變你匯出成品的任何一個像素,而且在你開啟之前都是關的。完整說明見你的個人資料 → 無障礙。

聲音開關旁邊是 Neurospicy Mode,一段選用的、令人平靜的背景專注音樂,會在你工作時輕輕播放。開啟後,底部角落會出現一個小小的播放器停靠列,隨你在應用程式中移動;你可以在上面搜尋並挑選曲目、往前往後跳、設定音量,以及縮到最小或關閉。曲目清單涵蓋幾個類別:程序生成的 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,以及每一列繼承的格式,右側則是「工作階段」與「算繪」signed by Lollyvector SVG自己驗證取得已簽署檔案37 paths~3.5k nodes56 groups4 images52 KB批次工具列——ZIP 檔名、單位、DPI,以及每一列繼承的格式,右側則是「工作階段」與「算繪」signed by Lollyvector SVG自己驗證取得已簽署檔案37 paths~3.5k nodes56 groups4 images52 KB

批次是用來一次生成同一個範本的許多變體。若要重新算圖你已經儲存的工作階段,請用專案 → 算圖資料夾/算繪選取範圍(見找回你的成果) - 不需要 Pro。

並排編輯(Multi-edit)

批次處理是同一份設計的多種變化版本。多重編輯則是另一半的工作:同時開啟數份不同的已儲存設計,讓一項變更套用到全部設計上。在專案中勾選兩到八份已儲存的工作階段,並從選取列中選擇一起編輯;它們就會以即時卡片的形式並排開啟於 #/multi?s=<slot>,<slot>…。每張卡片都是該工作階段的真實算繪結果,而不是儲存的縮圖,因此你看到的畫面就是最終匯出的結果。

一個側邊欄驅動全部:

點任何一張畫布(或在它上面按 Enter),該工作階段的側邊欄卡片就會展開並捲入視野。全部儲存會把每個工作階段寫回它自己的位置。全部下載會先儲存,再透過與專案的算繪選取範圍相同的流程算出整組:一個 zip,過程中也會提供選用的密碼鎖。

有兩項要老實說的限制。二到八的上限是真的:每張卡片都掛載自己的即時執行環境,這個數字才能維持順暢;要求更多(或要求已經不存在的工作階段)的連結會直接說明,而不是載入到一半。另外,連結指名的是你儲存的位置,所以它只會在這台裝置上重新開啟那一組,它不是分享連結。

當選取範圍超過八個、混合了多個工具,或除了工作階段還包含圖片時,逃生門就是同一條選取列上的 Edit as sheet:它會把整個選取範圍當成批次格線中的列開啟(#/pro?s=…),沒有數量上限,也沒有同一工具的規定。資料夾兩者都不參與,它們有自己的在格線中開啟的路徑。(搜尋是目前唯一還沒伸進來的東西:Multi-edit 是搜尋列唯一不知道的檢視。)

離線與安裝

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.