使用 Lolly

一份實際教你如何使用本應用程式的指南——開啟工具、操作畫布、匯出、儲存與分享。這裡的一切都在你的裝置上執行：不需要帳號、不需要上傳，首次載入後也不需要網路連線。

第一次使用嗎？快速上手 讓你在幾分鐘內就能開始動手做，而 Lolly 給維運人員 說明如何安裝／部署本應用程式；本頁說明的是開啟後如何操作。

開啟工具

首頁是畫廊——依類別分組列出所有工具。點擊卡片即可開啟工具；如果你先前使用過該工具，繼續按鈕會恢復你最近一次的工作階段。使用搜尋框可依名稱篩選。

每個工具都是分割畫面：一側是控制項，另一側是即時預覽（畫布）。變更任何控制項，預覽都會立即更新。

少數工具（例如版面工作室）會改以自由畫布開啟——一個無邊框、可直接操作的介面，你可以拖曳、縮放、旋轉並貼齊文字、形狀與圖片的方框，也能雙擊就地編輯文字。它與其他所有工具走相同的渲染路徑匯出，因此畫布本身就是檔案。詳見下方的自由畫布。

畫布（預覽）

預覽畫面永遠精確呈現匯出後的結果。

桌面版

• 縮放： Cmd/Ctrl + 捲動，或在觸控板上以雙指縮放——縮放會以指標位置為中心。
• 平移： 按住 Space 鍵並拖曳，或用滑鼠中鍵拖曳。（一般點擊仍可自由用來點選設計中的元素。）
• 鍵盤： 0 = fit to window · 1 = 100% · + / − = zoom.
• 縮放面板： 角落的小型 − NN% + Fit 控制項。點擊百分比可在「符合視窗」與 100% 之間切換。

觸控

• 雙指縮放可進行縮放，拖曳可平移，雙擊可重設為符合視窗大小。

點擊即可跳至對應控制項： 點擊設計中的任何元素，側邊欄中對應的輸入欄位就會取得焦點並捲動至可視範圍——若是重複列群組，它會展開你點擊的那一列，因此編輯你所看到的內容只需一步。

變更尺寸時，畫面一律會自動回到整潔的符合視窗大小狀態。

自由畫布（版面工作室）

自由畫布類的工具會在畫板周圍加上一個工作區域，就像設計師的桌面貼版：

• 畫布外暫存區。 將方框拖出畫框邊緣，它仍會完全可見且可選取——在安排構圖時，可以先把元素移到旁邊，之後再拖曳回來。畫框外的所有內容都會輕微淡化，讓匯出範圍一眼就能辨識，畫框本身則保留陰影，清楚標示檔案的起始邊界。
• 只有畫框內的內容會匯出。 匯出的檔案以畫板為邊界——留在畫框外的任何內容（或方框超出邊緣的部分）都會直接從輸出結果中裁切掉，點陣與向量格式皆然。
• 縮小到超過「符合視窗」（最小可到 20%），當你把元素暫放在離畫框很遠的地方時，可以藉此檢視整個貼版。
• 可調整大小的畫板。 變更匯出尺寸會直接調整畫框大小；方框會保留原本的位置，因此你可以圍繞既有內容重新調整版面。

在手機上

在窄螢幕上，版面會重新排列為單欄：

• 控制項會變成頂端的面板，下緣有一個拖曳握把。拖曳握把可調整面板大小——會吸附至微露／半展開／全展開——或點按握把在收合與展開之間切換。預覽畫面會填滿下方空間，並在你編輯時持續顯示。
• 懸浮的渲染按鈕會開啟匯出面板——格式、尺寸、複製、儲存與下載等所有控制項都集中在這裡。點按背景區域即可關閉。

控制項（輸入欄位）

工具只會公開設計成可變動的輸入欄位——其餘一切（色彩、版面、字體排印、邏輯）都由工具作者鎖定，因此你做出來的成品必定符合作者設定的規則。輸入欄位包括文字、滑桿、色彩選擇器、下拉選單、日期、圖片選擇器與重複列群組。部分欄位會歸類在可收合的區塊中。

重設： 清除變更會將所有輸入欄位恢復為預設值。

你的資料與大頭照

個人資料（位於畫廊右上角）保存你的姓名、聯絡方式，以及可選的大頭照。需要這些欄位的工具會自動預先填入——只要設定一次，你的電子郵件簽名檔、標誌組合與識別證就會自動填好。你仍然可以在每個工作階段中個別覆寫任何欄位。開啟使用我的資料，工具才能讀取這些內容。

