Използване на Lolly

Практическо ръководство как наистина да използваш приложението — отваряне на инструмент, работа с канваса, експортиране, запазване и споделяне. Всичко тук работи на твоето устройство: без акаунт, без качване, без нужда от интернет след първото зареждане.

Нов ли си тук? Бърз старт те кара да създаваш за минути, а Lolly за оператори обяснява инсталирането/разгръщането на приложението; тази страница е за работата с него, след като вече е отворено.

Отваряне на инструмент

Началният екран е галерията — всички инструменти, групирани по категории. Кликни върху карта, за да отвориш инструмента; ако си работил по него преди, бутонът Продължи възобновява най-скорошната ти сесия. Използвай полето за търсене, за да филтрираш по име.

Всеки инструмент е разделен изглед: контролите от едната страна, преглед на живо (канвасът) от другата. Промени която и да е контрола и прегледът се обновява мигновено.

Няколко инструмента (като Layout Studio) вместо това се отварят като свободен канвас — повърхност без излишен интерфейс, с директна манипулация, където влачиш, преоразмеряваш, завърташ и прилепваш кутии с текст, форми и изображения, а с двойно кликване редактираш текста на място. Той се експортира през същия рендер път като всеки друг инструмент, така че канвасът е файлът. Виж Свободният канвас по-долу.

Канвасът (прегледът)

Прегледът винаги показва точно това, което ще се експортира.

Настолен компютър

• Мащабиране: Cmd/Ctrl + скрол, или щипване на тракпад — мащабирането се центрира върху показалеца ти.
• Панорамиране: задръж Space и влачи, или влачи със средния бутон на мишката. (Обикновените кликвания остават свободни за кликване по части от дизайна.)
• Клавиатура: 0 = побиране в прозореца · 1 = 100% · + / − = мащабиране.
• HUD за мащаба: малката контрола − NN% + Fit в ъгъла. Кликни върху процента, за да превключиш между побиране ↔ 100%.

Сензорен екран

• Щипни за мащабиране, влачи за панорамиране, двойно докосване за връщане към побиране.

Кликни, за да скочиш към контрола: кликни върху който и да е елемент от дизайна и съответното входно поле в страничната лента получава фокус и се превърта в изглед — при повтаряща се група от редове се разгъва точно редът, върху който си кликнал, така че редактирането на това, което виждаш, е на едно докосване разстояние.

Промяна на размерите винаги връща изгледа обратно към чисто побиране.

Свободният канвас (Layout Studio)

Инструментите със свободен канвас добавят работна повърхност около артборда, като монтажна маса на дизайнер:

• Подреждане извън канваса. Извлачи кутия отвъд ръба на рамката и тя остава напълно видима и избираема — паркирай елементи отстрани, докато подреждаш композицията, после ги извлачи обратно. Всичко извън рамката е леко избледняло, така че зоната за експорт винаги се чете от пръв поглед, а рамката запазва сянката си, за да отбелязва точно къде започва файлът.
• Експортира се само рамката. Експортираният файл е ограничен до артборда — всичко, оставено отвън (или частта от кутия, надвиснала над ръба), просто се изрязва от изхода, както в растерните, така и във векторните формати.
• Отдалечи мащаба под „Побиране“ (до 20%), за да видиш цялата монтажна маса, когато си подредил неща далеч извън рамката.
• Преоразмеряем артборд. Промяната на размерите за експорт преоразмерява рамката на място; кутиите запазват позициите си, така че можеш да прекадрираш оформление около съществуващо съдържание.

На телефон

На тесни екрани оформлението се преподрежда в една колона:

• Контролите се превръщат в панел в горната част с дръжка за влачене на долния му ръб. Влачи дръжката, за да го преоразмериш — прилепва към надникване / половина / цял екран — или докосни дръжката, за да превключиш свито ↔ разгънато. Прегледът запълва пространството отдолу и остава видим, докато редактираш.
• Плаващ бутон Рендерирай отваря панела Експорт — всички контроли за формат, размер, копиране, запазване и изтегляне на едно място. Затвори го с докосване на фона.

Контроли (входни полета)

Инструментите излагат само входните полета, които са предвидени да се променят — всичко останало (цветове, оформление, типография, логика) е заключено от автора на инструмента, така че каквото и да направиш, то спазва правилата, зададени от автора. Входните полета включват текст, плъзгачи, селектори на цвят, падащи менюта, дати, избор на изображения и повтарящи се групи от редове. Някои са групирани в сгъваеми секции.

Нулиране: Изчисти промените връща всяко входно поле към стойностите му по подразбиране.

Твоите данни и портретна снимка

