Cum folosești Lolly

Un ghid practic pentru a folosi efectiv aplicația - deschiderea unui instrument, lucrul pe canvas, exportul, salvarea și partajarea. Tot ce e aici rulează pe dispozitivul tău: fără cont, fără încărcare pe server, fără internet după prima încărcare.

Ești nou aici? Ghidul rapid te pune pe treabă în câteva minute, iar Lolly pentru operatori acoperă instalarea și implementarea aplicației; pagina asta e despre cum o conduci după ce e deschisă.

Deschiderea unui instrument

Ecranul principal e galeria - toate instrumentele, grupate pe categorii. Dă clic pe o cartelă ca să deschizi instrumentul; dacă ai mai lucrat cu el, un buton Continue reia ultima ta sesiune. Folosește caseta de căutare ca să filtrezi după nume - sau Caută din bara aflată la baza celor șase ecrane de listare (galeria, Utilities, Projects, Catalog, Dashboard și Profile), care ajunge la lucrările tale salvate, la catalog și la setări, nu doar la instrumente. În interiorul unui instrument bara se dă la o parte pentru comenzile proprii ale instrumentului.

Galeria de instrumente - fiecare instrument ca o cartelă, grupate pe categoriisigned by Lollyvector SVGVerifică singurGet the signed file281 paths~38k nodes443 groups6 images2.269 KBGaleria de instrumente - fiecare instrument ca o cartelă, grupate pe categoriisigned by Lollyvector SVGVerifică singurGet the signed file281 paths~38k nodes443 groups6 images2.265 KBTry it in the app

Fiecare instrument e o vedere împărțită în două: comenzile pe o parte, o previzualizare live (canvasul) pe cealaltă. Schimbi orice comandă și previzualizarea se actualizează instantaneu.

Vizualizarea împărțită a unui instrument - stiva de comenzi în stânga și graficul cu bare grupate randat live pe care îl desenează în dreaptasigned by Lollyvector SVGVerifică singurGet the signed file23 paths372 nodes11 groups21 KBVizualizarea împărțită a unui instrument - stiva de comenzi în stânga și graficul cu bare grupate randat live pe care îl desenează în dreaptasigned by Lollyvector SVGVerifică singurGet the signed file23 paths372 nodes11 groups21 KB

Câteva instrumente (cum e Design) se deschid în schimb ca un canvas liber - o suprafață fără interfață în jur, cu manipulare directă, unde tragi, redimensionezi, rotești și aliniezi casete de text, forme și imagini și dai dublu clic ca să editezi textul pe loc. Exportă pe aceeași cale de randare ca orice alt instrument, așa că pânza este fișierul. Vezi Canvasul liber mai jos.

Două moduri de a modela grila însăși ca să fie cea de care ai nevoie:

Finalul grilei de instrumente cu instrumentele ascunse scoase la iveală: cartela estompată QR Code Generator și, lângă ea, dala gri care a readus-o în vedere, care acum scrie Hide hidden toolssigned by Lollyvector SVGVerifică singurGet the signed file251 paths~29k nodes440 groups658 KBFinalul grilei de instrumente cu instrumentele ascunse scoase la iveală: cartela estompată QR Code Generator și, lângă ea, dala gri care a readus-o în vedere, care acum scrie Hide hidden toolssigned by Lollyvector SVGVerifică singurGet the signed file247 paths~29k nodes439 groups1 image729 KB

Ask Lolly

