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

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

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

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

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

Галерията с инструменти — всеки инструмент като карта, групирани по категорииsigned by Lollyvector SVGПровери самGet the signed file281 paths~38k nodes443 groups6 images2269 KBГалерията с инструменти — всеки инструмент като карта, групирани по категорииsigned by Lollyvector SVGПровери самGet the signed file281 paths~38k nodes443 groups6 images2265 KBTry it in the app

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

Разделен изглед на инструмент - стекът с контроли отляво, и живата групирана стълбовидна диаграма, която той рисува отдясноsigned by Lollyvector SVGПровери самGet the signed file23 paths372 nodes11 groups21 KBРазделен изглед на инструмент - стекът с контроли отляво, и живата групирана стълбовидна диаграма, която той рисува отдясноsigned by Lollyvector SVGПровери самGet the signed file23 paths372 nodes11 groups21 KB

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

Два начина да оформиш самата решетка така, както ти я искаш:

Краят на решетката с инструменти с разкрити скрити инструменти: затъмнената карта QR Code Generator, а до нея сивата плочка, която я върна обратно в изглед, сега с надпис Hide hidden toolssigned by Lollyvector SVGПровери самGet the signed file251 paths~29k nodes440 groups658 KBКраят на решетката с инструменти с разкрити скрити инструменти: затъмнената карта QR Code Generator, а до нея сивата плочка, която я върна обратно в изглед, сега с надпис Hide hidden toolssigned by Lollyvector SVGПровери самGet the signed file247 paths~29k nodes439 groups1 image729 KB

Ask Lolly

