Lolly gebruiken

Een praktische gids voor het daadwerkelijk gebruiken van de app - een tool openen, werken met het canvas, exporteren, opslaan en delen. Alles hier draait op je eigen apparaat: geen account, geen upload, geen internet nodig na de eerste keer laden.

Nieuw hier? Snelstart helpt je binnen enkele minuten iets te maken, en Lolly voor operators behandelt het installeren/implementeren van de app; deze pagina gaat over het bedienen ervan zodra hij eenmaal open staat.

Een tool openen

Het startscherm is de galerij - elke tool, gegroepeerd per categorie. Klik op een kaart om de tool te openen; als je er eerder aan hebt gewerkt, hervat een Doorgaan-knop je meest recente sessie. Gebruik het zoekvak om op naam te filteren.

Elke tool is een gesplitste weergave: bedieningselementen aan de ene kant, een live voorvertoning (het canvas) aan de andere. Verander een instelling en de voorvertoning wordt direct bijgewerkt.

Een paar tools (zoals Layout Studio) openen in plaats daarvan als een vrij canvas - een chromeloos oppervlak voor directe manipulatie waarop je vakken met tekst, vormen en afbeeldingen sleept, van grootte verandert, roteert en laat vastklikken, en waar je dubbelklikt om tekst ter plekke te bewerken. Het exporteert via hetzelfde renderpad als elke andere tool, dus het canvas is het bestand. Zie Het vrije canvas hieronder.

Het canvas (voorvertoning)

De voorvertoning toont altijd precies wat er geëxporteerd wordt.

Desktop

• Zoomen: Cmd/Ctrl-scroll, of knijpen op een trackpad - zoomen centreert op je cursor.
• Pannen: houd Spatie ingedrukt en sleep, of sleep met de middelste muisknop. (Gewone klikken blijven vrij voor het klikken op onderdelen van het ontwerp.)
• Toetsenbord: 0 = passend in venster · 1 = 100% · + / − = zoomen.
• Zoom-HUD: het kleine − NN% + Fit bedieningselement in de hoek. Klik op het percentage om te wisselen tussen Fit ↔ 100%.

Touch

• Knijp om te zoomen, sleep om te pannen, dubbeltik om terug te zetten naar passend.

Klik om naar een bedieningselement te springen: klik op een willekeurig element in het ontwerp en het bijbehorende invoerveld in de zijbalk krijgt focus en scrollt in beeld - bij een herhalende rijgroep wordt precies de rij waarop je klikte opengevouwen, zodat het bewerken van wat je ziet één tik verwijderd is.

Een wijziging van de afmetingen zet de weergave altijd terug naar een nette passende weergave.

Het vrije canvas (Layout Studio)

Tools met een vrij canvas voegen een werkoppervlak toe rondom het tekenvlak, zoals het plakbord van een ontwerper:

• Opslag buiten het canvas. Sleep een vak voorbij de rand van het kader en het blijft volledig zichtbaar en selecteerbaar - parkeer elementen aan de zijkant terwijl je de compositie samenstelt, en sleep ze later weer naar binnen. Alles buiten het kader wordt licht vervaagd, zodat het exportgebied altijd in één oogopslag duidelijk is, en het kader behoudt zijn schaduw om precies aan te geven waar het bestand begint.
• Alleen het kader wordt geëxporteerd. Het geëxporteerde bestand wordt begrensd door het tekenvlak - alles wat daarbuiten blijft (of het deel van een vak dat over de rand hangt) wordt eenvoudigweg uit de uitvoer weggesneden, zowel in raster- als vectorformaten.
• Zoom verder uit dan Fit (tot 20%) om het hele plakbord te zien wanneer je dingen ver buiten het kader hebt geplaatst.
• Verstelbaar tekenvlak. Het wijzigen van de exportafmetingen verandert de grootte van het kader ter plekke; vakken behouden hun positie, zodat je een layout opnieuw kunt kaderen rond bestaande inhoud.

Op een telefoon

Op smalle schermen vloeit de layout om naar één kolom:

• De bedieningselementen worden een sheet bovenaan met een sleepgreep aan de onderrand. Sleep de greep om de grootte aan te passen - hij klikt vast op kijkje / half / volledig - of tik op de greep om te wisselen tussen ingeklapt ↔ uitgeklapt. De voorvertoning vult de ruimte eronder en blijft zichtbaar terwijl je bewerkt.
• Een zwevende Renderen-knop opent de Exporteren-sheet - alle bedieningselementen voor formaat, grootte, kopiëren, opslaan en downloaden op één plek. Sluit hem door op de achtergrond te tikken.

