Usare Lolly

Una guida pratica per usare davvero l'app - aprire uno strumento, lavorare sul canvas, esportare, salvare e condividere. Tutto qui gira sul tuo dispositivo: nessun account, nessun caricamento, nessuna connessione a internet dopo il primo caricamento.

Sei nuovo qui? La Guida rapida ti fa creare qualcosa in pochi minuti, e Lolly per gli operatori copre l'installazione e la distribuzione dell'app; questa pagina riguarda come guidarla una volta aperta.

Aprire uno strumento

La schermata iniziale è la galleria - tutti gli strumenti, raggruppati per categoria. Fai clic su una card per aprire lo strumento; se ci hai già lavorato, un pulsante Continua riprende la tua sessione più recente. Usa il campo di ricerca per filtrare per nome - oppure la Ricerca dalla barra in fondo alle sei schermate di elenco (la galleria, Utility, Progetti, il Catalogo, la Dashboard e il Profilo), che raggiunge il tuo lavoro salvato, il catalogo e le tue impostazioni oltre agli strumenti. Dentro uno strumento la barra si fa da parte per lasciare spazio ai comandi dello strumento.

La galleria degli strumenti - ogni strumento come card, raggruppati per categoriasigned by Lollyvector SVGVerifica tu stessoGet the signed file281 paths~38k nodes443 groups6 images2269 KBLa galleria degli strumenti - ogni strumento come card, raggruppati per categoriasigned by Lollyvector SVGVerifica tu stessoGet the signed file281 paths~38k nodes443 groups6 images2265 KBTry it in the app

Ogni strumento è una vista divisa: i controlli da un lato, un'anteprima dal vivo (il canvas) dall'altro. Cambia un controllo qualsiasi e l'anteprima si aggiorna all'istante.

La vista divisa di uno strumento - la pila di controlli a sinistra, e il grafico a barre raggruppate in tempo reale che disegna a destrasigned by Lollyvector SVGVerifica tu stessoGet the signed file23 paths372 nodes11 groups21 KBLa vista divisa di uno strumento - la pila di controlli a sinistra, e il grafico a barre raggruppate in tempo reale che disegna a destrasigned by Lollyvector SVGVerifica tu stessoGet the signed file23 paths372 nodes11 groups21 KB

Alcuni strumenti (come Design) si aprono invece come canvas libero - una superficie priva di cornice, a manipolazione diretta, dove trascini, ridimensioni, ruoti e agganci riquadri di testo, forme e immagini e fai doppio clic per modificare il testo sul posto. Esporta attraverso lo stesso percorso di rendering di ogni altro strumento, quindi il canvas è il file. Consulta Il canvas libero più sotto.

Due modi per plasmare la griglia e renderla quella che vuoi tu:

La fine della griglia Tools con gli strumenti nascosti rivelati: la card attenuata di QR Code Generator, e accanto il riquadro grigio che l'ha riportata in vista, che ora recita Hide hidden toolssigned by Lollyvector SVGVerifica tu stessoGet the signed file251 paths~29k nodes440 groups658 KBLa fine della griglia Tools con gli strumenti nascosti rivelati: la card attenuata di QR Code Generator, e accanto il riquadro grigio che l'ha riportata in vista, che ora recita Hide hidden toolssigned by Lollyvector SVGVerifica tu stessoGet the signed file247 paths~29k nodes439 groups1 image729 KB

Chiedi a Lolly