Когато предпочиташ да попиташ, вместо да търсиш, Ask Lolly (#/ask) приема написан от теб въпрос и връща съответстващия раздел от тази документация дословно — със собствените думи на ръководствата, не резюме и не генериран текст — с цитирана страницата, от която идва, и връзка Отвори в документацията до него. Под отговора стоят местата в приложението, на които същият въпрос съответства: инструмент, настройка, запазен проект, всяко като бутон, който просто те отвежда там.

Разговорът е памет за сесията: задай допълнителен въпрос и нишката се надгражда, докато вървиш, а след презареждане започва отначало. Резултатите от търсенето носят най-отдолу ред *Ask Lolly: твоята заявка*** — под конкретните попадения, намерени от другите групи — който подава въпроса директно, така че можеш да започнеш в лентата и да завършиш тук.

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

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

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

HUD за мащаба в ъгъла на канваса — минус, живият процент, плюс, Побиране, после превключвателите за тема и звукsigned by Lollyvector SVGПровери самGet the signed file5 paths199 nodes11 groups7 KBHUD за мащаба в ъгъла на канваса — минус, живият процент, плюс, Побиране, после превключвателите за тема и звукsigned by Lollyvector SVGПровери самGet the signed file5 paths186 nodes11 groups7 KB

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

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

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

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

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

Свободното платно на Design - работната зона (artboard) с обкръжаващото я поле (pasteboard)signed by LollyPNGПровери самGet the signed filepixels, not shapes543 KBСвободното платно на Design - работната зона (artboard) с обкръжаващото я поле (pasteboard)signed by LollyPNGПровери самGet the signed filepixels, not shapes490 KB

Обърни селекция. Кликни с десен бутон върху коя да е кутия и избери Flip horizontal или Flip vertical, за да я огледалиш на място, или натисни Shift+H / Shift+V от клавиатурата - Shift, защото самостоятелното V е инструментът Показалец. Всяка избрана кутия се огледалва по своята собствена ос в една стъпка на отмяна, а огледалният ефект е реална трансформация, така че се запазва в експортирания SVG, PDF и PNG, а не само на платното.

Рисуване на собствени форми (писалката)

Кутиите, кръговете и рамките със заоблени ъгли покриват повечето оформления. Когато ти трябва форма, която не е в този списък, я нарисувай: бутонът Писалка в лентата с инструменти (или клавишът P) те поставя в режим на рисуване. Три единични клавиша местят между режимите — V обратно към Показалеца, P за Писалката, N за инструмента за точки (Редактирай точки) — а Показалецът винаги е изходът от това, в което си.

Лентата с инструменти на свободния канвас: дръжка за влачене, менюто на Lolly, после Показалец, Добави кутия, Писалка, Редактирай точки, Линия, Времева линия, Артбордове и Авто-подрежданеsigned by Lollyvector SVGПровери самGet the signed file36 paths206 nodes31 groups22 KBЛентата с инструменти на свободния канвас: дръжка за влачене, менюто на Lolly, после Показалец, Добави кутия, Писалка, Редактирай точки, Линия, Времева линия, Артбордове и Авто-подрежданеsigned by Lollyvector SVGПровери самGet the signed file36 paths206 nodes31 groups22 KB

Резултатът е обикновена кутия върху канваса. Премести я, преоразмери я, завърти я, групирай я, подравни я, пренареди я по слоеве, дай ѝ запълване, градиент, сянка или прозрачност — пътят се държи като всяка друга кутия и никоя от тези контроли не го третира различно.

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

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

Тип сплайн решава каква крива минава през точките ти и това е изборът, който си струва да разбереш:

ТипКакво прави
Гладко (авто)По подразбиране. Само изчислява дължините на дръжките си, така че обикновено клик-клик-клик дава наистина гладка крива без борба с дръжки. Ако все пак зададеш дръжка, тя фиксира посоката, а кривата запазва контрола над дължината.
Bezier дръжкиКласическата писалка. Дръжките са контролните точки и вмъкването на точка никога не мести кривата.
През точкитеМинава точно през всяка поставена от теб точка, без дръжки.
B-сплайнТече близо до точките, а не през тях, за по-мека форма.
Прави линииНачупена линия.

Превключването на съществуващ път към тип, който сам изчислява дръжките си, първо пита, защото зададените от теб дължини на дръжките не могат да бъдат възстановени — превключването към Bezier дръжки винаги е без загуба. По време на рисуване няма подсказка: превключването се прилага направо върху черновата, а дръжките, които вече си изтеглил, отиват с нея. При типовете, които сами владеят дръжките си, вмъкването на точка променя кривата съвсем леко; при Bezier дръжки — не.

Всяка точка носи и правило за непрекъснатост, показано от формата ѝ върху канваса — квадрат за Ъглова (дръжките се движат независимо), кръг за Гладка (дръжките остават в линия), кръг с пръстен за Симетрична (в линия и с равна дължина). Задай го за всички избрани точки и кривата веднага го изпълнява отново.

Два пътя с писалката, рендерирани направо от връзка: щрихована S-крива и затворено запълнено петноsigned by Lollyvector SVGПровери самGet the signed file5 paths38 nodes7 groups5 KBДва пътя с писалката, рендерирани направо от връзка: щрихована S-крива и затворено запълнено петноsigned by Lollyvector SVGПровери самGet the signed file5 paths38 nodes7 groups5 KB

Начертаният път пътува във връзката като всичко останало, така че форма, която начертаеш, се отваря отново от връзка за споделяне и се рендерира идентично от CLI. Нищо в нея не зависи от редактора.

Комбиниране на форми (операции с пътища)

Избери две или повече форми, направи десен клик върху канваса (докосване с два пръста на сензорен екран) и менюто предлага операциите, които очакваш от програма за рисуване:

Още три работят върху една форма: Контурен щрих… превръща щриха в запълнена форма със същия контур (полезно, когато искаш да запазиш дебелината точно както е начертана), Отмести пътя… разширява силуета навън или, с отрицателно число, го свива навътре, а Опрости възстановява пътя с по-малко сегменти при същата форма.

Полумесец и пръстен с истинска дупка, и двете получени с Извадиsigned by Lollyvector SVGПровери самGet the signed file5 paths47 nodes7 groups5 KBПолумесец и пръстен с истинска дупка, и двете получени с Извадиsigned by Lollyvector SVGПровери самGet the signed file5 paths47 nodes7 groups5 KB

Резултатът е нов път, който можеш да продължиш да редактираш с писалката. Дупките са истински дупки — контролата Правило за запълване в панела за щрих решава дали припокриващите се контури се запълват (non-zero), или пробиват (even-odd).

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

Времева линия (Sequence Studio)

The timeline with the music clip selected: its strip runs along the bottom with Speed, Fades, Volume, Pan, EQ, Pitch, Normalize volume and the Effect slotsigned by Lollyvector SVGПровери самGet the signed file104 paths~7.2k nodes157 groups2 images97 KBThe timeline with the music clip selected: its strip runs along the bottom with Speed, Fades, Volume, Pan, EQ, Pitch, Normalize volume and the Effect slotsigned by Lollyvector SVGПровери самGet the signed file104 paths~7.2k nodes157 groups2 images97 KB

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

Времевата линия на Sequence Studio: транспортният панел, линийката, лента за наслагване, магнитният ред на последователността с клиповете и чиповете за шевовете, и лентата Always onsigned by Lollyvector SVGПровери самGet the signed file73 paths~5.4k nodes115 groups80 KBВремевата линия на Sequence Studio: транспортният панел, линийката, лента за наслагване, магнитният ред на последователността с клиповете и чиповете за шевовете, и лентата Always onsigned by Lollyvector SVGПровери самGet the signed file73 paths~5.4k nodes115 groups80 KB

Има два вида редове и разликата е цялата идея:

Работната сцена: платното в центъра, лентата с инструменти вляво и HUD за мащаба в ъгълаsigned by Lollyvector SVGПровери самGet the signed file19 paths852 nodes30 groups20 KBРаботната сцена: платното в центъра, лентата с инструменти вляво и HUD за мащаба в ъгълаsigned by Lollyvector SVGПровери самGet the signed file19 paths839 nodes30 groups20 KB

Отварянето на времевата линия ѝ дава клавиатурата, така че Space и клавишите със стрелки движат плейхеда, а не страницата — и понеже тя се отваря сама при композиция, която вече има време, това важи от момента, в който Sequence Studio се зареди.

Редакторът на последователности навлиза по-дълбоко в четирите неща, които решават дали редактирането във времето е предвидимо: кой клип редактира кликването върху канваса, полупрозрачните слоеве на съседните клипове, обхватът на разделянето и Съединяването, което отменя разрез, и подрязването (включително клавишните комбинации). Натисни ? с фокус върху времевата линия за списъка с преките пътища.

Редактиране. Влачи средата на клип, за да го преместиш или пренаредиш, влачи на няколко пиксела от единия край, за да го подрежеш, и натисни Раздели при плейхеда (или S), за да срежеш един клип на два. Разделянето изисква клип с истинска Дължина и плейхед малко навътре в него, така че клип без определен край (музикалната подложка например) не може да бъде разделен. Прилепи към ръбовете е включено по подразбиране и прилепва към ръбовете на клипове, плейхеда и цели секунди, а Alt отменя това. Всяко влачене е една стъпка за отмяна, а прегледът по време на влачене прави същата аритметика като окончателното прилагане, така че каквото виждаш, докато влачиш, това и получаваш.

Избери клип и инспекторът ти дава същите редакции като числа: Дължина, Подрежи в началото (колко навътре в източника започва), Скорост като набор от фиксирани множители от ×0.25 до ×4, Анимация при появяване / Анимация при изчезване с дължините им и Заглуши клипа. Клип на магнитния ред нарочно няма поле Старт — редът владее подредбата, затова го местиш с влачене.

Преходите са предварителни настройки, не ключови кадри: Избледняване, Изскачане, Нарастване, Издигане, Падане, четирите Плъзгания, Приближаване и Отдалечаване, Накланяне, Връхлитане, Въртене, Реене или Рязко (без анимация). Разстоянията се мащабират с обекта, така че една и съща настройка изглежда правилно и на карта в цял кадър, и на малък бадж. Между два съседни клипа на реда с последователността има чип по шева: кликни го и избери Рязко или Кросфейд, което се прилага веднага и се затваря. Отвори същия чип отново, за да смениш Дължината (ms), и натисни Готово. Кросфейдът се съхранява като избледняване на единия и появяване на следващия, а експортът извежда истинското преливане от тази двойка — затова кросфейдът изглежда като две избледнявания в прегледа и като истинско предаване във файла.

Звук. Добави Аудио клип и той живее на времевата линия като всеки друг клип: вълнова форма, подрязване, заглушаване. (Генерираната подложка, с която идва сесията по подразбиране, е единственото изключение — тя се синтезира при експорта, така че лентата ѝ остава празна и тиха, докато не рендерираш.) Натисни микрофона, за да запишеш глас зад кадър направо върху времевата линия, с отброяване и индикатор на нивото, и записът се запазва като твой собствен актив в точката, от която си започнал. Натисни камерата до него, за да запишеш видео по същия начин: записът се изрязва до размера за експорт на артборда, докато трае, така че малкият собствен изглед показва точно какво влиза в секвенцията при плейхеда, на цял кадър - начинът да събереш клип от колега през връзка за споделяне. Музиката, диалогът и собственият звук на клипа стигат до експортирания микс. (Аудио пистата в панела за експорт е друго нещо: една подложка, положена под целия клип, с избледняване и заглушаване под глас. Двете съществуват едновременно.)

Рендериране. Експортът на движение е детерминистична композиция, не запис на екрана — всеки кадър се декодира, изчертава и кодира в точен момент, така че файлът не зависи от това дали машината ти насмогва, и няма практичен таван за кадрите при MP4 или WebM. Дължината на самата времева линия задава времетраенето, освен ако не въведеш друго. Content Credentials се поставят като при всеки друг експорт. Експортът на статичен кадър ти дава кадъра при плейхеда или цял контактен лист от полето Кадри до изходния размер — виж Експортиране.

Няколко ограничения, които да имаш предвид: последователността е ограничена до един час, GIF и анимираният PNG буферират кадрите си, затова остават кратки, звукът е заглушен в клип, чиято скорост не е ×1 (още няма разтягане във времето), а Запис на живо е скрит тук, защото композиторът е по-добрият път.

Отвъд пресетите: ключови кадри, дълбочина и камера. Преходът анимира клип, докато той пристига и си тръгва. За да зададеш поза на елемент в рамките на клип - да го отклониш, да го приглушиш, да го размиеш, да го повдигнеш над страницата и да го поставиш обратно - добави ключови кадри: избери клипа, натисни +Ключов кадър (диамантът в групата инструменти на времевата линия, диамантът на лентата с обекти на платното или K), а позицията на плейхеда решава коя поза записва следващата ти промяна. Същата система от ключови кадри дава на всяка времева композиция камера, която приближава, панорамира и премества фокуса, превръщайки един плосък SVG в стек от слоеве, между които можеш да прелиташ. Анимиране е пълното ръководство.

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

Представяне

The inspector's Document section: Voice, Blend with, Speed, Lead-in, Tail and Show captions when presentingsigned by Lollyvector SVGПровери самGet the signed file29 paths~4.4k nodes56 groups2 images57 KBThe inspector's Document section: Voice, Blend with, Speed, Lead-in, Tail and Show captions when presentingsigned by Lollyvector SVGПровери самGet the signed file29 paths~4.4k nodes56 groups2 images57 KB

Документ на Design, съставен от артбордове, вече е презентация. Отвори менюто на Lolly в лентата с инструменти и избери Представи — последния ред — и всеки артборд става слайд на цял екран, в реда, в който артбордовете стоят върху канваса. Презентацията върви върху копие на рендерираните артбордове, така че редакторът отдолу изобщо не се докосва, а излизането те връща точно там, където си бил.

Презентацията е и връзка. ?present отваря направо в нея, s= посочва слайда — позиция, идентификатор на артборд или id.step за стъпка от разкриването — а адресът се обновява, докато се движиш, така че това, което изпращаш, е слайдът, на който си. За авторите на инструменти: тези параметри са документирани на страницата URL режим.

На телефон

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

Инструмент на екран с ширина на телефон — контролите като панел горе, генерираната палитра запълва прегледа отдолу, а хапчето за рендериране плава долу в средатаsigned by Lollyvector SVGПровери самGet the signed file61 paths~2.9k nodes128 groups2 images72 KBИнструмент на екран с ширина на телефон — контролите като панел горе, генерираната палитра запълва прегледа отдолу, а хапчето за рендериране плава долу в средатаsigned by Lollyvector SVGПровери самGet the signed file61 paths~2.9k nodes128 groups2 images72 KB

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

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

Стекът от контроли на инструмент — текстово поле, тригери за цвят и плъзгач, и нищо друго, което авторът е избрал да заключиsigned by Lollyvector SVGПровери самGet the signed file19 paths~2.1k nodes45 groups1 image31 KBСтекът от контроли на инструмент — текстово поле, тригери за цвят и плъзгач, и нищо друго, което авторът е избрал да заключиsigned by Lollyvector SVGПровери самGet the signed file19 paths~2.1k nodes45 groups1 image31 KB

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

Отмяна и повтаряне

Cmd/Ctrl-Z стъпва назад, а Cmd/Ctrl-Shift-Z (или Cmd/Ctrl-Y) стъпва отново напред. Същата двойка стои като бутони Отмени и Повтори в реда над контролите — на свободния канвас те са в лентата с инструменти — и всеки от тях посивява, когато няма какво повече да се върне. Всяка стъпка казва каква е била: отмени цвят и малко съобщение назовава входното поле, което току-що е възстановено, с бутон Повтори в него за обратния път.

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

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

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

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

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

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

Двуполовинното хапче за рендериране — стрелка нагоре, която отваря панела за експорт, и отметка, която запазва сесията на мястоsigned by Lollyvector SVGПровери самGet the signed file2 paths240 nodes10 groups7 KBДвуполовинното хапче за рендериране — стрелка нагоре, която отваря панела за експорт, и отметка, която запазва сесията на мястоsigned by Lollyvector SVGПровери самGet the signed file2 paths240 nodes10 groups7 KB

Проекти

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

Проекти — запазени сесии, подредени във вложени папкиsigned by Lollyvector SVGПровери самGet the signed file79 paths~7.7k nodes104 groups179 KBПроекти — запазени сесии, подредени във вложени папкиsigned by Lollyvector SVGПровери самGet the signed file79 paths~7.7k nodes104 groups180 KB

Изскачащият прозорец Изглед и сортиране в Проекти, отворен, с ред за темата, избор на Изглед между Преглед и Списък и Име, Дата на добавяне и Последна промяна под Сортиранеsigned by Lollyvector SVGПровери самGet the signed file11 paths~1.3k nodes21 groups19 KBИзскачащият прозорец Изглед и сортиране в Проекти, отворен, с ред за темата, избор на Изглед между Преглед и Списък и Име, Дата на добавяне и Последна промяна под Сортиранеsigned by Lollyvector SVGПровери самGet the signed file11 paths~1.3k nodes21 groups19 KB

Какво предлага лентата за избор се различава леко според изгледа, тъй като не всяко действие има смисъл навсякъде:

Един капан с етикетите: Виж сесиите съществува само когато нещо е избрано. Десният клик върху една неизбрана карта вместо това предлага N запазени сесии, което отваря диалога с историята на този инструмент, вместо да те отведе към Проекти.

Две карти с инструменти отметнати в галерията с инструменти, с плаваща лента за избор, показваща „2 избрани“ и предлагаща „Достъпно офлайн“, „Преглед на сесии“, „Любимо“ и „Скрий“signed by Lollyvector SVGПровери самGet the signed file278 paths~46k nodes495 groups4 images1183 KBДве карти с инструменти отметнати в галерията с инструменти, с плаваща лента за избор, показваща „2 избрани“ и предлагаща „Достъпно офлайн“, „Преглед на сесии“, „Любимо“ и „Скрий“signed by Lollyvector SVGПровери самGet the signed file280 paths~46k nodes500 groups5 images1227 KB

Споделяне на работата ти

Дизайнът излиза навън по един от два начина: като връзка или като файл. Диалогът за споделяне предлага и двата. Отвори го със Сподели в контролите за експорт; Линк за споделяне върху запазена сесия в Проекти отваря същия диалог за тази сесия.

Връзката

Всяко входно поле се записва в URL адреса на страницата, така че връзката е дизайнът. Най-отгоре в диалога стои готовата за копиране връзка, а под нея — две свити секции.

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

Някои инструменти правят връзката целия продукт. Jump Page събира връзките ти в една страница за раздаване - връзка за биография, доклад на конференция, витрина на магазин. Тук няма какво да се хоства и зад това не стои акаунт: страницата е връзката, затова се отваря също толкова бързо, колкото пътува URL адресът. В редактора виждаш готовата страница до полетата; посетител, който отвори връзката, я получава с пълна ширина, по една сцена-връзка, докато превърта надолу.

Jump Page в редактора - заглавието, три сцени-връзки, всяка със свой собствен фон, и футър „Made with Lolly“, подредени като една страница в платнотоsigned by Lollyvector SVGПровери самGet the signed file12 paths~2.4k nodes28 groups30 KBJump Page в редактора - заглавието, три сцени-връзки, всяка със свой собствен фон, и футър „Made with Lolly“, подредени като една страница в платнотоsigned by Lollyvector SVGПровери самGet the signed file12 paths~2.4k nodes28 groups30 KB

Диалогът казва какво една връзка не може да носи. Три неща не се побират в URL: изображение или файл, добавен от това устройство, много дълга текстова стойност или много голям списък. Всяко от тях се брои, докато връзката се изгражда. Ако нещо е трябвало да отпадне, диалогът го назовава и те насочва към файла по-долу, вместо да ти подаде връзка, която се отваря с липсваща картинка. Връзка, която е просто дълга, получава по-мека бележка с броя на символите, тъй като опаковането още може да спаси дължината.

Файлът .lolly

Изтегли .lolly, в диалога за споделяне на инструмента, в който работиш, записва същия дизайн като файл. Той носи запазената сесия заедно с изображенията и файловете, които си добавил от устройството си. Каталожната графика, от която дизайнът черпи, също пътува вътре, така че файлът се отваря пълен на машина, която никога не е виждала твоя бранд. Там, където устройството ти има панел за споделяне, Изпрати до… подава този файл направо на него (AirDrop, споделяне през Android), вместо да го записва на диска.

Файлът .lolly е обикновен zip. Преименувай го на .zip и го отвори: твоите собствени изображения са в assets/uploads/, а каталожната графика — в assets/catalog/, всяко с истинското си име и разширение, manifest.json изброява всички, а README най-отгоре казва какъв е файлът.

Три неща зависят от теб, преди да тръгне:

Отваряне на файл. Пусни .lolly върху приложението: ресурсите отиват в библиотеката ти, сесията отива в „Проекти“, а инструментът се отваря с нея. Нищо твое не се презаписва: сесията пристига като ново запазено гнездо, докато ресурс, който вече е на това устройство, се съпоставя по контролна сума и се използва повторно, вместо да се дублира. Всяка част се проверява спрямо собствените контролни суми на файла при внасяне, така че копие, повредено при пренос, се отказва, вместо да се внесе наполовина.

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

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

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

Всеки фото филтър — Halftone, Scanline, Posterize, Voronoi cells, Colour treatment, Pixel stretch и Imperfections — показва бутон Пусни на живо, когато има налична камера. Включи го и ефектът следва уеб камерата ти кадър по кадър, така че реагира на движение; можеш да запишеш резултата като GIF, WebM или MP4. Кадрите се четат и обработват на твоето устройство и никога не го напускат, а камерата се освобождава в мига, в който спреш или напуснеш инструмента. (Всеки селектор на изображения има и Направи снимка, за да уловиш единичен кадър като изображение на устройството.)

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

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

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

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

Каталогът — активи на бранда, мостри и шрифтове, плюс собствените ти качванияsigned by Lollyvector SVGПровери самGet the signed file456 paths~43k nodes707 groups1022 KBКаталогът — активи на бранда, мостри и шрифтове, плюс собствените ти качванияsigned by Lollyvector SVGПровери самGet the signed file456 paths~43k nodes707 groups1022 KB

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

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

Панелът Мостри — петте бутона за изтегляне на палитрата най-горе, после всеки цвят от бранда като чип за копиранеsigned by Lollyvector SVGПровери самGet the signed file196 paths~22k nodes282 groups302 KBПанелът Мостри — петте бутона за изтегляне на палитрата най-горе, после всеки цвят от бранда като чип за копиранеsigned by Lollyvector SVGПровери самGet the signed file196 paths~22k nodes282 groups302 KB

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

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

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

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

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

Четири незадължителни настройки за комфорт живеят в Профил → Достъпност: Намали движението (премахва преходите и украсите на приложението), Скрий цветните прегледи (спокойни карти в галерията само с икона и текст и по-тихи миниатюри на проектите), Висок контраст (по-силни рамки, текст и фокусни пръстени) и Едър текст (по-едър шрифт в приложението — етикети, менюта, текст по бутоните). И четирите успокояват приложението около работата ти: те никога не влизат в канваса на инструмент и не променят нито един пиксел от това, което експортираш, а всяка е изключена, докато не я включиш. Пълни подробности в Твоят профил → Достъпност.

До превключвателя за Звук е Neurospicy Mode — незадължителен, успокояващ фонов фокус трак, който свири тихо, докато работиш. Включването му отваря малък плейър док в долния ъгъл, който те следва из цялото приложение; от него можеш да търсиш и избираш трак, да прескачаш напред и назад, да настройваш силата на звука и да го минимизираш или затваряш. Списъкът с тракове обхваща няколко категории — процедурни мелодии Lolly Sings, ембиънт лупове и бийтове, собствените ти качени аудио файлове и шепа радио станции на живо от интернет (те изискват връзка; всичко останало свири офлайн). Той е изключен по подразбиране и, също като Звук, се запомня между сесии и устройства. Изключването на Звук заглушава и фокус трака.

Съхранение и поверителност

Всичко се съхранява в локалната база данни на браузъра ти (IndexedDB): профилът ти, запазените сесии, качените изображения и кеш на изтегленото съдържание на каталога. Профил → Хранилище показва използваното пространство и ти позволява да:

Картата за хранилището на екран с ширина на телефон: всяка категория данни на устройството е назована, а бутонът Изчисти всичките ми данни е най-отдолуsigned by Lollyvector SVGПровери самGet the signed file14 paths~2.0k nodes39 groups28 KBКартата за хранилището на екран с ширина на телефон: всяка категория данни на устройството е назована, а бутонът Изчисти всичките ми данни е най-отдолуsigned by Lollyvector SVGПровери самGet the signed file14 paths~2.0k nodes39 groups29 KB

Нищо от тези локални данни не се предава никъде — без телеметрия, без рендериране в облака. Пълният списък какво приложението изобщо изтегля или изпраща е в Политиката за поверителност, а Сървърна повърхност прави опис на незадължителните сървърни компоненти.

Преместване на друго устройство

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

Кешът на каталога не е включен — той се изтегля отново сам на новото устройство. Пакетът е обикновен zip (manifest.json + profile.json + sessions.json + assets.json + assets/blobs/… + prefs.json, идентификатор на формата lolly-backup), така че преживява имейл, USB или AirDrop непокътнат и е същият формат, който чете всеки shell. Всяка част има контролна сума, така че файл, повреден при пренасяне, се улавя при импорта, вместо да бъде възстановен наполовина счупен. (Пълна спецификация на формата: Пренос на данни.)

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

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

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

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

Режим Batch (Pro)

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

Лентата с инструменти за пакетна обработка - име на zip, единици, DPI и форматът, който всеки ред наследява, със „Сесии“ и „Рендиране“ отдясноsigned by Lollyvector SVGПровери самGet the signed file31 paths~1.9k nodes50 groups4 images34 KBЛентата с инструменти за пакетна обработка - име на zip, единици, DPI и форматът, който всеки ред наследява, със „Сесии“ и „Рендиране“ отдясноsigned by Lollyvector SVGПровери самGet the signed file31 paths~1.9k nodes50 groups4 images34 KB

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

Редактиране едно до друго (Multi-edit)

Пакетната обработка е много варианти на един дизайн. Множественото редактиране е другата половина на задачата: няколко различни запазени дизайна, отворени наведнъж, така че една промяна се прилага към всички тях. Отбележи между два и осем запазени сесии в „Проекти“ и избери Редактирай заедно от лентата за избор; те се отварят като живи карти една до друга на #/multi?s=<slot>,<slot>…. Всяка карта е истинско рендиране на тази сесия, не запазена миниатюра, затова това, което виждаш, е това, което ще се експортира.

Една странична лента управлява всичко:

Кликни върху който и да е канвас (или натисни Enter върху него) и картата на тази сесия в страничната лента се отваря и се превърта в изглед. Запази всички записва всяка сесия обратно в собствения ѝ слот. Изтегли всички първо запазва, после рендерира целия набор през същия конвейер като Рендерирай избраното в Проекти — един zip, като по пътя се предлага незадължително заключване с парола.

Две честни ограничения. Таванът от две до осем е реален: всяка карта монтира собствен жив рънтайм и това е числото, което остава отзивчиво — връзка, която иска повече (или сесия, която вече не съществува), го казва, вместо да се зареди наполовина. А връзката назовава твоите запазени слотове, така че отваря отново този набор на това устройство; тя не е връзка за споделяне.

Когато селекцията е по-голяма от осем, смесва инструменти или включва изображения освен сесии, спасителният изход е Редактирай като таблица в същата лента за избор: тя отваря цялата селекция като редове в таблицата за групова обработка (#/pro?s=…), без ограничение за размер и без правило за един и същ инструмент. Папките остават извън и двете — те имат собствен път за отваряне в таблицата. (Търсене е единственото нещо, което още не стига дотук: Multi-edit е единственият изглед, за който лентата за търсене не знае.)

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

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

Относно актуализациите: ако някой изглед не успее да се зареди веднага след такава (празен панел, „неуспешно извличане“ в ъгъла), презареди страницата веднъж - приложението поема новата версия чисто, а работата, сесиите и брандът ти остават непокътнати. То съхранява всичко на устройството ти, не в страницата.