你的大頭照與資料只會存在這台裝置上。個人資料所代表的不一定只是你自己——也可以是一個團隊，或是你偶爾扮演的某個角色。完整說明請見個人資料，包括如何保留多份資料。

儲存與繼續

點擊儲存即可將目前的輸入內容存為該工具的一個工作階段。每個工具都可以保留多個具名工作階段；每個工具的繼續按鈕會重新開啟你最近一次的工作階段，而歷史紀錄按鈕（右上角，緊鄰個人資料旁）則會列出所有工具中每一個已儲存的工作階段。工作階段只儲存在裝置本機。若要整理它們，請開啟下方的專案。

專案

專案——可從工具旁邊的專案分頁開啟，也可從個人資料 → 儲存空間 → 在專案中整理進入——是存放所有已儲存內容的地方，運作方式類似檔案總管：

• 可巢狀的資料夾。 將已儲存的工作階段歸類到資料夾中，資料夾裡還能再建立資料夾，層級不限。你可以建立資料夾、重新命名，或把方塊拖曳到另一個資料夾上以移動它；麵包屑導覽可以帶你一路返回上層。一個永遠存在的未分類資料夾會存放尚未歸檔的內容。
• 新工作直接歸檔。 在資料夾內使用+ 新增工具會開啟一個工具，並自動將它第一次的儲存歸入該資料夾。
• 多選（桌面版）。 勾選方塊的核取方塊、在空白畫布上拖曳選取框，或使用 Shift/Cmd 點擊；右鍵點擊方塊可開啟操作選單。接著即可對整個選取範圍一次執行操作。
• 渲染整個資料夾或選取範圍。 渲染資料夾會將資料夾中每一個已儲存的工作階段——包括其子資料夾——匯出為一個巢狀的 .zip。渲染選取項目對任何多重選取執行相同動作，單一工作階段則會直接渲染成自己的檔案。不需要批次／Pro 功能。
• 分享已儲存的工作階段。 在工作階段上按右鍵 → 分享連結，即可複製一個能以完全相同輸入內容重新開啟它的連結（完整的分享對話框請見下文）。

分享連結

每一個輸入內容都會記錄在頁面網址中，因此連結本身就是這份設計。使用匯出控制項中的分享——或專案中任何已儲存工作階段上的分享連結——即可開啟分享對話框：其中有一個可直接複製的連結，以及用來加密連結、並設定開啟時行為的開關（全螢幕顯示、展開匯出面板、以 &export 開啟即下載，或以 &copy 開啟即複製到剪貼簿）。

較複雜的設計會產生很長的網址，因此對話框也提供最短連結選項，把整個狀態打包成一個精簡的權杖——可讀的完整連結一律同時保留。你可以貼給同事、加入書籤，或提交進版本控制。（完整說明：URL 模式。）

你從裝置上傳的圖片不會包含在分享連結中——它們只存在於你的機器上。

即時攝影機（動態感應工具）

照片濾鏡工具——半色調、掃描線、色調分離、雙色調——在有攝影機可用時會顯示即時開啟按鈕。開啟後，效果會逐格追蹤你的網路攝影機畫面，因此能對動作做出反應；你可以將結果錄製成 GIF、WebM 或 MP4。畫面的讀取與處理都在你的裝置上進行，絕不會離開裝置，一旦你停止或離開該工具，攝影機就會立即釋放。（任何圖片選擇器也都有拍照功能，可擷取單一畫面作為裝置端圖片。）

我的圖片

當工具允許你從裝置新增圖片時，該圖片會被縮小尺寸、移除 EXIF／GPS 資訊，並儲存到你個人的我的圖片庫中（位於個人資料 → 儲存空間）。你可以在任何工具中重複使用它。該圖庫有容量上限，且完全儲存在本機——你可以在那裡管理或刪除圖片。

目錄——你的素材庫

目錄（#/c，或選單中的目錄連結）匯集了你的工具能取用的一切——品牌標誌、圖片、音訊與動態內容，依類型分組——同時也是你自己的創作檔案存放的地方。沒有伺服器、沒有管理主控台、沒有 pull request：一切都在你的裝置上。

• 把你的檔案帶進來。 把任何圖片、SVG、音訊片段、影片、Lottie 或 PDF 拖曳到上傳區——或點擊選取——它就會立刻進入你的目錄，在每個工具的素材選擇器中隨時可用。你想匯入多少都可以；它們絕不會離開你的裝置。
• 把常用的加入最愛。 為某個素材（或某個品牌色票）按下 ★，它就會被釘選到每個選擇器的最上方，讓你最常用的標誌或色彩一鍵即達。
• 整理一下。 把某個素材重新歸類到不同群組、隱藏你用不到的共用品牌素材（用顯示隱藏項目把它找回來），或直接刪除你自己上傳的檔案。