Quando preferisci chiedere invece di cercare, Chiedi a Lolly (#/ask) prende una domanda scritta e restituisce alla lettera la sezione corrispondente di questa documentazione - le parole stesse delle guide, non un riassunto e non una generazione - citando la pagina da cui proviene e con accanto un link Apri nella documentazione. Sotto la risposta ci sono i punti dell'app che corrispondono alla stessa domanda: uno strumento, un'impostazione, un progetto salvato, ognuno come un pulsante che ti porta semplicemente lì.

La trascrizione è memoria di sessione: fai una domanda di approfondimento e il filo si costruisce mentre procedi, poi ricarica la pagina e riparte da zero. I risultati di ricerca portano in fondo una riga *Chiedi a Lolly: la tua domanda*** - sotto i risultati concreti trovati dagli altri gruppi - che passa la domanda direttamente, così puoi iniziare nella barra e finire qui.

Il canvas (anteprima)

L'anteprima mostra sempre esattamente ciò che verrà esportato.

Desktop

L'HUD dello zoom nell'angolo del canvas - meno, la percentuale dal vivo, più, Fit, poi gli interruttori di tema e audiosigned by Lollyvector SVGVerifica tu stessoGet the signed file5 paths199 nodes11 groups7 KBL'HUD dello zoom nell'angolo del canvas - meno, la percentuale dal vivo, più, Fit, poi gli interruttori di tema e audiosigned by Lollyvector SVGVerifica tu stessoGet the signed file5 paths186 nodes11 groups7 KB

Tocco

Clic per saltare a un controllo: fai clic su un elemento qualsiasi del design e l'input corrispondente nella barra laterale riceve il focus e scorre fino a essere visibile - per un gruppo di righe ripetibili apre esattamente la riga su cui hai cliccato, così modificare ciò che vedi è a un tocco di distanza.

Un cambio di dimensione riporta sempre la vista a un adattamento pulito.

Il canvas libero (Design)

Gli strumenti a canvas libero aggiungono una superficie di lavoro intorno all'area di disegno, come il tavolo di montaggio di un designer:

La tela libera di Design - l'artboard con il pasteboard circostantesigned by LollyPNGVerifica tu stessoGet the signed filepixels, not shapes543 KBLa tela libera di Design - l'artboard con il pasteboard circostantesigned by LollyPNGVerifica tu stessoGet the signed filepixels, not shapes490 KB

Capovolgi una selezione. Clicca con il tasto destro su un riquadro qualsiasi e scegli Capovolgi orizzontalmente o Capovolgi verticalmente per specchiarlo sul posto, oppure premi Shift+H / Shift+V da tastiera - Shift, perché una V semplice è lo strumento Puntatore. Ogni riquadro selezionato si specchia sul proprio asse in un unico passaggio di annullamento, e lo specchiamento è una trasformazione vera, quindi rimane nell'SVG, nel PDF e nel PNG esportati e non solo sulla tela.

Disegnare le tue forme (la penna)

Riquadri, cerchi e cornici arrotondate coprono la maggior parte dei layout. Quando ti serve una forma che non è in quell'elenco, disegnala: il pulsante Penna della barra (o il tasto P) ti mette in modalità disegno. Tre tasti singoli spostano tra le modalità - V torna al Puntatore, P per la Penna, N per lo strumento nodi (Modifica punti) - e il Puntatore è sempre la via d'uscita da qualunque modalità tu sia.

La barra degli strumenti del canvas libero: una maniglia di trascinamento, il menu Lolly, poi Pointer, Add a box, Pen, Edit points, Line, Timeline, Artboards e Auto-arrangesigned by Lollyvector SVGVerifica tu stessoGet the signed file36 paths206 nodes31 groups22 KBLa barra degli strumenti del canvas libero: una maniglia di trascinamento, il menu Lolly, poi Pointer, Add a box, Pen, Edit points, Line, Timeline, Artboards e Auto-arrangesigned by Lollyvector SVGVerifica tu stessoGet the signed file36 paths206 nodes31 groups22 KB

Il risultato è un normale riquadro sul canvas. Spostalo, ridimensionalo, ruotalo, raggruppalo, allinealo, riordinalo, dagli un riempimento, un gradiente, un'ombra o un'opacità - un tracciato si comporta come ogni altro riquadro, e nessuno di quei controlli lo tratta in modo diverso.

Arriva anche già colorato. Il primo tracciato che disegni prende il riempimento e il tratto che il tuo brand assegna a un tracciato, e da lì in poi ogni nuovo tracciato prende quello che hai usato per ultimo - imposta un riempimento una volta e continua a disegnare, invece di ricolorare ogni forma. (In uno strumento il cui brand non dice nulla sui tracciati, un tracciato disegnato prende il tratto del colore con cui l'hai visto disegnare, così non è mai invisibile.)

Modificare di nuovo i punti. Fai doppio clic sulla forma (o usa Modifica punti sulla barra dell'oggetto) e i punti ricompaiono. Trascina un punto per spostarlo, trascina una maniglia per riorientarla, fai clic in un punto qualsiasi della curva per inserire un punto, seleziona con un rettangolo un gruppo di punti e premi Canc per rimuovere quelli selezionati. Un tracciato mantiene sempre almeno due punti, quindi non puoi cancellarlo per sbaglio fino a farlo sparire.

Il Tipo di spline decide che genere di curva passa per i tuoi punti, ed è la scelta che vale la pena capire:

TipoCosa fa
Fluido (auto)L'impostazione predefinita. Calcola da sé la lunghezza delle maniglie, così un semplice clic-clic-clic dà una curva davvero fluida senza dover armeggiare con le maniglie. Se imposti una maniglia, questa fissa la direzione e la curva mantiene il controllo della lunghezza.
Maniglie BezierLa penna classica. Le maniglie sono i punti di controllo, e inserire un punto non sposta mai la curva.
Attraverso i puntiPassa esattamente per ogni punto che hai posizionato, senza maniglie.
B-splineScorre vicino ai punti invece che attraverso di essi, per una forma più morbida.
Linee retteUna polilinea.

Passare un tracciato esistente a un tipo che calcola da sé le maniglie chiede prima conferma, perché le lunghezze delle maniglie che hai impostato non si possono recuperare - passare a Maniglie Bezier è sempre senza perdite. Durante il disegno non c'è nessuna richiesta: il cambio si applica direttamente alla bozza, e le maniglie che avevi già estratto se ne vanno con esso. Nei tipi che controllano le proprie maniglie, inserire un punto modifica leggermente la curva; con Maniglie Bezier no.

Ogni punto porta anche una regola di continuità, mostrata dalla sua forma sul canvas - quadrato per Angolo (le maniglie si muovono in modo indipendente), tondo per Fluido (le maniglie restano allineate), tondo con un anello per Simmetrico (allineate e di uguale lunghezza). Impostala per i punti selezionati e la curva la rispetta immediatamente.

Due tracciati a penna renderizzati direttamente da un link: una curva a S con il solo tratto e una macchia chiusa e riempitasigned by Lollyvector SVGVerifica tu stessoGet the signed file5 paths38 nodes7 groups5 KBDue tracciati a penna renderizzati direttamente da un link: una curva a S con il solo tratto e una macchia chiusa e riempitasigned by Lollyvector SVGVerifica tu stessoGet the signed file5 paths38 nodes7 groups5 KB

Un tracciato disegnato viaggia nel link come tutto il resto, quindi una forma che disegni si riapre da un link di condivisione e si renderizza in modo identico dalla CLI. Nulla di esso dipende dall'editor.

Combinare le forme (operazioni sui tracciati)

Seleziona due o più forme, fai clic destro sul canvas (tocco con due dita su touch) e il menu offre le operazioni che ti aspetti da un programma di disegno:

Altre tre agiscono su una forma singola: Contorno tratto… trasforma un tratto in una forma riempita dello stesso contorno (utile quando vuoi mantenere uno spessore esattamente com'è stato disegnato), Offset tracciato… allarga la silhouette verso l'esterno o, con un numero negativo, la restringe verso l'interno e Semplifica ricostruisce un tracciato con meno segmenti a parità di forma.

Una mezzaluna e un anello con un buco vero, entrambi prodotti da Sottraisigned by Lollyvector SVGVerifica tu stessoGet the signed file5 paths47 nodes7 groups5 KBUna mezzaluna e un anello con un buco vero, entrambi prodotti da Sottraisigned by Lollyvector SVGVerifica tu stessoGet the signed file5 paths47 nodes7 groups5 KB

Il risultato è un nuovo tracciato che puoi continuare a modificare con la penna. I buchi sono buchi veri - un controllo Regola di riempimento nel pannello del tratto decide se i contorni sovrapposti si riempiono (non-zero) o bucano (even-odd).

Due cose che queste operazioni deliberatamente non fanno. Rifiutano invece di distruggere: chiedi di intersecare due forme che non si sovrappongono e ti viene detto che non c'è nulla da mantenere, e nulla cambia. E i riquadri di testo e immagine non hanno un contorno su cui lavorare, quindi vengono lasciati stare invece di essere approssimati dalla loro cornice. Un risultato combinato viene memorizzato come semplici curve Bezier, che è quello che fa anche un programma di disegno - il tipo di spline originale non sopravvive all'operazione.

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 SVGVerifica tu stessoGet 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 SVGVerifica tu stessoGet the signed file104 paths~7.2k nodes157 groups2 images97 KB

Sequence Studio aggiunge il tempo al canvas libero. Ogni riquadro può iniziare in un momento preciso, durare per una certa lunghezza e animarsi in entrata e in uscita, e una timeline agganciata sotto l'area di disegno è dove li disponi. Aprilo e c'è già una sequenza in riproduzione - una card di titolo, una clip, una card finale, un lower-third e un tappeto musicale - così il modello è visibile prima ancora che tu cambi qualcosa.

La timeline di Sequence Studio: il transport, il righello, una corsia di overlay, la riga di sequenza magnetica con le sue clip e chip di giunzione e la striscia Always onsigned by Lollyvector SVGVerifica tu stessoGet the signed file73 paths~5.4k nodes115 groups80 KBLa timeline di Sequence Studio: il transport, il righello, una corsia di overlay, la riga di sequenza magnetica con le sue clip e chip di giunzione e la striscia Always onsigned by Lollyvector SVGVerifica tu stessoGet the signed file73 paths~5.4k nodes115 groups80 KB

Ci sono due tipi di riga, e la differenza è tutta l'idea:

Il piano di lavoro: la tavola da disegno in primo piano al centro, la barra strumenti a sinistra e l'HUD dello zoom nell'angolosigned by Lollyvector SVGVerifica tu stessoGet the signed file19 paths852 nodes30 groups20 KBIl piano di lavoro: la tavola da disegno in primo piano al centro, la barra strumenti a sinistra e l'HUD dello zoom nell'angolosigned by Lollyvector SVGVerifica tu stessoGet the signed file19 paths839 nodes30 groups20 KB

Aprire la timeline le assegna la tastiera, così Spazio e i tasti freccia guidano la testina invece della pagina - e poiché si apre da sola su una composizione che ha già una temporizzazione, questo vale dal momento in cui Sequence Studio si carica.

L'editor di sequenza approfondisce le quattro cose che decidono se il montaggio nel tempo risulta prevedibile: quale clip modifica un clic sul canvas, i fantasmi in onion-skin delle clip vicine, l'ambito della divisione e l'Unione che annulla un taglio e il ritaglio (comprese le scorciatoie da tastiera). Premi ? con la timeline attiva per il foglio delle scorciatoie.

Montaggio. Trascina il centro di una clip per spostarla o riordinarla, trascina a pochi pixel da uno dei due estremi per ritagliarla e premi Dividi alla testina (o S) per tagliare una clip in due. La divisione richiede una clip con una Lunghezza reale e la testina un po' all'interno, quindi una clip senza fine definita (il tappeto musicale, per dirne una) non si può dividere. Aggancia ai bordi è attivo per impostazione predefinita e si aggancia ai bordi delle clip, alla testina e ai secondi interi, con Alt per ignorarlo. Ogni trascinamento è un unico passo di annullamento, e l'anteprima del trascinamento fa gli stessi calcoli della conferma, quindi quello che vedi mentre trascini è quello che ottieni.

Seleziona una clip e l'ispettore ti offre le stesse modifiche sotto forma di numeri: Lunghezza, Taglia inizio (quanto dentro la sorgente comincia), Velocità come una serie di moltiplicatori fissi da ×0,25 a ×4, Anima in entrata / Anima in uscita con le loro durate e Disattiva audio clip. Una clip sulla riga magnetica non ha un campo Inizio, ed è voluto - l'ordine appartiene alla riga, quindi la sposti trascinandola.

Le transizioni sono preset, non fotogrammi chiave: Dissolvenza, Pop, Crescita, Salita, Caduta, i quattro Scorrimenti, Zoom avanti e indietro, Inclinazione, Planata, Rotazione, Deriva o Taglio (nessuna animazione). Le distanze si adattano all'oggetto, quindi lo stesso preset funziona bene sia su una card a tutto schermo sia su un piccolo badge. Tra due clip adiacenti sulla riga di sequenza c'è un pulsante di giunzione: fai clic e scegli Taglio o Dissolvenza incrociata, che si applica subito e si chiude. Riapri lo stesso pulsante per cambiare la Lunghezza (ms) e premi Fatto. Una dissolvenza incrociata viene memorizzata come una dissolvenza in uscita di una clip e una in entrata della successiva, e l'esportazione ricava da quella coppia la dissolvenza vera e propria - ecco perché una dissolvenza incrociata sembra due dissolvenze nell'anteprima e un vero passaggio di consegne nel file.

Suono. Aggiungi una clip Audio e vive sulla timeline come qualsiasi altra clip: forma d'onda, ritaglio, silenziamento. (Il tappeto generato incluso nella sessione predefinita è l'unica eccezione - viene sintetizzato al momento dell'esportazione, quindi la sua barra resta piatta e silenziosa finché non renderizzi.) Premi il microfono per registrare una voce fuori campo direttamente sulla timeline, con un conto alla rovescia e un misuratore di livello, e la ripresa viene salvata come tuo asset nel punto in cui hai iniziato. Premi la fotocamera accanto per registrare un video allo stesso modo: la ripresa viene ritagliata alla dimensione di esportazione dell'artboard mentre registra, così il piccolo riquadro con la tua immagine mostra esattamente ciò che finisce nella sequenza alla testina, a piena inquadratura - il modo per raccogliere la clip di un collega da un link condiviso. Musica, dialoghi e la colonna sonora di una clip finiscono tutti nel mix esportato. (La traccia audio del pannello di esportazione è un'altra cosa: un unico tappeto steso sotto l'intera clip, con dissolvenza e ducking. Le due convivono.)

Renderizzarla. Un'esportazione in movimento è un composito deterministico, non una registrazione dello schermo - ogni fotogramma viene decodificato, disegnato e codificato a un istante esatto, quindi il file non dipende dalla capacità della tua macchina di stare al passo, e non c'è un limite pratico di fotogrammi su MP4 o WebM. La durata la stabilisce la lunghezza della timeline, a meno che tu non ne digiti una. Le Content Credentials vengono apposte come in ogni altra esportazione. Un'esportazione statica ti dà il fotogramma alla testina, oppure un intero provino a contatto dal campo Fotogrammi accanto alla dimensione di output - vedi Esportazione.

Qualche limite da tenere a mente: una sequenza è limitata a un'ora, GIF e PNG animato mettono in buffer i propri fotogrammi e quindi restano brevi, l'audio è silenzioso su una clip la cui velocità non è ×1 (non c'è ancora il time-stretching) e Registra dal vivo è nascosto qui perché il compositore è la strada migliore.

Oltre i preset: fotogrammi chiave, profondità e una camera. Una transizione anima una clip al suo arrivo e alla sua uscita. Per posare un riquadro all'interno di una clip - farlo scorrere, dissolverlo, sfocarlo, sollevarlo dalla pagina e riassestarlo - aggiungi fotogrammi chiave: seleziona la clip, premi +Fotogramma chiave (il rombo nel gruppo di strumenti della timeline, il rombo nella barra oggetto della tela, oppure K), e la posizione della testina di riproduzione decide quale posa scrive la tua prossima modifica. Lo stesso sistema di fotogrammi chiave dà a ogni composizione temporizzata una camera che si avvicina, panoramica e mette a fuoco, e trasforma un SVG piatto in una pila di livelli tra cui puoi volare. Animare è la guida completa.

Lo strumento Design ha la stessa timeline, così puoi temporizzare un layout senza passare a un altro strumento, ed esporta anche il movimento.

Presentare

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

Un documento Design fatto di aree di disegno è già una presentazione. Apri il menu Lolly sulla barra degli strumenti e scegli Presenta - l'ultima voce - e ogni area di disegno diventa una slide a schermo intero, nell'ordine in cui le aree di disegno stanno sul canvas. La presentazione gira su una copia delle aree di disegno renderizzate, quindi l'editor sottostante non viene mai toccato e uscendo torni esattamente dov'eri.

La presentazione è anche un link. ?present la apre direttamente, s= indica la slide - una posizione, l'id di un'area di disegno o id.step per un passo di costruzione - e l'indirizzo si aggiorna mentre ti sposti, così quello che invii è la slide su cui sei. Per gli autori di strumenti: quei parametri sono documentati nella pagina Modalità URL.

Su telefono

Su schermi stretti il layout si riorganizza su una colonna:

Uno strumento su uno schermo largo come un telefono - i controlli come foglio in alto, la palette generata che riempie l'anteprima sotto e la pillola di rendering che fluttua in basso al centrosigned by Lollyvector SVGVerifica tu stessoGet the signed file61 paths~2.9k nodes128 groups2 images72 KBUno strumento su uno schermo largo come un telefono - i controlli come foglio in alto, la palette generata che riempie l'anteprima sotto e la pillola di rendering che fluttua in basso al centrosigned by Lollyvector SVGVerifica tu stessoGet the signed file61 paths~2.9k nodes128 groups2 images72 KB

Controlli (input)

Gli strumenti espongono solo gli input pensati per variare - tutto il resto (colori, layout, tipografia, logica) è bloccato dall'autore dello strumento, così qualsiasi cosa tu crei rispetta le regole che ha stabilito. Gli input includono testo, slider, selettori di colore, menu a tendina, date, selettori di immagini e gruppi di righe ripetibili. Alcuni sono raggruppati in sezioni comprimibili.

La colonna dei controlli di uno strumento - un campo di testo, i selettori di colore e uno slider e nient'altro, perché il resto l'autore ha scelto di bloccarlosigned by Lollyvector SVGVerifica tu stessoGet the signed file19 paths~2.1k nodes45 groups1 image31 KBLa colonna dei controlli di uno strumento - un campo di testo, i selettori di colore e uno slider e nient'altro, perché il resto l'autore ha scelto di bloccarlosigned by Lollyvector SVGVerifica tu stessoGet the signed file19 paths~2.1k nodes45 groups1 image31 KB

Reset: Annulla modifiche riporta ogni input ai suoi valori predefiniti.

Annulla e ripeti

Cmd/Ctrl-Z torna indietro di un passo e Cmd/Ctrl-Shift-Z (o Cmd/Ctrl-Y) va di nuovo avanti. La stessa coppia si trova come pulsanti Annulla e Ripeti nella riga sopra i controlli - sul canvas libero stanno invece sulla barra degli strumenti - e ciascuno si disattiva quando non c'è più nulla da recuperare. Ogni passo dice cos'era: annulla un colore e un piccolo messaggio nomina l'input appena ripristinato, con dentro un pulsante Ripeti per tornare indietro.

In una collaborazione dal vivo, la cronologia resta solo tua. Una modifica proveniente dall'altro dispositivo non finisce mai sulla tua pila, quindi annulla può recuperare solo qualcosa che hai fatto tu.

I tuoi dati e la tua foto

Profilo (in alto a destra nella galleria) contiene il tuo nome, i tuoi dati di contatto e una foto opzionale. Gli strumenti che richiedono quei campi li precompilano automaticamente - impostali una volta e la tua firma email, i lockup e i badge si completano da soli. Puoi comunque sovrascrivere qualsiasi campo per singola sessione. Attiva Usa i miei dati per creare così i tuoi dati viaggiano come autore su ciò che esporti.

La tua foto e i tuoi dati vivono solo su questo dispositivo. Un profilo può essere più di te soltanto - un team o un ruolo che indossi di tanto in tanto. Consulta Profili per il quadro completo, incluso come mantenerne più di uno.

Salvare e continuare

Fai clic su Salva per memorizzare gli input attuali come sessione per quello strumento. Puoi mantenere più sessioni con nome per ogni strumento; il pulsante Continua di ogni strumento riapre la più recente, e il pulsante cronologia (in alto a destra, accanto al tuo profilo) elenca ogni sessione salvata di tutti gli strumenti. Le sessioni sono locali al dispositivo. Per organizzarle, apri Progetti (più sotto).

La pillola di rendering divisa in due - una freccia in su che apre il pannello di esportazione, e un segno di spunta che salva la sessione sul postosigned by Lollyvector SVGVerifica tu stessoGet the signed file2 paths240 nodes10 groups7 KBLa pillola di rendering divisa in due - una freccia in su che apre il pannello di esportazione, e un segno di spunta che salva la sessione sul postosigned by Lollyvector SVGVerifica tu stessoGet the signed file2 paths240 nodes10 groups7 KB

Progetti

Progetti - aprilo dalla scheda Progetti accanto a Strumenti, oppure da Profilo → Archiviazione → Organizza in Progetti - è la casa di tutto quello che hai salvato, e funziona come un gestore di file:

Progetti - sessioni salvate organizzate in cartelle annidabilisigned by Lollyvector SVGVerifica tu stessoGet the signed file79 paths~7.7k nodes104 groups179 KBProgetti - sessioni salvate organizzate in cartelle annidabilisigned by Lollyvector SVGVerifica tu stessoGet the signed file79 paths~7.7k nodes104 groups180 KB

Il popover View and sort aperto in Progetti, con una riga per il tema, una scelta di View tra Preview o List e Name, Date added e Last modified sotto Sortsigned by Lollyvector SVGVerifica tu stessoGet the signed file11 paths~1.3k nodes21 groups19 KBIl popover View and sort aperto in Progetti, con una riga per il tema, una scelta di View tra Preview o List e Name, Date added e Last modified sotto Sortsigned by Lollyvector SVGVerifica tu stessoGet the signed file11 paths~1.3k nodes21 groups19 KB

Quello che offre la barra di selezione cambia un po' da vista a vista, perché non ogni azione ha senso ovunque:

Una trappola di etichette: Vedi sessioni esiste solo quando qualcosa è selezionato. Il clic destro su una singola card non selezionata offre invece N sessioni salvate, che apre la finestra di cronologia di quello strumento invece di portarti in Progetti.

Due card di strumenti selezionate nella galleria Strumenti, con la barra di selezione flottante che mostra 2 selezionati e offre Disponibile offline, Visualizza sessioni, Preferito e Nascondisigned by Lollyvector SVGVerifica tu stessoGet the signed file278 paths~46k nodes495 groups4 images1183 KBDue card di strumenti selezionate nella galleria Strumenti, con la barra di selezione flottante che mostra 2 selezionati e offre Disponibile offline, Visualizza sessioni, Preferito e Nascondisigned by Lollyvector SVGVerifica tu stessoGet the signed file280 paths~46k nodes500 groups5 images1227 KB

Condividere il tuo lavoro

Un design esce in uno di due modi: come link o come file. La finestra di dialogo Condividi offre entrambi. Aprila con Condividi nei controlli di esportazione; Condividi link su una sessione salvata in Progetti apre la stessa finestra per quella sessione.

Ogni input viene catturato nell'URL della pagina, quindi un link è il design. In cima alla finestra c'è il link pronto da copiare, con sotto due sezioni compresse.

Incolla il link a un collega, salvalo nei preferiti o mettilo in un commit. (Dettagli completi: Modalità URL.)

Alcuni strumenti fanno del link l'intero prodotto. Jump Page riunisce i tuoi link in un'unica pagina da distribuire - un link bio, un intervento a una conferenza, una vetrina. Non c'è niente da ospitare e nessun account dietro: la pagina è il link, quindi si apre tanto velocemente quanto l'URL viaggia. Nell'editor vedi la pagina finita accanto ai campi; chi apre il link la riceve a tutta larghezza, una scena per link man mano che scorre.

Jump Page nell'editor - il titolo, tre scene di link ciascuna con la propria tinta, e un piè di pagina Made with Lolly, disposti come un'unica pagina sulla telasigned by Lollyvector SVGVerifica tu stessoGet the signed file12 paths~2.4k nodes28 groups30 KBJump Page nell'editor - il titolo, tre scene di link ciascuna con la propria tinta, e un piè di pagina Made with Lolly, disposti come un'unica pagina sulla telasigned by Lollyvector SVGVerifica tu stessoGet the signed file12 paths~2.4k nodes28 groups30 KB

La finestra di dialogo dice cosa un link non può portare con sé. Tre cose non stanno in un URL: un'immagine o un file che hai aggiunto da questo dispositivo, un valore di testo molto lungo o un elenco molto grande. Ognuna viene conteggiata mentre il link viene costruito. Se qualcosa è dovuto restare fuori, la finestra lo dice e ti indirizza al file qui sotto, invece di consegnarti un link che si apre senza l'immagine. Un link semplicemente lungo riceve una nota più leggera con il suo conteggio di caratteri, dato che la compressione può ancora salvare la lunghezza.

Il file .lolly

Scarica .lolly, nella finestra di dialogo Condividi dello strumento in cui stai lavorando, scrive lo stesso design come file. Porta con sé la sessione salvata insieme alle immagini e ai file che hai aggiunto dal tuo dispositivo. Anche le opere del catalogo a cui il design attinge viaggiano dentro, così il file si apre completo su una macchina che non ha mai visto il tuo brand. Dove il tuo dispositivo ha un menu di condivisione, Invia a… passa quel file direttamente a esso (AirDrop, una condivisione Android) invece di salvarlo su disco.

Un .lolly è un normale zip. Rinominalo .zip e aprilo: le tue immagini sono sotto assets/uploads/ e le opere del catalogo sotto assets/catalog/, ciascuna con il suo nome e la sua estensione reali, manifest.json le elenca tutte e un README in cima dice cos'è il file.

Tre cose spetta a te deciderle prima che parta:

Aprirne uno. Trascina un .lolly sull'app: gli asset vanno nella tua libreria, la sessione va in Progetti e lo strumento si apre su di essa. Niente di tuo viene sovrascritto: la sessione arriva come un nuovo slot salvato, mentre un asset già presente su questo dispositivo viene riconosciuto tramite checksum e riutilizzato anziché duplicato. Ogni parte viene verificata rispetto ai checksum propri del file all'importazione, così una copia danneggiata durante il trasferimento viene rifiutata anziché importata a metà.

Se il file porta uno strumento che non hai, Lolly chiede prima che quello strumento possa girare: Ti fidi di questo strumento? ne indica il nome e l'autore e dice chiaramente che aprirlo esegue il codice dello strumento sul tuo dispositivo, con Fidati e installa come via per procedere. Rifiuta e il lavoro condiviso viene comunque salvato nei tuoi progetti, in attesa del giorno in cui aggiungerai lo strumento. (Un tipo di strumento non si può ancora caricare da fuori - quello il cui codice arriva come modulo - e viene respinto allo stesso modo.)

Un link e un file consegnano entrambi un'istantanea. Per lavorare sulla stessa sessione nello stesso momento insieme a qualcun altro - due dispositivi, nessun server, nessuna connessione a internet se siete sulla stessa rete - vedi Lavorare insieme.

Camera dal vivo (strumenti reattivi al movimento)

Ogni Filtro foto - Halftone, Scanline, Posterize, Voronoi cells, Colour treatment, Pixel stretch e Imperfections - mostra un pulsante Vai in diretta dove è disponibile una fotocamera. Attivalo e l'effetto segue la tua webcam fotogramma per fotogramma, così reagisce al movimento; puoi registrare il risultato in GIF, WebM o MP4. I fotogrammi vengono letti ed elaborati sul tuo dispositivo e non lo lasciano mai, e la fotocamera viene rilasciata nel momento in cui fermi o lasci lo strumento. (Anche qualsiasi selettore di immagini ha Scatta una foto per catturare un singolo fotogramma come immagine sul dispositivo.)

Le mie immagini

Quando uno strumento ti permette di aggiungere un'immagine dal tuo dispositivo, questa viene conservata esattamente come è arrivata - così una Content Credential che porta con sé si verifica ancora - e salvata nella tua libreria personale Le mie immagini (sotto Profilo → Archiviazione). Solo un file davvero enorme chiede se tenerlo o ridimensionarlo. Riutilizzala in qualsiasi strumento. Per ripulire EXIF/GPS mentre le immagini entrano, attiva Rimuovi i metadati dai file caricati nel tuo profilo. Non c'è un tetto: la libreria è interamente locale ed è limitata solo dallo spazio del tuo dispositivo - gestisci o elimina le immagini da lì.

Il Catalogo - la tua libreria di asset

Il Catalogo (#/c, oppure il segmento Catalogo dello switch Progetti · Strumenti · Utility · Catalogo in cima a ogni vista di elenco) raccoglie tutto ciò a cui i tuoi strumenti possono attingere - loghi di brand, immagini, audio e animazioni, raggruppati per tipo - ed è anche dove vivono i tuoi file creativi. Nessun server, nessuna console di amministrazione, nessuna pull request: è tutto sul tuo dispositivo.

Il Catalogo - asset di brand, campioni e font, più i tuoi caricamentisigned by Lollyvector SVGVerifica tu stessoGet the signed file456 paths~43k nodes707 groups1022 KBIl Catalogo - asset di brand, campioni e font, più i tuoi caricamentisigned by Lollyvector SVGVerifica tu stessoGet the signed file456 paths~43k nodes707 groups1022 KB

Porta la tua palette e i tuoi font ovunque

Il pannello Campioni del Catalogo fa più che mostrare - fai clic su un colore per copiarlo, oppure scarica l'intera palette del brand nel formato che parla il tuo altro strumento:

Il pannello Swatches - i cinque pulsanti di download della palette in alto, poi ogni colore del brand come chip copiabilesigned by Lollyvector SVGVerifica tu stessoGet the signed file196 paths~22k nodes282 groups302 KBIl pannello Swatches - i cinque pulsanti di download della palette in alto, poi ogni colore del brand come chip copiabilesigned by Lollyvector SVGVerifica tu stessoGet the signed file196 paths~22k nodes282 groups302 KB

Il pannello Font elenca i caratteri del tuo brand con un download accanto a ciascuno, per installarli localmente o consegnarli a una tipografia. (La stanza Colori del Brand Studio offre lo stesso download della palette.)

Gli asset sono una metà del percorso aperto e fai-da-te; l'altra è creare i tuoi strumenti - il canvas libero (Design, descritto sopra) ti permette di costruirne uno visivamente, senza scrivere codice.

Suoni e accessibilità

Lolly punta a essere comodo da usare per tutti. L'interfaccia è navigabile da tastiera, i controlli personalizzati hanno etichette appropriate per gli screen reader e l'anteprima dal vivo di ogni strumento è esposta come una singola immagine etichettata che descrive cosa sta creando.

Un delicato strato di suoni assistivi conferma quello che fai - l'arrivo nella galleria, una verifica delle Content Credentials valida o non valida, la chiusura di un pannello, il cambio di un filtro. È disattivato per impostazione predefinita: attiva Suono ovunque compaia l'interruttore (il popover delle opzioni di ogni vista, oppure Profilo), e la scelta viene ricordata.

Quattro impostazioni di comfort facoltative stanno sotto Profilo → Accessibilità: Riduci il movimento (elimina le transizioni e i fronzoli dell'app), Nascondi le anteprime colorate (card della galleria pacate, con sole icone e testo, e miniature dei progetti più tranquille), Contrasto elevato (bordi, testo e anelli di focus più marcati) e Testo grande (caratteri dell'app più grandi - etichette, menu, testo dei pulsanti). Tutte e quattro calmano l'app attorno al tuo lavoro: non entrano mai nel canvas di uno strumento e non cambiano un pixel di ciò che esporti, e ciascuna è disattivata finché non la attivi tu. Dettagli completi in Il tuo profilo → Accessibilità.

Accanto all'interruttore Suono c'è la Modalità Neurospicy - una traccia di sottofondo opzionale e rilassante per la concentrazione, che suona piano mentre lavori. Attivarla apre un piccolo dock del player nell'angolo in basso che ti segue in tutta l'app; da lì puoi cercare e scegliere una traccia, saltare avanti e indietro, regolare il volume e ridurre a icona o chiudere il player. L'elenco delle tracce copre alcune categorie - brani procedurali Lolly Sings, loop e beat ambientali, i tuoi audio caricati e una manciata di stazioni radio internet dal vivo (queste richiedono una connessione; tutto il resto suona offline). È disattivata per impostazione predefinita e, come il Suono, viene ricordata tra sessioni e dispositivi. Disattivare il Suono silenzia anche la traccia di concentrazione.

Archiviazione e privacy

Tutto viene memorizzato nel database locale del tuo browser (IndexedDB): il tuo profilo, le sessioni salvate, le immagini caricate e una cache dei contenuti del catalogo scaricati. Profilo → Archiviazione mostra l'utilizzo e ti permette di:

La card dello spazio di archiviazione su uno schermo largo come un telefono: ogni categoria di dati sul dispositivo nominata, con il pulsante Clear all my data in fondosigned by Lollyvector SVGVerifica tu stessoGet the signed file14 paths~2.0k nodes39 groups28 KBLa card dello spazio di archiviazione su uno schermo largo come un telefono: ogni categoria di dati sul dispositivo nominata, con il pulsante Clear all my data in fondosigned by Lollyvector SVGVerifica tu stessoGet the signed file14 paths~2.0k nodes39 groups29 KB

Nessuno di questi dati locali viene trasmesso da nessuna parte - nessuna telemetria, nessun rendering nel cloud. L'elenco completo di ciò che l'app scarica o invia si trova nell'Informativa sulla privacy, e Superficie server inventaria i componenti server facoltativi.

Passare a un altro dispositivo

Poiché tutto vive sul tuo dispositivo, Profilo → Archiviazione → Passa a un altro dispositivo ti permette di portare tutto su una seconda installazione - senza account, senza cloud:

La cache del catalogo non è inclusa - si riscarica da sola sul nuovo dispositivo. Il pacchetto è uno zip semplice (manifest.json + profile.json + sessions.json + assets.json + assets/blobs/… + prefs.json, id di formato lolly-backup), quindi sopravvive intatto a email, USB o AirDrop ed è lo stesso formato che ogni shell legge. Ogni parte ha un checksum, così un file danneggiato durante il trasferimento viene rilevato all'importazione invece di essere ripristinato a metà. (Specifica completa del formato: Trasferimento dati.)

Importare un design (Figma, Penpot, Illustrator, InDesign)

Puoi portare un design esistente in Lolly e continuare a lavorarci: apri Design, fai clic su Importa un design nella barra degli strumenti del canvas e scegli un .fig o SVG di Figma, un .penpot di Penpot, un .ai / .pdf di Illustrator o un .idml di InDesign. I livelli diventano riquadri modificabili sul canvas libero - il testo resta riscrivibile, le immagini finiscono in Le mie immagini e la tipografia e i colori si conformano alle variabili globali di brand - poi il risultato si salva, si condivide e si renderizza come qualsiasi altra sessione. L'analisi avviene interamente sul tuo dispositivo. Dettagli completi: Importare un design.

Esportare

Consulta Esportazione e formati per la storia completa - scegliere un formato, la dimensione di output e le unità di stampa, la trasparenza, il video e copia/condivisione. In breve: scegli un formato, imposta la dimensione se ti serve e Scarica (oppure Copia negli appunti).

Modalità Batch (Pro)

Per gli utenti avanzati, Batch (collegato dalla galleria, protetto dietro il feature flag Pro, attivo per impostazione predefinita) renderizza molte varianti insieme - una griglia dove ogni riga è un insieme di input, esportati tutti insieme. Ideale per localizzare una card in una dozzina di lingue o generare ogni variante di dimensione in un solo passaggio. Compila le righe digitando, incollando direttamente da un foglio di calcolo o importando un CSV (puoi anche esportarne uno), e imposta formato, dimensione e nome del file di output per ogni riga. Salva un'intera griglia come sessione batch con nome che si riapre dalla galleria, e scarica ogni riga come un unico .zip.

La barra degli strumenti Batch - nome dello zip, unità, DPI e il formato che ogni riga eredita, con Sessioni e Rendi a destrasigned by Lollyvector SVGVerifica tu stessoGet the signed file31 paths~1.9k nodes50 groups4 images34 KBLa barra degli strumenti Batch - nome dello zip, unità, DPI e il formato che ogni riga eredita, con Sessioni e Rendi a destrasigned by Lollyvector SVGVerifica tu stessoGet the signed file31 paths~1.9k nodes50 groups4 images34 KB

Batch serve per generare molte varianti di un template in una volta sola. Per rirenderizzare sessioni che hai già salvato, usa Progetti → Renderizza cartella / Renderizza selezione (più sopra) - non serve Pro.

Modificare affiancato (Multi-edit)

Batch sono molte varianti di un solo design. Multi-Edit è l'altra metà del lavoro: più design salvati diversi aperti contemporaneamente, così una modifica si applica a tutti loro. Seleziona tra due e otto sessioni salvate in Progetti e scegli Modifica insieme dalla barra di selezione; si aprono come card dal vivo affiancate su #/multi?s=<slot>,<slot>…. Ogni card è un render reale di quella sessione, non una miniatura salvata, quindi ciò che vedi è ciò che verrà esportato.

Un'unica barra laterale guida il tutto:

Fai clic su un canvas qualsiasi (o premi Invio su di esso) e la card di quella sessione nella barra laterale si apre e scorre fino a essere visibile. Salva tutto riscrive ogni sessione nel proprio slot. Scarica tutto salva prima, poi renderizza l'intero gruppo attraverso la stessa pipeline di Renderizza selezione di Progetti - un solo zip, con il blocco con password facoltativo offerto lungo la strada.

Due limiti dichiarati apertamente. Il tetto da due a otto è reale: ogni card monta il proprio runtime dal vivo, e quello è il numero che resta reattivo - un link che ne chiede di più (o che chiede una sessione che non esiste più) lo dice invece di caricarsi a metà. E il link nomina i tuoi slot salvati, quindi riapre quel gruppo su questo dispositivo; non è un link di condivisione.

Quando la selezione è più grande di otto, mescola strumenti o comprende immagini oltre alle sessioni, la via di fuga è Modifica come foglio nella stessa barra di selezione: apre l'intera selezione come righe nella griglia batch (#/pro?s=…), senza limiti di dimensione e senza la regola dello stesso strumento. Le cartelle restano fuori da entrambe - hanno un proprio percorso di apertura nella griglia. (Ricerca è l'unica cosa che qui ancora non arriva: Multi-edit è l'unica vista che la barra di ricerca non conosce.)

Offline e installazione

Lolly è una PWA. Dopo il primo caricamento funziona offline - installala dalla barra degli indirizzi del tuo browser (o Aggiungi alla schermata Home su mobile) per un'esperienza a schermo intero, simile a un'app. Si aggiorna da sola quando torni online.

Sugli aggiornamenti: se una vista non si carica subito dopo un aggiornamento (un pannello vuoto, un "failed to fetch" nell'angolo), ricarica la pagina una volta - l'app recupera la nuova versione senza problemi e il tuo lavoro, le sessioni e il marchio restano intatti. Salva tutto sul tuo dispositivo, non nella pagina.