Utiliser Lolly

Un guide pratique pour utiliser concrètement l'application - ouvrir un outil, travailler le canevas, exporter, enregistrer et partager. Tout ici s'exécute sur ton appareil : pas de compte, aucun envoi, aucune connexion nécessaire après le premier chargement.

Nouveau ici ? Le Démarrage rapide te fait créer en quelques minutes, et Lolly pour les opérateurs couvre l'installation et le déploiement de l'application ; cette page, elle, explique comment la piloter une fois ouverte.

Ouvrir un outil

L'écran d'accueil est la galerie - tous les outils, regroupés par catégorie. Clique sur une carte pour ouvrir l'outil ; si tu y as déjà travaillé, un bouton Continuer reprend ta session la plus récente. Utilise la zone de recherche pour filtrer par nom - ou lance une Recherche depuis la barre au pied des six écrans de liste (la galerie, les Utilitaires, Projets, le Catalogue, le Tableau de bord et Profil), qui atteint ton travail enregistré, le catalogue et tes réglages en plus des outils. Dans un outil, la barre s'efface au profit de l'habillage propre à l'outil.

La galerie d'outils - chaque outil sous forme de carte, regroupés par catégoriesigned by Lollyvector SVGVérifie par toi-mêmeGet the signed file281 paths~38k nodes443 groups6 images2 269 KBLa galerie d'outils - chaque outil sous forme de carte, regroupés par catégoriesigned by Lollyvector SVGVérifie par toi-mêmeGet the signed file281 paths~38k nodes443 groups6 images2 265 KBTry it in the app

Chaque outil se présente en vue divisée : les contrôles d'un côté, un aperçu en direct (le canevas) de l'autre. Modifie n'importe quel contrôle et l'aperçu se met à jour instantanément.

La vue divisée d'un outil - la pile de contrôles à gauche, et le graphique en barres groupées en direct qu'elle dessine à droitesigned by Lollyvector SVGVérifie par toi-mêmeGet the signed file23 paths372 nodes11 groups21 KBLa vue divisée d'un outil - la pile de contrôles à gauche, et le graphique en barres groupées en direct qu'elle dessine à droitesigned by Lollyvector SVGVérifie par toi-mêmeGet the signed file23 paths372 nodes11 groups21 KB

Quelques outils (comme Design) s'ouvrent plutôt en canevas libre - une surface de manipulation directe, sans habillage, où tu fais glisser, redimensionnes, fais pivoter et alignes des boîtes de texte, de formes et d'images, et où tu double-cliques pour modifier le texte sur place. Il s'exporte par le même chemin de rendu que tout autre outil, donc le canevas est le fichier. Voir Le canevas libre ci-dessous.

Deux façons de façonner la grille elle-même pour qu'elle devienne la tienne :

La fin de la grille Outils avec les outils masqués révélés : la carte estompée du générateur de QR Code, et à côté la tuile grise qui l'a ramenée dans la vue, qui affiche désormais Hide hidden toolssigned by Lollyvector SVGVérifie par toi-mêmeGet the signed file251 paths~29k nodes440 groups658 KBLa fin de la grille Outils avec les outils masqués révélés : la carte estompée du générateur de QR Code, et à côté la tuile grise qui l'a ramenée dans la vue, qui affiche désormais Hide hidden toolssigned by Lollyvector SVGVérifie par toi-mêmeGet the signed file247 paths~29k nodes439 groups1 image729 KB

Ask Lolly