Bedieningselementen (invoervelden)

Tools tonen alleen de invoervelden die bedoeld zijn om te variëren - al het andere (kleuren, layout, typografie, logica) ligt vast door de maker van de tool, zodat alles wat je maakt voldoet aan de regels die de maker heeft gesteld. Invoervelden zijn onder meer tekst, schuifregelaars, kleurkiezers, dropdowns, datums, afbeeldingkiezers en herhalende rijgroepen. Sommige zijn gegroepeerd onder inklapbare secties.

Reset: Wijzigingen wissen zet elk invoerveld terug naar de standaardwaarde.

Jouw gegevens & pasfoto

Profiel (rechtsboven in de galerij) bevat je naam, contactgegevens en een optionele pasfoto. Tools die om die velden vragen, vullen ze automatisch vooraf in - stel ze eenmalig in en je e-mailhandtekening, lockups en badges vullen zichzelf in. Je kunt elk veld per sessie nog altijd overschrijven. Schakel Gebruik mijn gegevens in zodat een tool ze mag lezen.

Je pasfoto en gegevens staan alleen op dit apparaat. Een profiel kan meer zijn dan alleen jij - een team of een rol die je af en toe op je neemt. Zie Profielen voor het volledige verhaal, inclusief het bijhouden van meer dan één.

Opslaan & doorgaan

Klik op Opslaan om de huidige invoer op te slaan als sessie voor die tool. Je kunt meerdere benoemde sessies per tool bewaren; de Doorgaan-knop van elke tool heropent je meest recente, en de geschiedenisknop (rechtsboven, naast je profiel) toont elke opgeslagen sessie van alle tools. Sessies zijn apparaatgebonden. Om ze te organiseren open je Projecten (hieronder).

Projecten

Projecten - open het via het tabblad Projecten naast Tools, of via Profiel → Opslag → Organiseren in Projecten - is een thuisbasis voor alles wat je hebt opgeslagen, en het werkt als een bestandsbeheerder:

• Geneste mappen. Groepeer opgeslagen sessies in mappen, en mappen in mappen, zo diep als je wilt. Maak een map aan, hernoem hem, of sleep een tegel op een andere map om die te verplaatsen; een broodkruimelpad brengt je weer terug omhoog. Een altijd aanwezige map Ongecategoriseerd bevat alles wat nog niet is opgeborgen.
• Nieuw werk direct opbergen. Binnen een map opent + Nieuwe tool een tool en bergt de eerste opslag automatisch in die map op.
• Meervoudige selectie (desktop). Vink het selectievakje van een tegel aan, sleep een selectiekader over leeg canvas, of gebruik Shift/Cmd-klik; rechtsklik op een tegel voor het contextmenu. Voer daarna een actie uit op de hele selectie tegelijk.
• Render een hele map of selectie. Map renderen exporteert elke opgeslagen sessie in een map - inclusief submappen - als één geneste .zip. Selectie renderen doet hetzelfde voor elke meervoudige selectie, en een enkele sessie rendert rechtstreeks naar zijn eigen bestand. Geen Batch/Pro nodig.
• Deel een opgeslagen sessie. Rechtsklik op een sessie → Link delen om een link te kopiëren die deze heropent met exact dezelfde invoer (de volledige Deel-dialoog - zie hieronder).

Een link delen

Elke invoer wordt vastgelegd in de pagina-URL, dus een link is het ontwerp. Gebruik Delen in de exportbediening - of Link delen bij een opgeslagen sessie in Projecten - om de Deel-dialoog te openen: een direct te kopiëren link plus schakelaars voor het versleutelen van de link en wat er gebeurt wanneer hij geopend wordt (volledig scherm, het exportpaneel uitgeklapt, downloaden-bij-openen met &export, of kopiëren-naar-klembord met &copy).

Een groot ontwerp zou een lange URL opleveren, dus biedt de dialoog ook een Kortste link die de volledige status samenpakt in een compact token - de leesbare vorm is ook altijd beschikbaar. Plak hem naar een collega, bookmark hem, of commit hem. (Volledige details: URL-modus.)

Afbeeldingen die je vanaf je apparaat hebt geüpload, zijn niet opgenomen in een gedeelde link - ze bestaan alleen op jouw machine.

Live camera (bewegingsgevoelige tools)