Când preferi să întrebi în loc să cauți, Ask Lolly (#/ask) primește o întrebare scrisă și îți dă înapoi secțiunea potrivită din documentația asta cuvânt cu cuvânt - chiar cuvintele ghidurilor, nu un rezumat și nu o generare - cu pagina din care vine citată și un link Open in docs alături. Sub răspuns apar locurile din aplicație care se potrivesc cu aceeași întrebare: un instrument, o setare, un proiect salvat, fiecare ca un buton care pur și simplu te duce acolo.

Transcrierea e memorie de sesiune: pui o întrebare suplimentară și firul se adună pe măsură ce înaintezi, apoi reîncarci pagina și o ia de la capăt. Rezultatele căutării au jos un rând *Ask Lolly: interogarea ta*** - sub orice rezultat concret găsit de celelalte grupuri - care predă întrebarea direct, așa că poți începe în bară și termina aici.

Canvasul (previzualizarea)

Previzualizarea arată mereu exact ce se va exporta.

Desktop

HUD-ul de zoom din colțul canvasului - minus, procentul live, plus, Fit, apoi comutatoarele de temă și de sunetsigned by Lollyvector SVGVerifică singurGet the signed file5 paths199 nodes11 groups7 KBHUD-ul de zoom din colțul canvasului - minus, procentul live, plus, Fit, apoi comutatoarele de temă și de sunetsigned by Lollyvector SVGVerifică singurGet the signed file5 paths186 nodes11 groups7 KB

Atingere

Dă clic ca să ajungi la o comandă: dă clic pe orice element din design și câmpul corespunzător din bara laterală primește focusul și intră în vedere - la un grup de rânduri repetabile se desface exact rândul pe care ai dat clic, așa că editarea a ceea ce vezi e la o atingere distanță.

O schimbare de dimensiuni readuce mereu vederea la o potrivire curată.

Canvasul liber (Design)

Instrumentele cu canvas liber adaugă o suprafață de lucru în jurul planșei de lucru, ca masa de lucru a unui designer:

Design's free canvas - the artboard with its surrounding pasteboardsigned by LollyPNGVerifică singurGet the signed filepixels, not shapes543 KBDesign's free canvas - the artboard with its surrounding pasteboardsigned by LollyPNGVerifică singurGet the signed filepixels, not shapes490 KB

Oglindește o selecție. Dă clic dreapta pe orice casetă și alege Flip horizontal sau Flip vertical pentru a o oglindi pe loc, sau apasă Shift+H / Shift+V de la tastatură - Shift, pentru că un simplu V este unealta Pointer. Fiecare casetă selectată se oglindește pe propria axă într-un singur pas de undo, iar oglindirea este o transformare reală, deci se păstrează în SVG-ul, PDF-ul și PNG-ul exportat, nu doar pe canvas.

Cum îți desenezi propriile forme (penița)

Casetele, cercurile și cadrele rotunjite acoperă majoritatea machetelor. Când ai nevoie de o formă care nu e în lista aceea, deseneaz-o: butonul Pen de pe bară (sau tasta P) te pune în modul de desenare. Trei taste simple te mută între moduri - V înapoi la Pointer, P pentru Pen, N pentru instrumentul de noduri (Edit points) - iar Pointer e mereu ieșirea din oricare mod te-ai afla.

Bara de instrumente a canvasului liber: un mâner de tragere, meniul Lolly, apoi Pointer, Add a box, Pen, Edit points, Line, Timeline, Artboards și Auto-arrangesigned by Lollyvector SVGVerifică singurGet the signed file36 paths206 nodes31 groups22 KBBara de instrumente a canvasului liber: un mâner de tragere, meniul Lolly, apoi Pointer, Add a box, Pen, Edit points, Line, Timeline, Artboards și Auto-arrangesigned by Lollyvector SVGVerifică singurGet the signed file36 paths206 nodes31 groups22 KB

Rezultatul e o casetă obișnuită pe canvas. Mut-o, redimensioneaz-o, rotește-o, grupeaz-o, aliniaz-o, reordoneaz-o în stivă, dă-i o umplere, un degrade, o umbră sau o opacitate - o cale se comportă ca orice altă casetă, iar niciuna dintre comenzile acelea nu o tratează diferit.

Vine și pictată. Prima cale pe care o desenezi ia umplerea și conturul pe care brandul tău le dă unei căi, iar după aceea fiecare cale nouă ia ce ai folosit ultima dată - setează umplerea o dată și desenează mai departe, în loc să recolorezi fiecare formă. (Într-un instrument al cărui brand nu spune nimic despre căi, o cale desenată e conturată cu culoarea în care ai văzut-o desenându-se, așa că nu e niciodată invizibilă.)

Editarea punctelor din nou. Dă dublu clic pe formă (sau folosește Edit points din bara obiectului) și punctele revin. Trage un punct ca să-l muți, trage un mâner ca să-l reorientezi, dă clic oriunde pe curbă ca să inserezi un punct, prinde un grup de puncte cu chenarul de selecție și apasă Delete ca să le ștergi pe cele selectate. O cale păstrează mereu cel puțin două puncte, așa că nu poți s-o ștergi din greșeală până la dispariție.

Spline type decide ce fel de curbă trece prin punctele tale și e alegerea pe care merită s-o înțelegi:

TipCe face
Smooth (auto)Varianta implicită. Își calculează singură lungimile mânerelor, așa că un simplu clic-clic-clic dă o curbă cu adevărat lină, fără să te lupți cu mânerele. Dacă totuși setezi un mâner, acesta fixează direcția, iar curba păstrează controlul asupra lungimii.
Bezier handlesPenița clasică. Mânerele sunt punctele de control, iar inserarea unui punct nu mișcă niciodată curba.
Through the pointsTrece exact prin fiecare punct plasat, fără mânere.
B-splineCurge pe lângă puncte, nu prin ele, pentru o formă mai moale.
Straight linesO polilinie.

Trecerea unei căi existente la un tip care își calculează singur mânerele cere întâi confirmare, fiindcă lungimile de mâner setate de tine nu mai pot fi recuperate - trecerea la Bezier handles e mereu fără pierderi. În timpul desenării nu apare nicio confirmare: schimbarea se aplică direct pe schiță, iar mânerele pe care le trăseseși deja merg odată cu ea. Pe tipurile care își stăpânesc mânerele, inserarea unui punct remodelează foarte ușor curba; pe Bezier handles nu.

Fiecare punct poartă și o regulă de continuitate, arătată de forma lui pe canvas - pătrat pentru Corner (mânerele se mișcă independent), rotund pentru Smooth (mânerele rămân în linie), rotund cu inel pentru Symmetric (în linie și de lungime egală). Setează-o pentru orice puncte selectate și curba o respectă imediat.

Două căi cu penița randate direct dintr-un link: o curbă în S conturată și o formă închisă, umplutăsigned by Lollyvector SVGVerifică singurGet the signed file5 paths38 nodes7 groups5 KBDouă căi cu penița randate direct dintr-un link: o curbă în S conturată și o formă închisă, umplutăsigned by Lollyvector SVGVerifică singurGet the signed file5 paths38 nodes7 groups5 KB

O cale desenată călătorește în link ca orice altceva, așa că o formă pe care o desenezi se redeschide dintr-un link de partajare și se randează identic din CLI. Nimic din ea nu depinde de editor.

Combinarea formelor (operații pe căi)

Selectează două sau mai multe forme, dă clic dreapta pe canvas (atingere cu două degete pe ecran tactil) și meniul îți oferă operațiile pe care le aștepți de la o aplicație de desen:

Alte trei lucrează pe o singură formă: Outline stroke… transformă un contur într-o formă umplută cu același contur (util când vrei să păstrezi o grosime exact așa cum a fost desenată), Offset path… crește silueta spre exterior sau, cu un număr negativ, o strânge spre interior, iar Simplify reconstruiește o cale cu mai puține segmente la aceeași formă.

O semilună și un inel cu o gaură reală, ambele produse cu Subtractsigned by Lollyvector SVGVerifică singurGet the signed file5 paths47 nodes7 groups5 KBO semilună și un inel cu o gaură reală, ambele produse cu Subtractsigned by Lollyvector SVGVerifică singurGet the signed file5 paths47 nodes7 groups5 KB

Rezultatul e o cale nouă, pe care o poți edita mai departe cu penița. Găurile sunt găuri reale - o comandă Fill rule din panoul de contur decide dacă contururile suprapuse se umplu (non-zero) sau perforează (even-odd).

Două lucruri pe care operațiile astea nu le fac, în mod deliberat. Refuză în loc să distrugă: cere intersecția a două forme care nu se suprapun și ți se spune că nu e nimic de păstrat, iar nimic nu se schimbă. Iar casetele de text și de imagine nu au un contur cu care să se lucreze, așa că sunt lăsate în pace, în loc să fie aproximate prin cadrul lor. Un rezultat combinat e stocat drept curbe Bezier simple, ceea ce face și o aplicație de desen - tipul de spline original nu supraviețuiește operației.

Timeline (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 SVGVerifică singurGet 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 SVGVerifică singurGet the signed file104 paths~7.2k nodes157 groups2 images97 KB

Sequence Studio adaugă timp canvasului liber. Fiecare casetă poate porni la un moment dat, poate rula o anumită durată și poate fi animată la intrare și la ieșire, iar o cronologie andocată sub planșa de lucru e locul unde le aranjezi. Deschide-l și deja rulează o secvență - un cartuș de titlu, un clip, un cartuș final, un titraj și un fundal muzical - așa că modelul e vizibil înainte să schimbi ceva.

Cronologia Sequence Studio: transportul, rigla, o bandă de suprapunere, rândul magnetic al secvenței cu clipurile și cip-urile de îmbinare și banda Always onsigned by Lollyvector SVGVerifică singurGet the signed file73 paths~5.4k nodes115 groups80 KBCronologia Sequence Studio: transportul, rigla, o bandă de suprapunere, rândul magnetic al secvenței cu clipurile și cip-urile de îmbinare și banda Always onsigned by Lollyvector SVGVerifică singurGet the signed file73 paths~5.4k nodes115 groups80 KB

Există două feluri de rânduri, iar diferența dintre ele e toată ideea:

Scena de editare: planșa de desen în prim-plan și centru, șina de unelte în stânga și HUD-ul de zoom în colțsigned by Lollyvector SVGVerifică singurGet the signed file19 paths852 nodes30 groups20 KBScena de editare: planșa de desen în prim-plan și centru, șina de unelte în stânga și HUD-ul de zoom în colțsigned by Lollyvector SVGVerifică singurGet the signed file19 paths839 nodes30 groups20 KB

Deschiderea cronologiei îi dă tastatura, așa că Space și tastele săgeți conduc capul de citire, nu pagina - și, fiindcă se deschide singură pe o compoziție care are deja sincronizare, asta e valabil din clipa în care se încarcă Sequence Studio.

Editorul de secvențe intră mai adânc în cele patru lucruri care decid dacă editarea în timp e previzibilă: ce clip editează un clic pe canvas, siluetele în transparență ale clipurilor vecine, domeniul tăierii și Join-ul care anulează o tăiere și tunderea (inclusiv setul de taste). Apasă ? cu cronologia focalizată pentru fișa de scurtături.

Editarea. Trage de mijlocul unui clip ca să-l muți sau să-l reordonezi, trage la câțiva pixeli de oricare capăt ca să-l tunzi și apasă Split at playhead (sau S) ca să tai un clip în două. Split are nevoie de un clip cu o Length reală și de capul de citire puțin înăuntrul lui, așa că un clip fără sfârșit (fundalul muzical, de exemplu) nu poate fi tăiat. Snap to edges e activ implicit și se aliniază la marginile clipurilor, la capul de citire și la secundele întregi, cu Alt pentru anulare. Fiecare tragere e un singur pas de anulare, iar previzualizarea tragerii face aceleași calcule ca aplicarea, așa că ce vezi în timp ce tragi e ce obții.

Selectează un clip și inspectorul îți dă aceleași modificări sub formă de numere: Length, Trim in (cât de departe în sursă începe), Speed ca set de multiplicatori ficși de la ×0,25 la ×4, Animate in / Animate out cu duratele lor și Mute clip. Un clip de pe rândul magnetic nu are câmp Start, intenționat - rândul stăpânește ordinea, așa că îl muți prin tragere.

Transitions sunt presetări, nu cadre-cheie: Fade, Pop, Grow, Rise, Drop, cele patru Slides, Zoom in și out, Tilt, Swoop, Spin, Drift sau Cut (no animation). Distanțele se scalează cu obiectul, așa că aceeași presetare se citește corect și pe un cartuș pe tot ecranul, și pe o insignă mică. Între două clipuri alăturate de pe rândul secvenței apare un jeton de îmbinare: dă clic pe el și alege Cut sau Crossfade, care se aplică pe loc și se închide. Deschide același jeton din nou ca să schimbi Length (ms) și apasă Done. Un crossfade e stocat ca o estompare a unuia și o apariție a următorului, iar exportul derivă dizolvarea propriu-zisă din perechea aceea - de asta un crossfade arată ca două estompări în previzualizare și ca o predare adevărată în fișier.

Sunetul. Adaugă un clip Audio și stă pe cronologie ca orice alt clip: formă de undă, tundere, mut. (Fundalul generat cu care vine sesiunea implicită e singura excepție - e sintetizat la export, așa că bara lui rămâne simplă și tăcută până randezi.) Apasă microfonul ca să înregistrezi o voce direct pe cronologie, cu numărătoare inversă și indicator de nivel, iar înregistrarea se salvează ca resursă proprie în punctul din care ai pornit. Apasă camera de lângă el ca să înregistrezi un videoclip în același fel: înregistrarea e decupată la dimensiunea de export a planșei de lucru pe măsură ce înregistrezi, așa că mica auto-vizualizare arată exact ce ajunge în secvență la capul de citire, în cadru complet - modul de a aduna clipul unui coleg dintr-un link partajat. Muzica, dialogul și coloana sonoră proprie a unui clip ajung toate în mixajul exportat. (Audio track din panoul de export e altceva: un singur fundal așezat sub tot clipul, cu estompare și atenuare. Cele două coexistă.)

Randarea. Un export cu mișcare e o compoziție deterministă, nu o înregistrare de ecran - fiecare cadru e decodat, desenat și codat la un moment exact, așa că fișierul nu depinde de cât de bine ține pasul mașina ta, iar la MP4 sau WebM nu există o limită practică de cadre. Durata e dată de lungimea cronologiei, dacă nu scrii tu una. Content Credentials sunt aplicate ca la orice alt export. Un export static îți dă cadrul de la capul de citire sau o planșă întreagă de contact din câmpul Frames de lângă dimensiunea de ieșire - vezi Export.

Câteva limite de reținut: o secvență e plafonată la o oră, GIF și PNG animat își stochează cadrele în memorie, deci rămân scurte, sunetul e mut pe un clip a cărui viteză nu e ×1 (încă nu există întindere în timp), iar Record live e ascuns aici fiindcă compozitorul e calea mai bună.

Dincolo de presetări: chei de animație, adâncime și o cameră. O tranziție animă un clip pe măsură ce apare și dispare. Pentru a poziționa un element în interiorul unui clip - să-l deplasezi, să-l estompezi, să-l încețoșezi, să-l ridici de pe pagină și să-l așezi la loc - adaugă chei de animație: selectează clipul, apasă +Keyframe (romboul din clusterul de instrumente al cronologiei, romboul din bara obiectului de pe pânză sau K), iar poziția cursorului de redare decide ce poziție scrie următoarea ta modificare. Același sistem de chei de animație dă fiecărei compoziții temporizate o cameră care avansează, panoramează și schimbă focalizarea, transformând un SVG plat într-o stivă de straturi între care poți zbura. Animație este ghidul complet.

Instrumentul Design are aceeași cronologie, așa că poți sincroniza o machetă fără să treci la alt instrument, și exportă și mișcare.

Prezentarea

The inspector's Document section: Voice, Blend with, Speed, Lead-in, Tail and Show captions when presentingsigned by Lollyvector SVGVerifică singurGet 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 SVGVerifică singurGet the signed file29 paths~4.4k nodes56 groups2 images57 KB

Un document Design făcut din planșe de lucru e deja o prezentare. Deschide meniul Lolly de pe bara de instrumente și alege Present - ultimul rând - și fiecare planșă de lucru devine un diapozitiv pe tot ecranul, în ordinea în care planșele stau pe canvas. Prezentarea rulează pe o copie a planșelor randate, așa că editorul de dedesubt nu e atins niciodată, iar la ieșire te întorci exact unde erai.

Prezentarea e și un link. ?present deschide direct în ea, s= numește diapozitivul - o poziție, un id de planșă de lucru sau id.step pentru un pas de construcție - iar adresa se actualizează pe măsură ce înaintezi, așa că ce trimiți e diapozitivul la care ești. Autori de instrumente: parametrii aceia sunt documentați pe pagina URL Mode.

Pe telefon

Pe ecrane înguste macheta se rearanjează pe o singură coloană:

Un instrument pe un ecran de lățimea unui telefon - comenzile ca foaie sus, paleta generată umplând previzualizarea de dedesubt și pastila de randare plutind jos, în centrusigned by Lollyvector SVGVerifică singurGet the signed file61 paths~2.9k nodes128 groups2 images72 KBUn instrument pe un ecran de lățimea unui telefon - comenzile ca foaie sus, paleta generată umplând previzualizarea de dedesubt și pastila de randare plutind jos, în centrusigned by Lollyvector SVGVerifică singurGet the signed file61 paths~2.9k nodes128 groups2 images72 KB

Comenzile (câmpurile)

Instrumentele expun doar câmpurile care sunt menite să varieze - tot restul (culori, machetă, tipografie, logică) e fixat de autorul instrumentului, așa că orice faci respectă regulile stabilite de autor. Câmpurile includ text, glisoare, selectoare de culoare, liste derulante, date, selectoare de imagini și grupuri de rânduri repetabile. Unele sunt grupate în secțiuni pliabile.

Stiva de comenzi a unui instrument - un câmp de text, declanșatoare de culoare și un glisor, și nimic altceva din ce a ales autorul să fixezesigned by Lollyvector SVGVerifică singurGet the signed file19 paths~2.1k nodes45 groups1 image31 KBStiva de comenzi a unui instrument - un câmp de text, declanșatoare de culoare și un glisor, și nimic altceva din ce a ales autorul să fixezesigned by Lollyvector SVGVerifică singurGet the signed file19 paths~2.1k nodes45 groups1 image31 KB

Resetare: Clear changes readuce fiecare câmp la valorile lui implicite.

Anulare și refacere

Cmd/Ctrl-Z face un pas înapoi, iar Cmd/Ctrl-Shift-Z (sau Cmd/Ctrl-Y) unul înainte. Aceeași pereche stă ca butoane Undo și Redo pe rândul de deasupra comenzilor - pe canvasul liber sunt pe bara de instrumente - și fiecare se estompează cât timp nu mai e nimic de luat înapoi. Fiecare pas spune ce a fost: anulezi o culoare și un mesaj scurt numește câmpul pe care tocmai l-a restaurat, cu un buton Redo în el pentru drumul înapoi.

Într-o colaborare live, istoricul rămâne doar al tău. O modificare venită de pe celălalt dispozitiv nu ajunge niciodată pe stiva ta, astfel încât anularea poate readuce doar ceva ce ai făcut tu.

Datele tale & fotografia de profil

Profile (dreapta sus în galerie) ține numele tău, datele de contact și o fotografie de profil opțională. Instrumentele care cer câmpurile astea le completează automat - setează-le o dată și semnătura de e-mail, lockup-urile și insignele se completează singure. Poți suprascrie oricând orice câmp, pe durata unei sesiuni. Activează Use my details to create ca datele tale să te însoțească drept autor în ce exporți.

Fotografia și datele tale stau doar pe dispozitivul ăsta. Un profil poate fi mai mult decât tine - o echipă sau un rol în care intri din când în când. Vezi Profiluri pentru imaginea completă, inclusiv cum ții mai multe.

Salvare & continuare

Dă clic pe Save ca să stochezi valorile curente ca sesiune pentru instrumentul acela. Poți ține mai multe sesiuni cu nume pentru fiecare instrument; butonul Continue al fiecărui instrument o redeschide pe cea mai recentă, iar butonul de istoric (dreapta sus, lângă profilul tău) listează toate sesiunile salvate din toate instrumentele. Sesiunile sunt locale, pe dispozitiv. Ca să le organizezi, deschide Projects (mai jos).

Pastila de randare în două jumătăți - o săgeată în sus care deschide panoul de export și o bifă care salvează sesiunea pe locsigned by Lollyvector SVGVerifică singurGet the signed file2 paths240 nodes10 groups7 KBPastila de randare în două jumătăți - o săgeată în sus care deschide panoul de export și o bifă care salvează sesiunea pe locsigned by Lollyvector SVGVerifică singurGet the signed file2 paths240 nodes10 groups7 KB

Projects

Projects - îl deschizi din fila Projects de lângă Tools sau din Profile → Storage → Organise in Projects - e o casă pentru tot ce ai salvat și funcționează ca un manager de fișiere:

Projects - sesiuni salvate organizate în foldere care se pot cuibărisigned by Lollyvector SVGVerifică singurGet the signed file79 paths~7.7k nodes104 groups179 KBProjects - sesiuni salvate organizate în foldere care se pot cuibărisigned by Lollyvector SVGVerifică singurGet the signed file79 paths~7.7k nodes104 groups180 KB

Popoverul View and sort din Projects deschis, cu un rând de temă, o alegere View între Preview sau List și Name, Date added și Last modified sub Sortsigned by Lollyvector SVGVerifică singurGet the signed file11 paths~1.3k nodes21 groups19 KBPopoverul View and sort din Projects deschis, cu un rând de temă, o alegere View între Preview sau List și Name, Date added și Last modified sub Sortsigned by Lollyvector SVGVerifică singurGet the signed file11 paths~1.3k nodes21 groups19 KB

Ce oferă bara de selecție diferă puțin de la o vedere la alta, fiindcă nu orice acțiune are sens peste tot:

O capcană de etichetă: View sessions există doar după ce ceva e selectat. Clic dreapta pe o singură cartelă neselectată oferă în schimb N saved sessions, care deschide dialogul de istoric al instrumentului aceluia, în loc să te ducă la Projects.

Două carduri de instrumente bifate în galeria Tools, cu bara plutitoare de selecție afișând 2 selected și oferind Available offline, View sessions, Favourite și Hidesigned by Lollyvector SVGVerifică singurGet the signed file278 paths~46k nodes495 groups4 images1.183 KBDouă carduri de instrumente bifate în galeria Tools, cu bara plutitoare de selecție afișând 2 selected și oferind Available offline, View sessions, Favourite și Hidesigned by Lollyvector SVGVerifică singurGet the signed file280 paths~46k nodes500 groups5 images1.227 KB

Cum îți partajezi lucrarea

Un design pleacă în două feluri: ca link sau ca fișier. Dialogul Share le oferă pe amândouă. Îl deschizi cu Share din comenzile de export; Share link pe o sesiune salvată din Projects deschide același dialog pentru sesiunea aceea.

Linkul

Fiecare câmp e cuprins în URL-ul paginii, așa că un link este designul. În capul dialogului stă linkul gata de copiat, cu două secțiuni restrânse sub el.

Trimite linkul unui coleg, pune-l la favorite sau comite-l în cod. (Detalii complete: URL Mode.)

Unele instrumente fac din link întregul produs. Jump Page adună linkurile tale pe o singură pagină de distribuit - un link bio, o prezentare de conferință, o vitrină de magazin. Nu este nimic de găzduit și niciun cont în spate: pagina este linkul, așa că se deschide la fel de repede pe cât călătorește adresa URL. În editor vezi pagina finalizată lângă câmpuri; un vizitator care deschide linkul o primește pe toată lățimea, un link per scenă pe măsură ce derulează.

Jump Page în editor - titlul, trei scene de linkuri, fiecare cu propriul fundal colorat, și un subsol Made with Lolly, aranjate ca o singură pagină pe pânzăsigned by Lollyvector SVGVerifică singurGet the signed file12 paths~2.4k nodes28 groups30 KBJump Page în editor - titlul, trei scene de linkuri, fiecare cu propriul fundal colorat, și un subsol Made with Lolly, aranjate ca o singură pagină pe pânzăsigned by Lollyvector SVGVerifică singurGet the signed file12 paths~2.4k nodes28 groups30 KB

Dialogul spune ce nu poate duce un link. Trei lucruri nu încap într-un URL: o imagine sau un fișier adăugat de pe dispozitivul ăsta, o valoare de text foarte lungă sau o listă foarte mare. Fiecare e numărat pe măsură ce se construiește linkul. Dacă a trebuit să se renunțe la ceva, dialogul îl numește și te trimite la fișierul de mai jos, în loc să-ți dea un link care se deschide fără poză. Un link doar lung primește o notă mai blândă, cu numărul de caractere, fiindcă împachetarea încă poate salva situația.

Fișierul .lolly

Download .lolly, din dialogul Share al instrumentului în care lucrezi, scrie același design ca fișier. Duce sesiunea salvată împreună cu imaginile și fișierele adăugate de pe dispozitivul tău. Grafica din catalog pe care se bazează designul călătorește și ea înăuntru, așa că fișierul se deschide complet pe o mașină care nu ți-a văzut niciodată brandul. Acolo unde dispozitivul tău are o foaie de partajare, Send to… îi predă fișierul direct (AirDrop, o partajare pe Android), în loc să-l salveze pe disc.

Un .lolly e un zip obișnuit. Redenumește-l .zip și deschide-l: imaginile tale sunt în assets/uploads/, iar grafica din catalog în assets/catalog/, fiecare cu numele și extensia reale, manifest.json le listează pe toate, iar un README de la început spune ce e fișierul.

Trei lucruri sunt ale tale de decis înainte să plece:

Deschiderea unui fișier. Trage un fișier .lolly peste aplicație: resursele ajung în biblioteca ta, sesiunea ajunge în Projects, iar instrumentul se deschide pe ea. Nimic al tău nu este suprascris: sesiunea apare ca un nou slot salvat, în timp ce o resursă deja existentă pe acest dispozitiv este potrivită după suma de control și reutilizată în loc să fie duplicată. Fiecare parte este verificată față de propriile sume de control ale fișierului la import, astfel încât o copie deteriorată în tranzit este refuzată în loc să fie importată pe jumătate.

Dacă fișierul aduce un instrument pe care nu-l ai, Lolly întreabă înainte ca instrumentul acela să poată rula: Trust this tool? îl numește pe el și pe autorul lui și spune limpede că deschiderea rulează codul propriu al instrumentului pe dispozitivul tău, cu Trust & install ca trecere mai departe. Refuză și lucrarea partajată tot se salvează în proiectele tale, așteptând acolo ziua în care adaugi instrumentul. (Un fel de instrument nu poate fi încărcat lateral încă - unul al cărui cod vine ca modul - și e refuzat în același fel.)

Și un link, și un fișier predau un instantaneu. Ca să lucrezi la aceeași sesiune în același timp cu altcineva - două dispozitive, fără server, fără internet dacă sunteți în aceeași rețea - vezi Cum lucrați împreună.

Camera live (instrumente care reacționează la mișcare)

Fiecare Filter de fotografie - Halftone, Scanline, Posterize, Voronoi cells, Colour treatment, Pixel stretch și Imperfections - arată un buton Go live acolo unde există o cameră. Pornește-l și efectul urmărește camera ta web cadru cu cadru, deci reacționează la mișcare; poți înregistra rezultatul în GIF, WebM sau MP4. Cadrele sunt citite și prelucrate pe dispozitivul tău și nu îl părăsesc niciodată, iar camera e eliberată în clipa în care oprești sau ieși din instrument. (Orice selector de imagini are și Take a photo, ca să prinzi un singur cadru ca imagine locală.)

Imaginile mele

Când un instrument te lasă să adaugi o imagine de pe dispozitiv, ea e păstrată exact așa cum a sosit - deci un Content Credential de pe ea încă se verifică - și salvată în biblioteca ta personală My images (sub Profile → Storage). Doar un fișier cu adevărat uriaș te întreabă dacă să-l păstreze sau să-l redimensioneze. Refolosește-o în orice instrument. Ca să cureți EXIF/GPS pe măsură ce intră imaginile, activează Strip metadata from uploads în profilul tău. Nu există plafon: biblioteca e complet locală și limitată doar de spațiul dispozitivului tău - de acolo gestionezi sau ștergi imaginile.

Catalogul - biblioteca ta de resurse

Catalog (#/c sau segmentul Catalog din comutatorul Projects · Tools · Utilities · Catalog din capul fiecărei vederi de listare) adună tot ce pot folosi instrumentele tale - logouri de brand, imagini, audio și mișcare, grupate pe feluri - și e și locul unde stau fișierele tale creative. Fără server, fără consolă de administrare, fără pull request: totul e pe dispozitivul tău.

Catalogul - resurse de brand, mostre și fonturi, plus propriile tale încărcărisigned by Lollyvector SVGVerifică singurGet the signed file456 paths~43k nodes707 groups1.022 KBCatalogul - resurse de brand, mostre și fonturi, plus propriile tale încărcărisigned by Lollyvector SVGVerifică singurGet the signed file456 paths~43k nodes707 groups1.022 KB

Ia-ți paleta și fonturile oriunde

Panoul Swatches din Catalog face mai mult decât să afișeze - dă clic pe o culoare ca s-o copiezi sau descarcă toată paleta de brand în formatul pe care îl vorbește celălalt instrument al tău:

Panoul Swatches - cele cinci butoane de descărcare a paletei de-a lungul părții de sus, apoi fiecare culoare de brand ca jeton copiabilsigned by Lollyvector SVGVerifică singurGet the signed file196 paths~22k nodes282 groups302 KBPanoul Swatches - cele cinci butoane de descărcare a paletei de-a lungul părții de sus, apoi fiecare culoare de brand ca jeton copiabilsigned by Lollyvector SVGVerifică singurGet the signed file196 paths~22k nodes282 groups302 KB

Panoul Fonts îți listează fonturile de brand cu câte o descărcare lângă fiecare, ca să le instalezi local sau să le dai unei tipografii. (Camera Colours din Brand Studio oferă aceeași descărcare a paletei.)

Resursele sunt o jumătate a căii deschise, în care faci singur lucrurile; cealaltă e să-ți construiești propriile instrumente - canvasul liber (Design, descris mai sus) te lasă să construiești unul vizual, fără cod.

Sunet & accesibilitate

Lolly își propune să fie comod de folosit pentru toată lumea. Interfața se poate parcurge de la tastatură, comenzile personalizate poartă etichete corecte pentru cititoarele de ecran, iar previzualizarea live a fiecărui instrument e expusă ca o singură imagine etichetată care descrie ce se face.

Un strat blând de sunete de asistență confirmă ce faci - sosirea în galerie, o verificare Content Credentials validă față de una nevalidă, închiderea unui panou, schimbarea unui filtru. E dezactivat implicit: activează Sound oriunde apare comutatorul (popoverul de opțiuni al fiecărei vederi sau Profile), iar alegerea se reține.

Patru setări de confort, activate de tine, stau sub Profile → Accessibility: Reduce motion (renunță la tranzițiile și înfloriturile aplicației), Hide colourful previews (cartele de galerie liniștite, doar cu pictogramă și text, și miniaturi de proiect mai domoale), High contrast (borduri, text și inele de focus mai puternice) și Large text (literă mai mare în aplicație - etichete, meniuri, text de buton). Toate patru liniștesc aplicația din jurul lucrării tale: nu ajung niciodată în canvasul unui instrument și nu schimbă niciun pixel din ce exporți, iar fiecare e oprită până o pornești tu. Detalii complete în Profilul tău → Accesibilitate.

Lângă comutatorul Sound stă Neurospicy Mode - o pistă de fundal opțională și calmantă, pentru concentrare, care se aude încet cât timp lucrezi. Când o pornești se deschide un mic doc de player în colțul de jos, care te urmează prin aplicație; de acolo poți căuta și alege o piesă, poți sări înainte și înapoi, poți regla volumul și îl poți minimiza sau închide. Lista de piese acoperă câteva categorii - melodii procedurale Lolly Sings, bucle ambientale și ritmuri, audio încărcat de tine și câteva posturi de radio live de pe internet (astea au nevoie de conexiune; tot restul se aude offline). E dezactivat implicit și, la fel ca Sound, se reține de la o sesiune la alta și de la un dispozitiv la altul. Dacă oprești Sound, se oprește și pista de concentrare.

Stocare & confidențialitate

Totul e stocat în baza de date locală a browserului tău (IndexedDB): profilul, sesiunile salvate, imaginile încărcate și o memorie cache a conținutului de catalog descărcat. Profile → Storage arată consumul și îți permite:

Cardul de stocare pe un ecran de lățimea unui telefon: fiecare categorie de date de pe dispozitiv, numită, cu butonul Clear all my data jossigned by Lollyvector SVGVerifică singurGet the signed file14 paths~2.0k nodes39 groups28 KBCardul de stocare pe un ecran de lățimea unui telefon: fiecare categorie de date de pe dispozitiv, numită, cu butonul Clear all my data jossigned by Lollyvector SVGVerifică singurGet the signed file14 paths~2.0k nodes39 groups29 KB

Niciuna dintre datele astea locale nu e transmisă nicăieri - fără telemetrie, fără randare în cloud. Lista completă a tot ce descarcă sau trimite vreodată aplicația e în Politica de confidențialitate, iar Suprafața de server inventariază componentele opționale de server.

Mutarea pe alt dispozitiv

Fiindcă totul stă pe dispozitivul tău, Profile → Storage → Move to another device îți permite să duci tot pe o a doua instalare - fără cont, fără cloud:

Memoria cache a catalogului nu e inclusă - se redescarcă singură pe dispozitivul nou. Pachetul e un zip simplu (manifest.json + profile.json + sessions.json + assets.json + assets/blobs/… + prefs.json, id de format lolly-backup), așa că trece intact prin e-mail, USB sau AirDrop și e același format pe care îl citește fiecare shell. Fiecare parte are sumă de control, așa că un fișier deteriorat pe drum e prins la import, nu restaurat pe jumătate. (Specificația completă a formatului: Transferul de date.)

Importarea unui design (Figma, Penpot, Illustrator, InDesign)

Poți aduce un design existent în Lolly și poți lucra mai departe la el: deschide Design, dă clic pe Import a design în bara de instrumente a canvasului și alege un .fig de Figma sau un SVG, un .penpot de Penpot, un .ai / .pdf de Illustrator sau un .idml de InDesign. Straturile devin casete editabile pe canvasul liber - textul rămâne rescriabil, imaginile ajung în My images, iar literele și culorile se conformează valorilor globale ale brandului - apoi rezultatul se salvează, se partajează și se randează ca orice altă sesiune. Analiza se face în întregime pe dispozitivul tău. Detalii complete: Importarea unui design.

Exportul

Vezi Export & formate pentru povestea completă - alegerea unui format, dimensiunea de ieșire și unitățile de tipar, transparența, videoul și copierea/partajarea. Pe scurt: alegi un format, setezi dimensiunea dacă ai nevoie și dai Download (sau Copy în clipboard).

Modul Batch (Pro)

Pentru utilizatorii avansați, Batch (accesibil din galerie, în spatele indicatorului de funcționalitate Pro, care e activ implicit) randează multe variante deodată - o grilă în care fiecare rând e un set de valori, exportate împreună. Ideal pentru localizarea unui card în douăsprezece limbi sau pentru generarea tuturor variantelor de dimensiune dintr-o singură trecere. Umple rândurile tastând, lipind direct dintr-o foaie de calcul sau importând un CSV (poți și exporta unul înapoi) și setează formatul, dimensiunea și numele fișierului de ieșire pentru fiecare rând. Salvează o grilă întreagă ca sesiune de lot cu nume, care se redeschide din galerie, și descarcă toate rândurile ca un singur .zip.

Bara de instrumente a modului Batch - numele arhivei zip, unități, DPI și formatul moștenit de fiecare rând, cu Sessions și Render în dreaptasigned by Lollyvector SVGVerifică singurGet the signed file31 paths~1.9k nodes50 groups4 images34 KBBara de instrumente a modului Batch - numele arhivei zip, unități, DPI și formatul moștenit de fiecare rând, cu Sessions și Render în dreaptasigned by Lollyvector SVGVerifică singurGet the signed file31 paths~1.9k nodes50 groups4 images34 KB

Batch e pentru generarea multor variante ale unui singur șablon deodată. Ca să randezi din nou sesiuni pe care le-ai salvat deja, folosește Projects → Render folder / Render selection (mai sus) - fără Pro.

Editarea una lângă alta (Multi-edit)

Batch înseamnă multe variante ale unui singur design. Multi-edit este cealaltă jumătate a sarcinii: mai multe designuri salvate diferite, deschise deodată, astfel încât o singură modificare se aplică tuturor. Bifează între două și opt sesiuni salvate în Projects și alege Edit together din bara de selecție; se deschid ca și carduri live unul lângă altul la #/multi?s=<slot>,<slot>…. Fiecare card este o randare reală a acelei sesiuni, nu o miniatură stocată, așa că ceea ce vezi este ceea ce se va exporta.

O singură bară laterală le conduce pe toate:

Dă clic pe orice canvas (sau apasă Enter pe el) și fișa din bara laterală a sesiunii aceleia se deschide și intră în vedere. Save all scrie fiecare sesiune înapoi în slotul ei. Download all salvează întâi, apoi randează tot setul prin aceeași conductă ca Render selection din Projects - o singură arhivă zip, cu blocarea opțională prin parolă oferită pe drum.

Două limite spuse pe față. Plafonul de două-opt e real: fiecare fișă își montează propriul runtime live, iar ăsta e numărul care rămâne prompt - un link care cere mai multe (sau o sesiune care nu mai există) o spune, în loc să se încarce pe jumătate. Iar linkul numește sloturile tale salvate, deci redeschide setul acela pe dispozitivul ăsta; nu e un link de partajare.

Când selecția e mai mare de opt, amestecă instrumente sau include și imagini pe lângă sesiuni, ieșirea de siguranță e Edit as sheet din aceeași bară de selecție: deschide toată selecția ca rânduri în grila de loturi (#/pro?s=…), fără limită de mărime și fără regula aceluiași instrument. Folderele rămân în afara ambelor - ele au propria cale de deschidere în grilă. (Căutarea e singurul lucru care încă nu ajunge aici: Multi-edit e singura vedere de care bara de căutare nu știe.)

Offline & instalare

Lolly e un PWA. După prima încărcare funcționează offline - instaleaz-o din bara de adrese a browserului (sau Add to Home Screen pe mobil) pentru o experiență de tip aplicație, pe tot ecranul. Se actualizează singură când ești din nou online.

Despre actualizări: dacă o vizualizare nu se încarcă vreodată imediat după una (un panou gol, un \"failed to fetch\" în colț), reîncarcă pagina o dată - aplicația trece curat la noua versiune, iar munca ta, sesiunile și brandul rămân neatinse. Stochează totul pe dispozitivul tău, nu în pagină.