Quand tu préfères demander plutôt que chercher, Ask Lolly (#/ask) prend une question saisie et renvoie la section correspondante de cette documentation mot pour mot - les mots mêmes des guides, ni un résumé ni une génération - en citant la page d'où elle vient, avec un lien Ouvrir dans la doc à côté. Sous la réponse figurent les endroits de l'application auxquels la même question correspond : un outil, un réglage, un projet enregistré, chacun sous forme de bouton qui t'y emmène, tout simplement.

La transcription est une mémoire de session : pose une question de suivi et le fil se construit au fur et à mesure, puis recharge la page et il repart à zéro. Les résultats de recherche portent en bas une ligne *Ask Lolly : ta requête*** - sous les résultats concrets trouvés par les autres groupes - qui transmet la question directement, si bien que tu peux commencer dans la barre et finir ici.

Le canevas (aperçu)

L'aperçu montre toujours exactement ce qui sera exporté.

Ordinateur

Le HUD de zoom dans le coin du canevas - moins, le pourcentage en direct, plus, Fit, puis les interrupteurs de thème et de sonsigned by Lollyvector SVGVérifie par toi-mêmeGet the signed file5 paths199 nodes11 groups7 KBLe HUD de zoom dans le coin du canevas - moins, le pourcentage en direct, plus, Fit, puis les interrupteurs de thème et de sonsigned by Lollyvector SVGVérifie par toi-mêmeGet the signed file5 paths186 nodes11 groups7 KB

Tactile

Cliquer pour accéder à un contrôle : clique sur n'importe quel élément du design et le champ correspondant dans la barre latérale reçoit le focus et défile jusqu'à être visible - pour un groupe de lignes répétitives, cela déplie exactement la ligne sur laquelle tu as cliqué, si bien que modifier ce que tu vois n'est qu'à un tap.

Un changement de dimension ramène toujours la vue à un ajustement net.

Le canevas libre (Design)

Les outils en canevas libre ajoutent une surface de travail autour du plan de travail, comme le plan de collage d'un designer :

Design's free canvas - the artboard with its surrounding pasteboardsigned by LollyPNGVérifie par toi-mêmeGet the signed filepixels, not shapes543 KBDesign's free canvas - the artboard with its surrounding pasteboardsigned by LollyPNGVérifie par toi-mêmeGet the signed filepixels, not shapes490 KB

Retourner une sélection. Fais un clic droit sur une boîte et choisis Retourner horizontalement ou Retourner verticalement pour la mettre en miroir sur place, ou appuie sur Shift+H / Shift+V au clavier - Shift, car un simple V correspond à l'outil Pointeur. Chaque boîte sélectionnée se retourne selon son propre axe en une seule étape d'annulation, et le miroir est une vraie transformation, donc il tient dans le SVG, le PDF et le PNG exportés, pas seulement sur le canevas.

Dessiner tes propres formes (la plume)

Les boîtes, les cercles et les cadres arrondis couvrent la plupart des mises en page. Quand il te faut une forme absente de cette liste, dessine-la : le bouton Plume de la barre d'outils (ou la touche P) te met en mode dessin. Trois touches simples font passer d'un mode à l'autre - V pour revenir au Pointeur, P pour la Plume, N pour l'outil de nœuds (Modifier les points) - et le Pointeur est toujours la sortie, quel que soit le mode où tu es.

La barre d'outils du canevas libre : une poignée de déplacement, le menu Lolly, puis Pointeur, Ajouter une boîte, Plume, Modifier les points, Ligne, Chronologie, Plans de travail et Rangement automatiquesigned by Lollyvector SVGVérifie par toi-mêmeGet the signed file36 paths206 nodes31 groups22 KBLa barre d'outils du canevas libre : une poignée de déplacement, le menu Lolly, puis Pointeur, Ajouter une boîte, Plume, Modifier les points, Ligne, Chronologie, Plans de travail et Rangement automatiquesigned by Lollyvector SVGVérifie par toi-mêmeGet the signed file36 paths206 nodes31 groups22 KB

Le résultat est une boîte ordinaire sur le canevas. Déplace-la, redimensionne-la, fais-la pivoter, groupe-la, aligne-la, réempile-la, donne-lui un fond, un dégradé, une ombre ou une opacité - un tracé se comporte comme n'importe quelle autre boîte, et aucun de ces contrôles ne le traite différemment.

Il arrive déjà peint, en plus. Le premier tracé que tu dessines prend le fond et le trait que ta marque attribue à un tracé, puis chaque nouveau tracé reprend ce que tu as utilisé en dernier - règle un fond une fois et continue à dessiner, plutôt que de recolorer chaque forme. (Dans un outil dont la marque ne dit rien des tracés, un tracé dessiné porte le trait de la couleur avec laquelle tu l'as vu se dessiner, il n'est donc jamais invisible.)

Revenir modifier les points. Double-clique sur la forme (ou utilise Modifier les points dans la barre d'objet) et les points reviennent. Fais glisser un point pour le déplacer, une poignée pour la réorienter, clique n'importe où sur la courbe pour insérer un point, encadre un groupe de points au lasso rectangulaire et appuie sur Suppr pour retirer ceux qui sont sélectionnés. Un tracé garde toujours au moins deux points, tu ne peux donc pas le faire disparaître par accident.

Type de spline décide quelle sorte de courbe passe par tes points, et c'est le choix qui vaut la peine d'être compris :

TypeCe qu'il fait
Lisse (auto)Le choix par défaut. Il calcule lui-même la longueur des poignées, si bien qu'un simple clic-clic-clic donne une courbe vraiment lisse, sans bataille avec les poignées. Si tu règles une poignée, elle fixe la direction et la courbe garde la maîtrise de la longueur.
Poignées BézierLa plume classique. Les poignées sont les points de contrôle, et insérer un point ne déplace jamais la courbe.
À travers les pointsPasse exactement par chaque point posé, sans poignées.
B-splineLonge les points au lieu de passer par eux, pour une forme plus douce.
Lignes droitesUne polyligne.

Faire passer un tracé existant à un type qui calcule lui-même ses poignées demande d'abord confirmation, parce que les longueurs de poignées que tu as réglées ne peuvent pas être récupérées - passer aux Poignées Bézier est toujours sans perte. En cours de dessin, il n'y a pas de confirmation : le changement s'applique directement au brouillon, et les poignées que tu avais déjà tirées partent avec. Sur les types qui possèdent leurs poignées, insérer un point remodèle très légèrement la courbe ; avec les Poignées Bézier, non.

Chaque point porte aussi une règle de continuité, indiquée par sa forme sur le canevas - carré pour Angle (les poignées bougent indépendamment), rond pour Lisse (les poignées restent alignées), rond cerclé pour Symétrique (alignées et de même longueur). Applique-la aux points sélectionnés et la courbe s'y conforme aussitôt.

Deux tracés à la plume rendus directement depuis un lien : une courbe en S au trait et une tache fermée rempliesigned by Lollyvector SVGVérifie par toi-mêmeGet the signed file5 paths38 nodes7 groups5 KBDeux tracés à la plume rendus directement depuis un lien : une courbe en S au trait et une tache fermée rempliesigned by Lollyvector SVGVérifie par toi-mêmeGet the signed file5 paths38 nodes7 groups5 KB

Un tracé dessiné voyage dans le lien comme tout le reste, si bien qu'une forme que tu dessines se rouvre depuis un lien de partage et se rend à l'identique depuis la CLI. Rien en elle ne dépend de l'éditeur.

Combiner des formes (opérations sur les tracés)

Sélectionne deux formes ou plus, fais un clic droit sur le canevas (tape à deux doigts sur tactile) et le menu propose les opérations attendues d'une application de dessin :

Trois autres agissent sur une seule forme : Contourner le trait… transforme un trait en forme pleine de même silhouette (utile quand tu veux garder une épaisseur exactement telle que dessinée), Décaler le tracé… élargit la silhouette vers l'extérieur ou, avec un nombre négatif, la rétrécit vers l'intérieur et Simplifier reconstruit un tracé avec moins de segments à forme égale.

Un croissant et un anneau percé d'un vrai trou, tous deux produits par Soustrairesigned by Lollyvector SVGVérifie par toi-mêmeGet the signed file5 paths47 nodes7 groups5 KBUn croissant et un anneau percé d'un vrai trou, tous deux produits par Soustrairesigned by Lollyvector SVGVérifie par toi-mêmeGet the signed file5 paths47 nodes7 groups5 KB

Le résultat est un nouveau tracé que tu peux continuer à modifier à la plume. Les trous sont de vrais trous - un contrôle Règle de remplissage dans le panneau de trait décide si les contours qui se chevauchent se remplissent (non-zero) ou se percent (even-odd).

Deux choses que ces opérations ne font délibérément pas. Elles refusent au lieu de détruire : demande l'intersection de deux formes qui ne se chevauchent pas et on te répond qu'il n'y a rien à garder, et rien ne change. Et les boîtes de texte et d'image n'ont pas de silhouette exploitable, elles sont donc laissées telles quelles plutôt qu'approximées par leur cadre. Un résultat combiné est stocké en simples courbes de Bézier, ce que fait aussi une application de dessin - le type de spline d'origine ne survit pas à l'opération.

Chronologie (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 SVGVérifie par toi-mêmeGet 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 SVGVérifie par toi-mêmeGet the signed file104 paths~7.2k nodes157 groups2 images97 KB

Sequence Studio ajoute le temps au canevas libre. Chaque boîte peut démarrer à un instant donné, durer un certain temps et s'animer à l'entrée comme à la sortie, et c'est dans la chronologie ancrée sous le plan de travail que tu les organises. Ouvre-le et une séquence tourne déjà - un carton-titre, un clip, un carton de fin, un bandeau de bas d'écran et un fond musical - si bien que le modèle est visible avant même que tu changes quoi que ce soit.

La timeline de Sequence Studio : le transport, la règle, une piste de superposition, la rangée de séquence magnétique avec ses clips et ses puces de jointure, et la bande Always onsigned by Lollyvector SVGVérifie par toi-mêmeGet the signed file73 paths~5.4k nodes115 groups80 KBLa timeline de Sequence Studio : le transport, la règle, une piste de superposition, la rangée de séquence magnétique avec ses clips et ses puces de jointure, et la bande Always onsigned by Lollyvector SVGVérifie par toi-mêmeGet the signed file73 paths~5.4k nodes115 groups80 KB

Il y a deux sortes de lignes, et la différence fait toute l'idée :

La scène d'édition : le plateau au premier plan, la barre d'outils à gauche et le HUD de zoom dans le coinsigned by Lollyvector SVGVérifie par toi-mêmeGet the signed file19 paths852 nodes30 groups20 KBLa scène d'édition : le plateau au premier plan, la barre d'outils à gauche et le HUD de zoom dans le coinsigned by Lollyvector SVGVérifie par toi-mêmeGet the signed file19 paths839 nodes30 groups20 KB

Ouvrir la chronologie lui donne le clavier : Espace et les flèches pilotent alors la tête de lecture plutôt que la page - et comme elle s'ouvre d'elle-même sur une composition déjà minutée, c'est vrai dès le chargement de Sequence Studio.

L'éditeur de séquence approfondit les quatre choses qui décident si le montage dans le temps reste prévisible : quel clip un clic sur le canevas modifie, les fantômes en pelure d'oignon des clips voisins, la portée du fractionnement et le Joindre qui défait une coupe et le rognage (raccourcis clavier compris). Appuie sur ? avec la chronologie au premier plan pour la fiche des raccourcis.

Le montage. Fais glisser le milieu d'un clip pour le déplacer ou le réordonner, glisse à quelques pixels de l'une ou l'autre extrémité pour le rogner et appuie sur Scinder à la tête de lecture (ou S) pour couper un clip en deux. Scinder demande un clip doté d'une Longueur réelle et la tête de lecture un peu à l'intérieur, si bien qu'un clip ouvert (le fond musical, par exemple) ne peut pas être scindé. Aligner sur les bords est actif par défaut et s'accroche aux bords des clips, à la tête de lecture et aux secondes entières, avec Alt pour passer outre. Chaque glissement est une seule étape d'annulation, et l'aperçu du glissement fait le même calcul que la validation, donc ce que tu vois en glissant est ce que tu obtiens.

Sélectionne un clip et l'inspecteur te donne les mêmes réglages en nombres : Longueur, Rogner le début (à quel point du média source il commence), Vitesse sous forme de multiplicateurs fixes de ×0,25 à ×4, Animer l'entrée / Animer la sortie avec leurs durées et Couper le son du clip. Un clip sur la ligne magnétique n'a volontairement pas de champ Début - c'est la ligne qui possède l'ordre, alors tu le déplaces en le faisant glisser.

Les transitions sont des préréglages, pas des images clés : Fondu, Pop, Agrandir, Montée, Dépose, les quatre Glissements, Zoomer et Dézoomer, Inclinaison, Envolée, Rotation, Dérive ou Coupe (sans animation). Les distances s'adaptent à l'objet, si bien que le même préréglage rend correctement sur un carton plein cadre comme sur un petit badge. Entre deux clips voisins de la ligne de séquence se trouve une pastille de raccord : clique dessus et choisis Coupe ou Fondu enchaîné, qui s'applique aussitôt et se referme. Rouvre la même pastille pour changer la Durée (ms) et appuie sur Terminé. Un fondu enchaîné est stocké comme une sortie en fondu de l'un et une entrée en fondu du suivant, et l'export en déduit le vrai fondu à partir de cette paire - c'est pourquoi un fondu enchaîné ressemble à deux fondus dans l'aperçu et à un vrai passage de relais dans le fichier.

Le son. Ajoute un clip Audio et il vit sur la chronologie comme n'importe quel autre clip : forme d'onde, rognage, coupure du son. (Le fond généré livré avec la session par défaut est la seule exception - il est synthétisé au moment de l'export, sa barre reste donc unie et muette jusqu'au rendu.) Appuie sur le micro pour enregistrer une voix off directement sur la chronologie, avec un décompte et un vumètre, et la prise est enregistrée comme ton propre asset à l'endroit où tu as commencé. Appuie sur la caméra à côté pour enregistrer une vidéo de la même manière : la prise est rognée à la taille d'export du plan de travail pendant l'enregistrement, si bien que le petit aperçu de toi montre exactement ce qui arrive dans la séquence à la tête de lecture, plein cadre - la façon de récupérer le clip d'un collègue depuis un lien partagé. La musique, les dialogues et la bande-son propre à un clip arrivent tous dans le mixage exporté. (La piste audio du panneau d'export est autre chose : un seul fond posé sous tout le clip, avec fondu et atténuation. Les deux coexistent.)

Le rendu. Un export animé est un composite déterministe, pas un enregistrement d'écran - chaque image est décodée, dessinée et encodée à un instant exact, si bien que le fichier ne dépend pas de la capacité de ta machine à suivre, et il n'y a pas de plafond d'images pratique en MP4 ou WebM. La longueur de la chronologie fixe la durée, sauf si tu en saisis une. Les Content Credentials sont apposés comme sur n'importe quel autre export. Un export d'image fixe te donne l'image à la tête de lecture, ou une planche-contact entière depuis le champ Images à côté de la taille de sortie - voir Export.

Quelques limites à garder en tête : une séquence est plafonnée à une heure, le GIF et le PNG animé mettent leurs images en mémoire tampon et restent donc courts, le son est muet sur un clip dont la vitesse n'est pas ×1 (il n'y a pas encore d'étirement temporel) et Enregistrer en direct est masqué ici parce que le compositeur est la meilleure voie.

Au-delà des préréglages : images clés, profondeur et une caméra. Une transition anime un clip à son arrivée et à son départ. Pour poser une boîte à l'intérieur d'un clip - la faire dériver, la faire apparaître ou disparaître en fondu, la flouter, la soulever de la page et la reposer - ajoute des images clés : sélectionne le clip, appuie sur +Image clé (le losange dans le groupe d'outils de la timeline, le losange sur la barre d'objet du canevas, ou K), et la position de la tête de lecture décide quelle pose ta prochaine modification écrit. Le même système d'images clés donne à chaque composition minutée une caméra qui s'approche, panote et fait le point, et transforme un SVG plat en une pile de calques entre lesquels tu peux voler. Animer est le guide complet.

L'outil Design a la même chronologie, tu peux donc minuter une mise en page sans changer d'outil, et il exporte aussi de l'animation.

Présenter

The inspector's Document section: Voice, Blend with, Speed, Lead-in, Tail and Show captions when presentingsigned by Lollyvector SVGVérifie par toi-mêmeGet 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 SVGVérifie par toi-mêmeGet the signed file29 paths~4.4k nodes56 groups2 images57 KB

Un document Design fait de plans de travail est déjà un diaporama. Ouvre le menu Lolly de la barre d'outils et choisis Présenter - la dernière ligne - et chaque plan de travail devient une diapositive plein écran, dans l'ordre où les plans de travail sont posés sur le canevas. Le diaporama tourne sur une copie des plans de travail rendus, si bien que l'éditeur en dessous n'est jamais touché et que le quitter te ramène exactement là où tu étais.

Le diaporama est aussi un lien. ?present l'ouvre directement, s= désigne la diapositive - une position, un id de plan de travail ou id.step pour une étape de révélation - et l'adresse se met à jour à mesure que tu avances, si bien que ce que tu envoies est la diapositive où tu es. Auteurs d'outils : ces paramètres sont documentés sur la page Mode URL.

Sur téléphone

Sur les écrans étroits, la mise en page se réorganise en une seule colonne :

Un outil sur un écran de largeur téléphone - les contrôles en feuille en haut, la palette générée qui remplit l'aperçu en dessous et la pastille de rendu flottant en bas au centresigned by Lollyvector SVGVérifie par toi-mêmeGet the signed file61 paths~2.9k nodes128 groups2 images72 KBUn outil sur un écran de largeur téléphone - les contrôles en feuille en haut, la palette générée qui remplit l'aperçu en dessous et la pastille de rendu flottant en bas au centresigned by Lollyvector SVGVérifie par toi-mêmeGet the signed file61 paths~2.9k nodes128 groups2 images72 KB

Contrôles (champs)

Les outils n'exposent que les champs destinés à varier - tout le reste (couleurs, mise en page, typographie, logique) est verrouillé par l'auteur de l'outil, si bien que ce que tu produis respecte les règles qu'il a fixées. Les champs incluent du texte, des curseurs, des sélecteurs de couleur, des menus déroulants, des dates, des sélecteurs d'images et des groupes de lignes répétitives. Certains sont regroupés dans des sections repliables.

La pile de contrôles d'un outil - un champ de texte, des déclencheurs de couleur et un curseur, rien de plus, tout le reste ayant été verrouillé par l'auteursigned by Lollyvector SVGVérifie par toi-mêmeGet the signed file19 paths~2.1k nodes45 groups1 image31 KBLa pile de contrôles d'un outil - un champ de texte, des déclencheurs de couleur et un curseur, rien de plus, tout le reste ayant été verrouillé par l'auteursigned by Lollyvector SVGVérifie par toi-mêmeGet the signed file19 paths~2.1k nodes45 groups1 image31 KB

Réinitialiser : Effacer les modifications remet chaque champ à sa valeur par défaut.

Annuler et rétablir

Cmd/Ctrl-Z revient en arrière et Cmd/Ctrl-Maj-Z (ou Cmd/Ctrl-Y) repart en avant. La même paire se retrouve en boutons Annuler et Rétablir dans la rangée au-dessus des contrôles - sur le canevas libre, ils sont plutôt sur la barre d'outils - et chacun se grise tant qu'il n'y a plus rien à reprendre. Chaque étape dit ce qu'elle était : annule une couleur et un petit message nomme le champ qu'il vient de restaurer, avec un bouton Rétablir dedans pour repartir en avant.

Dans une collaboration en direct, l'historique reste uniquement le tien. Une modification arrivant depuis l'autre appareil n'atterrit jamais sur ta pile, donc annuler ne peut jamais reprendre que quelque chose que tu as fait toi-même.

Tes informations et ta photo

Profil (en haut à droite de la galerie) contient ton nom, tes coordonnées et une photo facultative. Les outils qui demandent ces champs les pré-remplissent automatiquement - règle-les une fois et ta signature e-mail, tes lockups et tes badges se remplissent tout seuls. Tu peux toujours modifier n'importe quel champ pour une session donnée. Active Utiliser mes informations pour créer pour que tes informations accompagnent ce que tu exportes, en tant qu'auteur.

Ta photo et tes informations résident uniquement sur cet appareil. Un profil peut représenter plus que toi seul - une équipe ou un rôle que tu endosses de temps en temps. Consulte Profils pour la vue d'ensemble, y compris comment en garder plusieurs.

Enregistrer et reprendre

Clique sur Enregistrer pour stocker les champs actuels comme session pour cet outil. Tu peux garder plusieurs sessions nommées par outil ; le bouton Continuer de chaque outil rouvre ta session la plus récente, et le bouton historique (en haut à droite, à côté de ton profil) liste toutes les sessions enregistrées, tous outils confondus. Les sessions sont locales à l'appareil. Pour les organiser, ouvre Projets (ci-dessous).

La pastille de rendu en deux moitiés - une flèche vers le haut qui ouvre le panneau d'export et une coche qui enregistre la session sur placesigned by Lollyvector SVGVérifie par toi-mêmeGet the signed file2 paths240 nodes10 groups7 KBLa pastille de rendu en deux moitiés - une flèche vers le haut qui ouvre le panneau d'export et une coche qui enregistre la session sur placesigned by Lollyvector SVGVérifie par toi-mêmeGet the signed file2 paths240 nodes10 groups7 KB

Projets

Projets - ouvre-le depuis l'onglet Projets à côté de Outils, ou depuis Profil → Stockage → Organiser dans Projets - est un espace pour tout ce que tu as enregistré, et fonctionne comme un gestionnaire de fichiers :

Projets - des sessions enregistrées organisées en dossiers imbriquablessigned by Lollyvector SVGVérifie par toi-mêmeGet the signed file79 paths~7.7k nodes104 groups179 KBProjets - des sessions enregistrées organisées en dossiers imbriquablessigned by Lollyvector SVGVérifie par toi-mêmeGet the signed file79 paths~7.7k nodes104 groups180 KB

Le popover Afficher et trier ouvert dans Projets, avec une ligne de thème, un choix d'affichage Aperçu ou Liste et Nom, Date d'ajout et Dernière modification sous Triersigned by Lollyvector SVGVérifie par toi-mêmeGet the signed file11 paths~1.3k nodes21 groups19 KBLe popover Afficher et trier ouvert dans Projets, avec une ligne de thème, un choix d'affichage Aperçu ou Liste et Nom, Date d'ajout et Dernière modification sous Triersigned by Lollyvector SVGVérifie par toi-mêmeGet the signed file11 paths~1.3k nodes21 groups19 KB

Ce que propose la barre de sélection varie un peu selon la vue, car toutes les actions n'ont pas de sens partout :

Un piège de libellé : Voir les sessions n'existe qu'une fois quelque chose sélectionné. Un clic droit sur une seule carte non sélectionnée propose plutôt N sessions enregistrées, qui ouvre la boîte de dialogue d'historique de cet outil au lieu d'aller dans Projets.

Deux cartes d'outils cochées dans la galerie Outils, avec la barre de sélection flottante affichant 2 sélectionnés et proposant Disponible hors ligne, Voir les sessions, Favori et Masquersigned by Lollyvector SVGVérifie par toi-mêmeGet the signed file278 paths~46k nodes495 groups4 images1 183 KBDeux cartes d'outils cochées dans la galerie Outils, avec la barre de sélection flottante affichant 2 sélectionnés et proposant Disponible hors ligne, Voir les sessions, Favori et Masquersigned by Lollyvector SVGVérifie par toi-mêmeGet the signed file280 paths~46k nodes500 groups5 images1 227 KB

Partager ton travail

Un design sort de deux façons : en lien ou en fichier. La boîte de dialogue de partage propose les deux. Ouvre-la avec Partager dans les contrôles d'export ; Partager le lien sur une session enregistrée dans Projets ouvre la même boîte de dialogue pour cette session.

Le lien

Chaque champ est capturé dans l'URL de la page, donc un lien est le design. En haut de la boîte de dialogue se trouve le lien prêt à copier, avec deux sections repliées en dessous.

Colle le lien à un collègue, mets-le en favori ou commite-le. (Tous les détails : Mode URL.)

Certains outils font du lien le produit tout entier. Jump Page rassemble tes liens sur une seule page à distribuer - un lien bio, une conférence, une vitrine. Il n'y a rien à héberger et aucun compte derrière : la page est le lien, donc elle s'ouvre aussi vite que l'URL voyage. Dans l'éditeur, tu vois la page finie à côté des champs ; qui ouvre le lien la reçoit en pleine largeur, une scène par lien au fil du défilement.

Jump Page dans l'éditeur - le titre, trois scènes de liens ayant chacune sa propre teinte, et un pied de page Made with Lolly, disposés comme une seule page sur le canevassigned by Lollyvector SVGVérifie par toi-mêmeGet the signed file12 paths~2.4k nodes28 groups30 KBJump Page dans l'éditeur - le titre, trois scènes de liens ayant chacune sa propre teinte, et un pied de page Made with Lolly, disposés comme une seule page sur le canevassigned by Lollyvector SVGVérifie par toi-mêmeGet the signed file12 paths~2.4k nodes28 groups30 KB

La boîte de dialogue dit ce qu'un lien ne peut pas transporter. Trois choses n'entrent pas dans une URL : une image ou un fichier ajouté depuis cet appareil, une valeur de texte très longue ou une liste très grande. Chacune est comptée à mesure que le lien se construit. Si quelque chose a dû être abandonné, la boîte de dialogue le nomme et te renvoie au fichier ci-dessous, au lieu de te remettre un lien qui s'ouvre sans l'image. Un lien seulement long reçoit une note plus douce avec son nombre de caractères, puisque la compression peut encore sauver la longueur.

Le fichier .lolly

Télécharger .lolly, dans la boîte de dialogue de partage de l'outil où tu travailles, écrit le même design sous forme de fichier. Il emporte la session enregistrée avec les images et les fichiers que tu as ajoutés depuis ton appareil. Les visuels du catalogue sur lesquels le design s'appuie voyagent aussi dedans, si bien que le fichier s'ouvre complet sur une machine qui n'a jamais vu ta marque. Là où ton appareil a une feuille de partage, Envoyer à… lui remet ce fichier directement (AirDrop, un partage Android) au lieu de l'enregistrer sur le disque.

Un .lolly est un zip ordinaire. Renomme-le .zip et ouvre-le : tes propres images sont sous assets/uploads/ et les visuels du catalogue sous assets/catalog/, chacun avec son vrai nom et son extension, manifest.json les liste tous et un README à la racine explique ce qu'est le fichier.

Trois choses te reviennent avant qu'il ne parte :

Ouvrir un fichier. Dépose un .lolly sur l'app : les assets vont dans ta bibliothèque, la session va dans Projets et l'outil s'ouvre dessus. Rien de ce qui est à toi n'est écrasé : la session arrive comme un nouvel emplacement enregistré, tandis qu'un asset déjà présent sur cet appareil est reconnu par somme de contrôle et réutilisé plutôt que dupliqué. Chaque partie est vérifiée par rapport aux propres sommes de contrôle du fichier à l'import, donc une copie endommagée en transit est refusée plutôt qu'à moitié importée.

Si le fichier apporte un outil que tu n'as pas, Lolly demande avant que cet outil puisse s'exécuter : Faire confiance à cet outil ? le nomme, nomme son auteur et dit clairement que l'ouvrir exécute le code de l'outil sur ton appareil, avec Faire confiance et installer comme voie de passage. Refuse et le travail partagé est quand même enregistré dans tes projets, où il attend le jour où tu ajouteras l'outil. (Un type d'outil ne peut pas encore être installé ainsi - celui dont le code arrive sous forme de module - et il est écarté de la même façon.)

Un lien comme un fichier remettent un instantané. Pour travailler sur la même session en même temps que quelqu'un d'autre - deux appareils, pas de serveur, pas besoin d'internet si vous êtes sur le même réseau - voir Travailler ensemble.

Caméra en direct (outils réactifs au mouvement)

Chaque filtre photo - Halftone, Scanline, Posterize, Voronoi cells, Colour treatment, Pixel stretch et Imperfections - affiche un bouton Passer en direct là où une caméra est disponible. Active-le et l'effet suit ta webcam image par image, il réagit donc au mouvement ; tu peux enregistrer le résultat en GIF, WebM ou MP4. Les images sont lues et traitées sur ton appareil et n'en sortent jamais, et la caméra est libérée dès que tu arrêtes ou quittes l'outil. (N'importe quel sélecteur d'image dispose aussi de Prendre une photo pour capturer une seule image directement sur l'appareil.)

Mes images

Quand un outil te permet d'ajouter une image depuis ton appareil, elle est conservée exactement telle qu'elle est arrivée - un Content Credential posé dessus se vérifie donc toujours - et enregistrée dans ta bibliothèque personnelle Mes images (sous Profil → Stockage). Seul un fichier vraiment énorme te demande s'il faut le garder tel quel ou le redimensionner. Réutilise-la dans n'importe quel outil. Pour effacer les données EXIF/GPS à l'arrivée des images, active Supprimer les métadonnées des imports dans ton profil. Il n'y a pas de plafond : la bibliothèque est entièrement locale et limitée seulement par le stockage de ton appareil - gère ou supprime les images à cet endroit.

Le Catalogue - ta bibliothèque de ressources

Le Catalogue (#/c, ou le segment Catalogue du sélecteur Projets · Outils · Utilitaires · Catalogue en haut de chaque vue de liste) rassemble tout ce sur quoi tes outils peuvent s'appuyer - logos de marque, images, audio et animations, regroupés par type - et c'est aussi là que vivent tes propres fichiers créatifs. Pas de serveur, pas de console d'administration, pas de pull request : tout est sur ton appareil.

Le Catalogue - assets de marque, nuances et polices, plus tes propres importssigned by Lollyvector SVGVérifie par toi-mêmeGet the signed file456 paths~43k nodes707 groups1 022 KBLe Catalogue - assets de marque, nuances et polices, plus tes propres importssigned by Lollyvector SVGVérifie par toi-mêmeGet the signed file456 paths~43k nodes707 groups1 022 KB

Emporte ta palette et tes polices partout

Le panneau Nuancier du Catalogue ne fait pas qu'afficher - clique sur une couleur pour la copier, ou télécharge toute la palette de marque dans le format que parle ton autre outil :

Le panneau Nuancier - les cinq boutons de téléchargement de palette en haut, puis chaque couleur de marque sous forme de pastille copiablesigned by Lollyvector SVGVérifie par toi-mêmeGet the signed file196 paths~22k nodes282 groups302 KBLe panneau Nuancier - les cinq boutons de téléchargement de palette en haut, puis chaque couleur de marque sous forme de pastille copiablesigned by Lollyvector SVGVérifie par toi-mêmeGet the signed file196 paths~22k nodes282 groups302 KB

Le panneau Polices liste tes fontes de marque avec un téléchargement à côté de chacune, pour les installer localement ou les remettre à un imprimeur. (La salle Couleurs du Brand Studio propose le même téléchargement de palette.)

Les ressources sont une moitié du chemin ouvert et « fais-le toi-même » ; l'autre, c'est créer tes propres outils - le canevas libre (Design, décrit ci-dessus) te permet d'en construire un visuellement, sans aucun code.

Son et accessibilité

Lolly vise à être confortable à utiliser pour tout le monde. L'interface est navigable au clavier, les contrôles personnalisés portent des libellés adaptés aux lecteurs d'écran et l'aperçu en direct de chaque outil est exposé comme une image unique et libellée décrivant ce qu'il produit.

Une couche discrète de sons d'assistance confirme tes actions - l'arrivée dans la galerie, une vérification Content Credentials valide ou invalide, la fermeture d'un panneau, le changement de filtre. C'est désactivé par défaut : active le son partout où l'interrupteur apparaît (le popover d'options de chaque vue, ou le Profil), et le choix est mémorisé.

Quatre réglages de confort optionnels vivent sous Profil → Accessibilité : Réduire les animations (supprime les transitions et fioritures de l'application), Masquer les aperçus colorés (cartes de galerie calmes, en icône et texte, et vignettes de projet plus sobres), Contraste élevé (bordures, textes et anneaux de focus plus marqués) et Grand texte (typographie d'application plus grande - libellés, menus, texte des boutons). Tous les quatre apaisent l'application autour de ton travail : ils n'entrent jamais dans le canevas d'un outil et ne changent pas un pixel de ce que tu exportes, et chacun est désactivé tant que tu ne l'actives pas. Détails complets dans Ton profil → Accessibilité.

À côté de l'interrupteur Son se trouve le Mode Neurospicy - une piste de fond apaisante et facultative, qui joue discrètement pendant que tu travailles. L'activer ouvre un petit dock de lecture dans le coin inférieur qui te suit dans toute l'application ; depuis là, tu peux rechercher et choisir une piste, avancer et reculer, régler le volume et le réduire ou le fermer. La liste de pistes couvre quelques catégories - des morceaux procéduraux Lolly Sings, des boucles et rythmes d'ambiance, tes propres fichiers audio importés et une poignée de stations de radio internet en direct (celles-ci nécessitent une connexion ; tout le reste se joue hors ligne). C'est désactivé par défaut et, comme le son, mémorisé d'une session et d'un appareil à l'autre. Désactiver le son coupe aussi la piste de concentration.

Stockage et confidentialité

Tout est stocké dans la base de données locale de ton navigateur (IndexedDB) : ton profil, tes sessions enregistrées, tes images importées et un cache du contenu de catalogue téléchargé. Profil → Stockage affiche l'utilisation et te permet de :

La carte de stockage sur un écran de largeur téléphone : chaque catégorie de données présentes sur l'appareil est nommée, avec le bouton Effacer toutes mes données en bassigned by Lollyvector SVGVérifie par toi-mêmeGet the signed file14 paths~2.0k nodes39 groups28 KBLa carte de stockage sur un écran de largeur téléphone : chaque catégorie de données présentes sur l'appareil est nommée, avec le bouton Effacer toutes mes données en bassigned by Lollyvector SVGVérifie par toi-mêmeGet the signed file14 paths~2.0k nodes39 groups29 KB

Aucune de ces données locales n'est transmise où que ce soit - pas de télémétrie, pas de rendu dans le cloud. La liste complète de ce que l'application récupère ou envoie se trouve dans la Politique de confidentialité, et Surface serveur recense les composants serveur facultatifs.

Passer à un autre appareil

Comme tout réside sur ton appareil, Profil → Stockage → Déplacer vers un autre appareil te permet de tout emporter vers une seconde installation - sans compte, sans cloud :

Le cache de catalogue n'est pas inclus - il se retélécharge tout seul sur le nouvel appareil. Le paquet est un simple zip (manifest.json + profile.json + sessions.json + assets.json + assets/blobs/… + prefs.json, identifiant de format lolly-backup), donc il survit intact à un e-mail, une clé USB ou un AirDrop, et c'est le même format que lit chaque shell. Chaque partie est vérifiée par somme de contrôle, donc un fichier endommagé en transit est détecté à l'import plutôt que restauré à moitié cassé. (Spécification complète du format : Transfert de données.)

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

Tu peux importer un design existant dans Lolly et continuer à y travailler : ouvre Design, clique sur Importer un design dans la barre d'outils du canevas et choisis un fichier Figma .fig ou SVG, un Penpot .penpot, un Illustrator .ai / .pdf ou un InDesign .idml. Les calques deviennent des boîtes modifiables sur le canevas libre - le texte reste re-saisissable, les images atterrissent dans Mes images et la typographie et les couleurs se conforment aux globales de marque - puis le résultat s'enregistre, se partage et se rend comme n'importe quelle autre session. L'analyse se fait entièrement sur ton appareil. Détails complets : Importer un design.

Exporter

Consulte Export et formats pour l'histoire complète - choisir un format, une taille de sortie et des unités d'impression, la transparence, la vidéo et la copie/le partage. En bref : choisis un format, règle la taille si besoin et Télécharge (ou Copie dans le presse-papiers).

Mode Batch (Pro)

Pour les utilisateurs avancés, Batch (accessible depuis la galerie, réservé au drapeau de fonctionnalité Pro, activé par défaut) rend de nombreuses variantes d'un coup - une grille où chaque ligne est un ensemble de champs, exportés ensemble. Idéal pour localiser une carte en une douzaine de langues ou générer toutes les variantes de taille en une seule passe. Remplis les lignes en tapant, en collant directement depuis un tableur ou en important un CSV (tu peux aussi en exporter un), et règle le format, la taille et le nom de fichier de sortie ligne par ligne. Enregistre toute une grille comme une session batch nommée qui se rouvre depuis la galerie, et télécharge chaque ligne dans un seul .zip.

La barre d'outils Batch - nom du zip, unités, DPI et le format hérité par chaque ligne, avec Sessions et Rendre à droitesigned by Lollyvector SVGVérifie par toi-mêmeGet the signed file31 paths~1.9k nodes50 groups4 images34 KBLa barre d'outils Batch - nom du zip, unités, DPI et le format hérité par chaque ligne, avec Sessions et Rendre à droitesigned by Lollyvector SVGVérifie par toi-mêmeGet the signed file31 paths~1.9k nodes50 groups4 images34 KB

Batch sert à générer de nombreuses variantes d'un même modèle d'un coup. Pour re-rendre des sessions que tu as déjà enregistrées, utilise Projets → Rendre le dossier / Rendre la sélection (ci-dessus) - pas besoin de Pro.

Modifier côte à côte (Multi-édition)

Batch, c'est plusieurs variantes d'un seul design. Multi-Edit est l'autre moitié du travail : plusieurs designs enregistrés différents ouverts en même temps, pour qu'une modification s'applique à tous. Coche entre deux et huit sessions enregistrées dans Projets et choisis Modifier ensemble dans la barre de sélection ; elles s'ouvrent en cartes live côte à côte à #/multi?s=<slot>,<slot>…. Chaque carte est un vrai rendu de cette session, pas une miniature stockée, donc ce que tu vois est ce qui sera exporté.

Une seule barre latérale pilote l'ensemble :

Clique sur un canevas (ou appuie sur Entrée dessus) et la carte de barre latérale de cette session s'ouvre et défile jusqu'à être visible. Tout enregistrer réécrit chaque session dans son propre emplacement. Tout télécharger enregistre d'abord, puis rend l'ensemble par la même chaîne que Rendre la sélection dans Projets - un seul zip, avec le verrou par mot de passe facultatif proposé au passage.

Deux limites assumées. Le plafond de deux à huit est réel : chaque carte monte son propre runtime en direct, et c'est le nombre qui reste réactif - un lien qui en demande plus (ou qui demande une session qui n'existe plus) le dit plutôt que de charger à moitié. Et le lien nomme tes emplacements enregistrés, il rouvre donc cet ensemble sur cet appareil ; ce n'est pas un lien de partage.

Quand la sélection dépasse huit éléments, mélange des outils ou contient des images en plus des sessions, la porte de sortie est Modifier en feuille dans la même barre de sélection : elle ouvre toute la sélection en lignes dans la grille de lot (#/pro?s=…), sans limite de taille ni règle du même outil. Les dossiers restent en dehors des deux - ils ont leur propre chemin d'ouverture en grille. (Recherche est la seule chose qui n'atteint pas encore cet endroit : la Multi-édition est la seule vue que la barre de recherche ne connaît pas.)

Hors ligne et installation

Lolly est une PWA. Après le premier chargement, elle fonctionne hors ligne - installe-la depuis la barre d'adresse de ton navigateur (ou Ajouter à l'écran d'accueil sur mobile) pour une expérience plein écran, comme une application. Elle se met à jour toute seule dès que tu es de nouveau en ligne.

À propos des mises à jour : si une vue ne charge pas juste après une mise à jour (un panneau vide, un « failed to fetch » dans un coin), recharge la page une fois - l'app récupère proprement la nouvelle version et ton travail, tes sessions et ta marque restent intacts. Elle stocke tout sur ton appareil, pas dans la page.