把你的調色盤與字型帶著走

目錄的色票（Swatches）面板不只是拿來參考的——點一個顏色即可複製它，或以你另一個工具所使用的格式下載整組品牌調色盤：

• 設計權杖（JSON）、CSS 變數或 CSS 類別——把品牌直接放進樣式表或建置流程；
• Adobe Swatch Exchange（.ase）——載入 Illustrator 或 Photoshop；
• GIMP 調色盤（.gpl）——供 GIMP 或 Inkscape 使用。

字型（Fonts）面板會列出你的品牌字體，每個旁邊都有下載，可安裝到本機或交給印刷廠。（品牌工作室的「色彩」分頁也提供相同的調色盤下載。）

素材是這條開放、自己動手做的路徑的一半；另一半則是製作你自己的工具——自由畫布（前述的版面工作室）讓你以視覺化方式打造工具，完全不需要寫程式。

聲音與無障礙

Lolly 致力於讓每個人都能舒適地使用。介面支援鍵盤操作，自訂控制項都附有供螢幕報讀軟體使用的正確標籤，每個工具的即時預覽也都以一張附說明標籤的圖片形式呈現，描述它正在產生的內容。

一層輕柔的輔助音效會確認你所做的操作——進入畫廊、Content Credentials 驗證有效或無效、關閉面板、切換濾鏡等。它預設為開啟，但一律可以選擇關閉：在開關出現的任何地方（各畫面的選項彈出視窗，或個人資料）將聲音關閉即可，這項選擇會被記住。

該開關旁邊是 Neurospicy 模式——一段可選、令人平靜的背景專注音軌，會在你工作時輕柔播放。開啟它會在底部角落開啟一個小型的播放器面板（player dock），並隨著你在應用程式各處移動而跟隨；你可以在其中搜尋並挑選音軌、往前或往後跳、設定音量，以及將它最小化或關閉。音軌清單涵蓋幾個類別——程序生成的 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），因此經過電子郵件、USB 或 AirDrop 傳輸後仍會完整無缺，而且是每個版本都能讀取的相同格式。每個部分都附有校驗碼，因此傳輸過程中損壞的檔案會在匯入時被偵測到，而不會被還原成半損壞的狀態。（完整格式規格：資料傳輸。）

匯入設計（Figma、Penpot、Illustrator、InDesign）

你可以把現有的設計帶進 Lolly 並繼續編輯：開啟版面工作室，在畫布工具列中點擊匯入設計，然後選擇 Figma 的 .fig 或 SVG 檔、Penpot 的 .penpot 檔、Illustrator 的 .ai／.pdf 檔，或 InDesign 的 .idml 檔。圖層會變成自由畫布上可編輯的方框——文字仍可重新輸入，圖片會存入我的圖片，字體與色彩則會依循品牌全域設定——之後的結果就能像其他工作階段一樣儲存、分享與渲染。解析過程完全在你的裝置上進行。完整說明：匯入設計。

匯出

完整說明請見匯出與格式——包括選擇格式、輸出尺寸與列印單位、透明度、影片，以及複製／分享。簡單來說：選擇一種格式，視需要設定尺寸，然後下載（或複製到剪貼簿）。

批次（Pro）模式

對於進階使用者，批次（可從畫廊連結進入，由預設開啟的 Pro 功能旗標控管）可以一次渲染多種變化——一個網格，其中每一列都是一組輸入內容，一起匯出。非常適合把一張卡片在地化成十幾種語言，或一次產生所有尺寸的變化版本。你可以直接輸入、從試算表直接貼上，或匯入 CSV 檔來填入各列（也可以匯出回 CSV），並為每一列個別設定格式、尺寸與輸出檔名。整個網格可以儲存成一個具名的批次工作階段，從畫廊重新開啟，並將每一列下載成單一個 .zip 檔。

批次功能適用於一次產生同一個範本的多種變化。若要重新渲染你已經儲存的工作階段，請使用上方的專案 → 渲染資料夾／渲染選取項目——不需要 Pro。

離線與安裝

Lolly 是一個 PWA。首次載入後即可離線使用——從瀏覽器的網址列安裝它（在行動裝置上則使用加入主畫面），即可獲得類似原生應用程式的全螢幕體驗。恢復連線後，它會自動更新。