De foto-filters - Halftone, Scanline, Posterize, Duotone - tonen een Live gaan-knop waar een camera beschikbaar is. Zet hem aan en het effect volgt je webcam beeld voor beeld, zodat het reageert op beweging; je kunt het resultaat opnemen naar GIF, WebM of MP4. Beelden worden op je apparaat gelezen en verwerkt en verlaten het nooit, en de camera wordt losgelaten zodra je stopt of de tool verlaat. (Elke afbeeldingkiezer heeft ook Maak een foto om één beeld vast te leggen als afbeelding op het apparaat.)

Mijn afbeeldingen

Wanneer een tool je een afbeelding vanaf je apparaat laat toevoegen, wordt deze verkleind, ontdaan van EXIF/GPS-gegevens, en opgeslagen in je persoonlijke bibliotheek Mijn afbeeldingen (onder Profiel → Opslag). Hergebruik hem in elke tool. De bibliotheek heeft een maximum en is volledig lokaal - beheer of verwijder afbeeldingen daar.

De Catalogus - je assetbibliotheek

De Catalogus (#/c, of de link Catalogus in het menu) verzamelt alles waar je tools uit kunnen putten - merklogo's, afbeeldingen, audio en beweging, gegroepeerd per soort - en het is ook waar je eigen creatieve bestanden leven. Geen server, geen adminconsole, geen pull request: alles staat op je apparaat.

• Breng je bestanden binnen. Sleep een willekeurige afbeelding, SVG, audiofragment, video, Lottie of PDF naar het uploadgebied - of klik om te kiezen - en het belandt direct in je catalogus, klaar voor gebruik in de assetkiezer van elke tool. Haal binnen zoveel je wilt; het verlaat je apparaat nooit.
• Markeer als favoriet wat je vaak gebruikt. Geef een asset (of een merkstaal) een ★ en het wordt bovenaan elke kiezer vastgezet, zodat je vaste logo of kleur één klik verwijderd is.
• Ruim op. Hercategoriseer een asset naar een andere groep, verberg een gedeeld merkasset dat je niet gebruikt (met Verborgen tonen om het terug te halen), of verwijder je eigen uploads definitief.

Neem je palet en lettertypen overal mee naartoe

Het Stalen-paneel van de Catalogus is niet alleen ter referentie - klik op een kleur om hem te kopiëren, of download het volledige merkpalet in het formaat dat je andere tool spreekt:

• Design tokens (JSON), CSS-variabelen of CSS-classes - zet het merk rechtstreeks in een stylesheet of een build;
• Adobe Swatch Exchange (.ase) - laad het in Illustrator of Photoshop;
• GIMP-palet (.gpl) - voor GIMP of Inkscape.

Het Lettertypen-paneel toont je merklettertypen met een download naast elk, om lokaal te installeren of aan een drukkerij te geven. (Het tabblad Kleuren van de Brand Studio biedt dezelfde paletdownload.)

Assets zijn de ene helft van het open, doe-het-zelf-pad; de andere is je eigen tools maken - het vrije canvas (Layout Studio, hierboven beschreven) laat je er visueel een bouwen, zonder code.

Geluid & toegankelijkheid

Lolly streeft ernaar voor iedereen prettig te gebruiken te zijn. De interface is met het toetsenbord te navigeren, aangepaste bedieningselementen hebben correcte labels voor schermlezers, en de live voorvertoning van elke tool wordt weergegeven als één gelabelde afbeelding die beschrijft wat er wordt gemaakt.

Een subtiele laag ondersteunende geluiden bevestigt wat je doet - aankomen in de galerij, een geldige versus ongeldige Content Credentials-controle, een paneel sluiten, een filter wisselen. Het staat standaard aan, maar is altijd optioneel: zet Geluid uit waar de schakelaar ook verschijnt (het optiepaneel van elke weergave, of Profiel), en de keuze wordt onthouden.

Naast die schakelaar staat Neurospicy-modus - een optionele, rustgevende achtergrond-focustrack die zachtjes speelt terwijl je werkt. Als je hem aanzet, opent er een klein spelerdock in de onderhoek dat je door de hele app volgt; van daaruit kun je een track zoeken en kiezen, vooruit- en terugspringen, het volume instellen, en hem minimaliseren of sluiten. De tracklijst omvat een paar categorieën - procedurele Lolly Sings-deuntjes, ambient loops en beats, je eigen geüploade audio, en een handjevol live internet-radiostations (deze hebben een verbinding nodig; al het andere speelt offline). Hij staat standaard uit en wordt, net als Geluid, onthouden tussen sessies en apparaten. Geluid uitzetten dempt ook de focustrack.

Opslag & privacy

Alles wordt opgeslagen in de lokale database van je browser (IndexedDB): je profiel, opgeslagen sessies, geüploade afbeeldingen en een cache van gedownloade catalogusinhoud. Profiel → Opslag toont het gebruik en biedt je de mogelijkheid om:

• Cache wissen - verwijder gedownloade catalogusinhoud (wordt bij de volgende keer laden opnieuw gesynchroniseerd).
• Al mijn gegevens wissen - verwijder profiel, sessies en afbeeldingen volledig. Kan niet ongedaan worden gemaakt.

Er wordt niets ergens naartoe verzonden. Geen telemetrie, geen cloud-rendering.

Overstappen naar een ander apparaat

Omdat alles op je apparaat leeft, kun je via Profiel → Opslag → Overstappen naar een ander apparaat alles meenemen naar een tweede installatie - geen account, geen cloud:

• Mijn gegevens exporteren downloadt één LollyTools-<First>-<Last>-<YYYY-MM-DD>-<n>.zip (de naamdelen komen uit je profiel en worden weggelaten als ze niet zijn ingesteld; <n> is een teller per dag zodat exports op dezelfde dag niet botsen) met daarin je profiel, elke opgeslagen sessie (met bijbehorende miniatuur), je geüploade afbeeldingen en je voorkeuren (thema, breedte van de zijbalk, lokale activiteitsstatistieken).
• Gegevens importeren… op de andere installatie leest dat bestand weer in. Dit voegt samen: alles met dezelfde naam (je profiel, een sessieslot, een afbeelding) wordt vervangen door de geïmporteerde versie; al het andere op dat apparaat blijft behouden. Opgeslagen sessies worden automatisch opnieuw gekoppeld aan je geïmporteerde afbeeldingen.

De catalogus-cache is niet inbegrepen - die wordt op het nieuwe apparaat opnieuw gedownload. Het pakket is een gewone zip (manifest.json + profile.json + sessions.json + assets.json + assets/blobs/… + prefs.json, format-id lolly-backup), zodat het intact blijft na e-mail, USB of AirDrop en overal hetzelfde formaat is dat elke shell inleest. Elk onderdeel heeft een checksum, zodat een bestand dat onderweg beschadigd raakt bij het importeren wordt opgemerkt in plaats van halfstuk te worden hersteld. (Volledige formaatspecificatie: Gegevensoverdracht.)

Een ontwerp importeren (Figma, Penpot, Illustrator, InDesign)

Je kunt een bestaand ontwerp in Lolly binnenhalen en ermee verder werken: open Layout Studio, klik op Een ontwerp importeren in de werkbalk van het canvas, en kies een Figma .fig of SVG, een Penpot .penpot, een Illustrator .ai / .pdf, of een InDesign .idml. Lagen worden bewerkbare vakken op het vrije canvas - tekst blijft herschrijfbaar, afbeeldingen komen terecht in Mijn afbeeldingen, en lettertype en kleuren volgen de merkinstellingen - waarna het resultaat wordt opgeslagen, gedeeld en gerenderd als elke andere sessie. Het parsen gebeurt volledig op je apparaat. Volledige details: Een ontwerp importeren.

Exporteren

Zie Exporteren & formaten voor het volledige verhaal - een formaat kiezen, uitvoergrootte en printeenheden, transparantie, video, en kopiëren/delen. Kort samengevat: kies een formaat, stel indien nodig de grootte in, en klik op Downloaden (of Kopiëren naar het klembord).

Batch-modus (Pro)

Voor gevorderde gebruikers rendert Batch (gelinkt vanuit de galerij, afgeschermd achter de Pro-functievlag, die standaard aan staat) veel varianten tegelijk - een raster waarin elke rij een set invoer is, samen geëxporteerd. Ideaal om een kaart in een tiental talen te lokaliseren of om elke formaatvariant in één keer te genereren. Vul rijen door te typen, rechtstreeks vanuit een spreadsheet te plakken, of een CSV te importeren (je kunt er ook weer een exporteren), en stel per rij het formaat, de grootte en de uitvoerbestandsnaam in. Sla een heel raster op als een benoemde batch-sessie die vanuit de galerij weer opent, en download elke rij als één .zip.

Batch is bedoeld om veel varianten van één template tegelijk te genereren. Om sessies die je al hebt opgeslagen opnieuw te renderen, gebruik je Projecten → Map renderen / Selectie renderen (hierboven) - geen Pro nodig.

Offline & installeren

Lolly is een PWA. Na de eerste keer laden werkt hij offline - installeer hem vanuit de adresbalk van je browser (of Toevoegen aan beginscherm op mobiel) voor een app-achtige, volledig schermvullende ervaring. Hij werkt zichzelf bij zodra je weer online bent.