Профил (горе вдясно в галерията) съхранява името ти, данните за контакт и по избор портретна снимка. Инструментите, които искат тези полета, ги попълват автоматично — задай ги веднъж и имейл подписът, лого композициите и баджовете ти се попълват сами. Пак можеш да презапишеш всяко поле за отделна сесия. Дай съгласие с Използвай моите данни, за да може инструмент да ги чете.

Портретната ти снимка и данните ти живеят само на това устройство. Профилът може да е нещо повече от теб самия — екип или роля, в която влизаш от време на време. Виж Профили за пълната картина, включително поддържането на повече от един.

Запазване и продължаване

Кликни Запази, за да съхраниш текущите входни стойности като сесия за този инструмент. Можеш да пазиш няколко именувани сесии за всеки инструмент; бутонът Продължи на всеки инструмент отваря отново най-скорошната ти, а бутонът за история (горе вдясно, до профила ти) изброява всяка запазена сесия от всички инструменти. Сесиите са локални за устройството. За да ги организираш, отвори Проекти (по-долу).

Проекти

Проекти — отвори го от раздела Проекти до Инструменти или от Профил → Хранилище → Организирай в Проекти — е дом за всичко, което си запазил, и работи като файлов мениджър:

• Папки, които се влагат. Групирай запазени сесии в папки, и папки в папки, толкова дълбоко, колкото искаш. Създай папка, преименувай я или извлачи плочка върху друга папка, за да я преместиш; пътечка от трохи те връща нагоре. Винаги присъстващата папка Некатегоризирани съдържа всичко, което още не е подредено.
• Завеждай нова работа направо вътре. В папка + Нов инструмент отваря инструмент и автоматично записва първото му запазване в тази папка.
• Множествен избор (настолен). Отметни отметката на плочка, влачи кутия за избор през празния канвас или Shift/Cmd + клик; десен клик върху плочка отваря контекстното ѝ меню. После действай върху цялата селекция наведнъж.
• Рендерирай цяла папка или селекция. Рендерирай папка експортира всяка запазена сесия в папка — включително подпапките ѝ — като един вложен .zip. Рендерирай селекция прави същото за всеки множествен избор, а единична сесия се рендерира направо в собствен файл. Без нужда от Batch/Pro.
• Сподели запазена сесия. Десен клик върху сесия → Сподели връзка копира връзка, която я отваря отново с точно същите входни стойности (пълният диалог за споделяне — виж по-долу).

Споделяне на връзка

Всяко входно поле се записва в URL адреса на страницата, така че връзката е дизайнът. Използвай Сподели в контролите за експорт — или Сподели връзка върху всяка запазена сесия в Проекти — за да отвориш диалога за споделяне: готова за копиране връзка плюс превключватели за шифроване на връзката и за това какво се случва при отварянето ѝ (цял екран, разгънат панел за експорт, изтегляне при отваряне с &export или копиране в клипборда с &copy).

Голям дизайн би направил дълъг URL, затова диалогът предлага и Най-кратка връзка, която опакова цялото състояние в компактен токен — четимата форма също винаги е налична. Постави я на колега, добави я в отметките си или я комитни. (Пълни подробности: URL режим.)

Изображенията, качени от твоето устройство, не се включват в споделена връзка — те съществуват само на твоята машина.

Камера на живо (инструменти, реагиращи на движение)

Фото филтрите — Halftone, Scanline, Posterize, Duotone — показват бутон Go live, когато има налична камера. Включи го и ефектът следва уеб камерата ти кадър по кадър, така че реагира на движение; можеш да запишеш резултата като GIF, WebM или MP4. Кадрите се четат и обработват на твоето устройство и никога не го напускат, а камерата се освобождава в мига, в който спреш или напуснеш инструмента. (Всеки селектор на изображения има и Направи снимка, за да уловиш единичен кадър като изображение на устройството.)

Моите изображения

Когато инструмент ти позволи да добавиш изображение от устройството си, то се смалява, изчиства се от EXIF/GPS данни и се запазва в личната ти библиотека Моите изображения (в Профил → Хранилище). Използвай го повторно във всеки инструмент. Библиотеката има ограничен размер и е изцяло локална — управлявай или изтривай изображенията там.

Каталогът — твоята библиотека с активи

Каталогът (#/c, или връзката Каталог в менюто) събира всичко, от което инструментите ти могат да черпят — лога на марката, изображения, аудио и анимации, групирани по вид — и там живеят и собствените ти творчески файлове. Без сървър, без административна конзола, без pull request: всичко е на твоето устройство.

• Внеси файловете си. Извлачи всяко изображение, SVG, аудио клип, видео, Lottie или PDF върху зоната за качване — или кликни, за да избереш — и то се озовава в каталога ти мигновено, готово във всеки селектор на активи на инструментите. Внасяй колкото искаш; нищо не напуска устройството ти.
• Отбележи като любимо това, което ползваш често. Дай ★ на актив (или на цветова мостра от марката) и той се закача най-отгоре във всеки селектор, така че любимото ти лого или цвят е на един клик разстояние.
• Подреди. Прекатегоризирай актив в друга група, скрий споделен актив на марката, който не използваш (с Покажи скритите, за да го върнеш), или изтрий собствените си качвания напълно.

Вземи палитрата и шрифтовете си навсякъде

Панелът Мостри в Каталога не е само за справка — кликни върху цвят, за да го копираш, или изтегли цялата палитра на марката във формата, който говори другият ти инструмент:

• Дизайн токени (JSON), CSS променливи или CSS класове — вкарай марката направо в стилов файл или в билд;
• Adobe Swatch Exchange (.ase) — зареди го в Illustrator или Photoshop;
• GIMP палитра (.gpl) — за GIMP или Inkscape.

Панелът Шрифтове изброява шрифтовете на марката ти с бутон за изтегляне до всеки — за локална инсталация или за предаване на печатница. (Разделът „Цветове“ на Brand Studio предлага същото изтегляне на палитрата.)

Активите са едната половина от отворения, „направи си сам“ път; другата е създаването на собствени инструменти — свободният канвас (Layout Studio, описан по-горе) ти позволява да изградиш такъв визуално, без код.

Звук и достъпност

Lolly се стреми да е удобен за използване от всекиго. Интерфейсът е навигируем с клавиатура, персонализираните контроли носят коректни етикети за екранни четци, а прегледът на живо на всеки инструмент е изложен като едно етикетирано изображение, описващо какво създава.

Нежен слой от помощни звуци потвърждава действията ти — пристигане в галерията, валидна срещу невалидна проверка на Content Credentials, затваряне на панел, превключване на филтър. Той е включен по подразбиране, но винаги е по избор: изключи Звук навсякъде, където се появява превключвателят (попъпът с опции на всеки изглед или Профил), и изборът се запомня.

До този превключвател е Neurospicy Mode — незадължителен, успокояващ фонов фокус трак, който свири тихо, докато работиш. Включването му отваря малък плейър док в долния ъгъл, който те следва из цялото приложение; от него можеш да търсиш и избираш трак, да прескачаш напред и назад, да настройваш силата на звука и да го минимизираш или затваряш. Списъкът с тракове обхваща няколко категории — процедурни мелодии 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, идентификатор на формата lolly-backup), така че преживява имейл, USB или AirDrop непокътнат и е същият формат, който чете всеки shell. Всяка част има контролна сума, така че файл, повреден при пренасяне, се улавя при импорта, вместо да бъде възстановен наполовина счупен. (Пълна спецификация на формата: Пренос на данни.)

Импортиране на дизайн (Figma, Penpot, Illustrator, InDesign)

Можеш да внесеш съществуващ дизайн в Lolly и да продължиш работата по него: отвори Layout Studio, кликни Импортирай дизайн в лентата с инструменти на канваса и избери Figma .fig или SVG, Penpot .penpot, Illustrator .ai / .pdf, или InDesign .idml. Слоевете стават редактируеми кутии върху свободния канвас — текстът остава редактируем, изображенията попадат в Моите изображения, а шрифтовете и цветовете се съобразяват с глобалните настройки на марката — после резултатът се запазва, споделя и рендерира като всяка друга сесия. Парсването се случва изцяло на твоето устройство. Пълни подробности: Импортиране на дизайн.

Експортиране

Виж Експортиране и формати за пълната история — избор на формат, изходен размер и печатни единици, прозрачност, видео и копиране/споделяне. Накратко: избери формат, задай размера, ако е нужно, и Изтегли (или Копирай в клипборда).

Режим Batch (Pro)

За напреднали потребители Batch (с връзка от галерията, зад функционалния флаг Pro, който е включен по подразбиране) рендерира много вариации наведнъж — таблица, в която всеки ред е набор от входни стойности, експортирани заедно. Идеален за локализиране на картичка на дузина езици или за генериране на всеки вариант на размер с едно минаване. Попълвай редове с писане, с поставяне направо от електронна таблица или с импортиране на CSV (можеш и да експортираш такъв обратно) и задавай формат, размер и изходно име на файла за всеки ред. Запази цяла таблица като именувана batch сесия, която се отваря отново от галерията, и изтегли всеки ред като един .zip.

Batch е за генериране на много варианти на един шаблон наведнъж. За да рендерираш отново сесии, които вече си запазил, използвай Проекти → Рендерирай папка / Рендерирай селекция (по-горе) — без нужда от Pro.

Офлайн и инсталиране

Lolly е PWA. След първото зареждане работи офлайн — инсталирай го от адресната лента на браузъра си (или Добави към началния екран на мобилно устройство) за усещане като на приложение, на цял екран. Обновява се сам, когато отново си онлайн.