Använda Lolly

En praktisk guide till att faktiskt använda appen - att öppna ett verktyg, arbeta med arbetsytan, exportera, spara och dela. Allt här körs på din enhet: inget konto, ingen uppladdning, ingen internetuppkoppling krävs efter den första inläsningen.

Ny här? Snabbstart får dig att skapa på några minuter, och Lolly för operatörer beskriver hur du installerar/driftsätter appen; den här sidan handlar om att använda den när den väl är öppen.

Öppna ett verktyg

Startskärmen är galleriet - alla verktyg, grupperade efter kategori. Klicka på ett kort för att öppna verktyget; om du har arbetat med det tidigare återupptar en Fortsätt-knapp din senaste session. Använd sökrutan för att filtrera efter namn.

Varje verktyg är en delad vy: kontroller på ena sidan, en live förhandsvisning (arbetsytan) på den andra. Ändra en kontroll så uppdateras förhandsvisningen omedelbart.

Några verktyg (som Layout Studio) öppnas istället som en fri arbetsyta - en kromfri yta för direktmanipulation där du drar, ändrar storlek på, roterar och snäpper fast rutor med text, former och bilder, och dubbelklickar för att redigera text direkt på plats. Den exporteras via samma renderingsväg som alla andra verktyg, så arbetsytan är filen. Se Den fria arbetsytan nedan.

Arbetsytan (förhandsvisning)

Förhandsvisningen visar alltid exakt det som kommer att exporteras.

Dator

• Zoom: Cmd/Ctrl-scroll, eller nyp ihop på en styrplatta - zoomningen centreras kring pekaren.
• Panorera: håll ned blanksteg och dra, eller dra med mittenmusknappen. (Vanliga klick är fortfarande fria för att klicka på delar av designen.)
• Tangentbord: 0 = anpassa till fönster · 1 = 100 % · + / − = zoom.
• Zoom-HUD: den lilla kontrollen − NN% + Fit i hörnet. Klicka på procentsatsen för att växla mellan Anpassa och 100 %.

Pekskärm

• Nyp ihop för att zooma, dra för att panorera, dubbeltryck för att återställa till anpassad vy.

Klicka för att hoppa till en kontroll: klicka på valfritt element i designen så får motsvarande inmatningsfält i sidopanelen fokus och rullas fram i vyn - för en upprepande radgrupp fälls exakt den rad du klickade på ut, så att redigera det du ser bara är ett tryck bort.

En ändring av måtten återställer alltid vyn till en ren anpassning.

Den fria arbetsytan (Layout Studio)

Verktyg med fri arbetsyta lägger till en arbetsyta runt ritytan, som en formgivares arbetsbord:

• Mellanlagring utanför ytan. Dra en ruta förbi ramens kant så förblir den helt synlig och valbar - parkera element vid sidan medan du arrangerar kompositionen och dra sedan tillbaka dem. Allt utanför ramen är lätt nedtonat så att exportområdet alltid går att uppfatta med en blick, och ramen behåller sin skugga för att markera exakt var filen börjar.
• Bara ramen exporteras. Den exporterade filen begränsas av ritytan - allt som lämnas utanför (eller den del av en ruta som hänger över kanten) beskärs helt enkelt bort ur resultatet, i både raster- och vektorformat.
• Zooma ut förbi Anpassa (ner till 20 %) för att se hela arbetsbordet när du har placerat saker långt utanför ramen.
• Ritytan kan ändra storlek. Att ändra exportmåtten ändrar storlek på ramen på plats; rutorna behåller sina positioner, så du kan omrama en layout kring befintligt innehåll.

På en telefon

På smala skärmar flödar layouten om till en kolumn:

• Kontrollerna blir ett ark högst upp med ett draghandtag på nederkanten. Dra i handtaget för att ändra storlek - det snäpper till skymt / halv / full - eller tryck på handtaget för att växla mellan hopfällt och expanderat. Förhandsvisningen fyller utrymmet nedanför och förblir synlig medan du redigerar.
• En flytande Rendera-knapp öppnar arket Export - alla kontroller för format, storlek, kopiering, sparande och nedladdning på ett ställe. Stäng det genom att trycka på bakgrunden.

Kontroller (inmatningar)

Verktyg exponerar bara de inmatningar som är avsedda att varieras - allt annat (färger, layout, typografi, logik) är låst av verktygets upphovsperson, så det du gör uppfyller de regler som upphovspersonen har satt. Inmatningarna omfattar text, reglage, färgväljare, rullgardinsmenyer, datum, bildväljare och upprepande radgrupper. Vissa är grupperade under hopfällbara avsnitt.

Återställ: Rensa ändringar återställer varje inmatning till dess standardvärde.

Dina uppgifter och profilbild

Profil (uppe till höger i galleriet) innehåller ditt namn, dina kontaktuppgifter och en valfri profilbild. Verktyg som efterfrågar dessa fält fyller i dem automatiskt - ange dem en gång så fylls din e-postsignatur, lockups och märken i av sig själva. Du kan fortfarande skriva över valfritt fält per session. Kryssa i Använd mina uppgifter så att ett verktyg får läsa dem.

Din profilbild och dina uppgifter finns bara på den här enheten. En profil kan vara mer än bara du - ett team eller en roll du kliver in i då och då. Se Profiler för hela bilden, inklusive hur du behåller fler än en.

Spara och fortsätta

Klicka på Spara för att lagra de aktuella inmatningarna som en session för det verktyget. Du kan behålla flera namngivna sessioner per verktyg; varje verktygs Fortsätt-knapp öppnar din senaste igen, och historikknappen (uppe till höger, bredvid din profil) listar varje sparad session i alla verktyg. Sessioner är enhetslokala. För att organisera dem, öppna Projekt (nedan).

Projekt

Projekt - öppna det från fliken Projekt bredvid Verktyg, eller från Profil → Lagring → Organisera i Projekt - är ett hem för allt du har sparat, och det fungerar som en filhanterare:

• Mappar som kan nästlas. Gruppera sparade sessioner i mappar, och mappar inuti mappar, så djupt du vill. Skapa en mapp, byt namn på den, eller dra en ruta till en annan mapp för att flytta den; en brödsmulsstig leder dig tillbaka upp. En alltid närvarande mapp, Ej kategoriserat, innehåller allt som ännu inte har arkiverats.
• Arkivera nytt arbete direkt. Inuti en mapp öppnar + Nytt verktyg ett verktyg och arkiverar dess första sparning i den mappen automatiskt.
• Flerval (dator). Kryssa i en rutas kryssruta, dra en markeringsruta över tom yta, eller Shift/Cmd-klicka; högerklicka på en ruta för dess snabbmeny. Agera sedan på hela markeringen på en gång.
• Rendera en hel mapp eller markering. Rendera mapp exporterar varje sparad session i en mapp - inklusive dess undermappar - som en enda nästlad .zip. Rendera markering gör samma sak för valfri flermarkering, och en enskild session renderas direkt till sin egen fil. Ingen Batch- eller Pro-funktion behövs.
• Dela en sparad session. Högerklicka på en session → Dela länk för att kopiera en länk som öppnar den igen med exakt samma inmatningar (hela dialogrutan Dela - se nedan).

Dela en länk

Varje inmatning fångas i sidans URL, så en länk är designen. Använd Dela i exportkontrollerna - eller Dela länk på en sparad session i Projekt - för att öppna dialogrutan Dela: en länk redo att kopieras plus växlingsknappar för att kryptera länken och vad som händer när den öppnas (helskärm, exportpanelen expanderad, nedladdning-vid-öppning med &export, eller kopiering-till-urklipp med &copy).

En stor design skulle ge en lång URL, så dialogrutan erbjuder också en kortaste länk som packar hela tillståndet i en kompakt token - den läsbara formen finns alltid kvar också. Klistra in den till en kollega, bokmärk den, eller checka in den. (Fullständiga detaljer: URL-läge.)

Bilder du har laddat upp från din enhet ingår inte i en delad länk - de finns bara på din maskin.

Live-kamera (rörelsereaktiva verktyg)

Fotofiltren - Halvton, Skanlinje, Posterisera, Duoton - visar en knapp Gå live där en kamera finns tillgänglig. Slå på den så följer effekten din webbkamera bildruta för bildruta, så att den reagerar på rörelse; du kan spela in resultatet som GIF, WebM eller MP4. Bildrutor läses och bearbetas på din enhet och lämnar den aldrig, och kameran släpps så fort du stoppar eller lämnar verktyget. (Varje bildväljare har också Ta ett foto för att fånga en enstaka bildruta som en bild på enheten.)

Mina bilder

När ett verktyg låter dig lägga till en bild från din enhet skalas den ned, rensas från EXIF/GPS och sparas i ditt personliga bibliotek Mina bilder (under Profil → Lagring). Återanvänd den i vilket verktyg som helst. Biblioteket har ett tak och är helt lokalt - hantera eller ta bort bilder där.

Katalogen - ditt tillgångsbibliotek

Katalogen (#/c, eller länken Katalog i menyn) samlar allt dina verktyg kan använda - varumärkeslogotyper, bilder, ljud och rörelse, grupperade efter typ - och det är också här dina egna kreativa filer bor. Ingen server, ingen adminkonsol, ingen pull request: allt finns på din enhet.

• Ta in dina filer. Dra valfri bild, SVG, ljudklipp, video, Lottie eller PDF till uppladdningsytan - eller klicka för att välja - så hamnar den i din katalog direkt, redo i varje verktygs tillgångsväljare. Mata in så mycket du vill; det lämnar aldrig din enhet.
• Favoritmarkera det du använder ofta. ★ en tillgång (eller en varumärkesfärg) så fästs den överst i varje väljare, så att din självklara logotyp eller färg är ett klick bort.
• Städa upp. Kategorisera om en tillgång till en annan grupp, dölj en delad varumärkestillgång du inte använder (med Visa dolda för att ta tillbaka den), eller radera dina egna uppladdningar helt.

Ta med din palett och dina typsnitt vart som helst

Katalogens panel Färgprover är inte bara till för referens - klicka på en färg för att kopiera den, eller ladda ner hela varumärkespaletten i det format ditt andra verktyg talar:

• Designtokens (JSON), CSS-variabler eller CSS-klasser - släpp in varumärket direkt i en stilmall eller ett bygge;
• Adobe Swatch Exchange (.ase) - läs in det i Illustrator eller Photoshop;
• GIMP-palett (.gpl) - för GIMP eller Inkscape.

Panelen Typsnitt listar dina varumärkessnitt med en nedladdning bredvid varje, för att installera lokalt eller lämna till ett tryckeri. (Brand Studios flik Färger erbjuder samma palettnedladdning.)

Tillgångar är den ena halvan av den öppna gör-det-själv-vägen; den andra är att skapa dina egna verktyg - den fria arbetsytan (Layout Studio, beskriven ovan) låter dig bygga ett visuellt, utan kod.

Ljud och tillgänglighet

Lolly strävar efter att vara bekvämt att använda för alla. Gränssnittet är tangentbordsnavigerbart, anpassade kontroller har korrekta etiketter för skärmläsare, och varje verktygs live-förhandsvisning exponeras som en enda märkt bild som beskriver vad den skapar.

Ett skönsamt lager av hjälpljud bekräftar det du gör - att komma in i galleriet, en giltig kontra ogiltig Content Credentials-kontroll, att stänga en panel, att byta filter. Det är påslaget som standard men alltid valfritt: slå av Ljud var som helst reglaget visas (varje vys alternativpopover, eller Profil), och valet kommer ihåg.

Bredvid det reglaget finns Neurospicy Mode - ett valfritt, lugnande fokusspår i bakgrunden som spelas tyst medan du arbetar. När du slår på det öppnas en liten spelardocka i det nedre hörnet som följer med dig genom appen; därifrån kan du söka efter och välja ett spår, hoppa framåt och bakåt, ställa in volymen samt minimera eller stänga den. Spårlistan omfattar några kategorier - procedurella Lolly Sings-låtar, ambienta loopar och beats, ditt eget uppladdade ljud, och en handfull direktsända radiostationer från internet (dessa kräver en anslutning; allt annat spelas offline). Det är avstängt som standard och, precis som Ljud, kommer det ihåg mellan sessioner och enheter. Att stänga av Ljud tystar även fokusspåret.

Lagring och integritet

Allt lagras i webbläsarens lokala databas (IndexedDB): din profil, sparade sessioner, uppladdade bilder och en cache av nedladdat katalog­innehåll. Profil → Lagring visar användning och låter dig:

• Rensa cache - släng nedladdat katalog­innehåll (synkas igen vid nästa inläsning).
• Rensa all min data - radera profil, sessioner och bilder. Kan inte ångras.

Ingenting skickas någonstans. Ingen telemetri, ingen molnrendering.

Flytta till en annan enhet

Eftersom allt finns på din enhet låter Profil → Lagring → Flytta till en annan enhet dig ta med allt till en andra installation - inget konto, inget moln:

• Exportera min data laddar ner en enda LollyTools-<First>-<Last>-<YYYY-MM-DD>-<n>.zip (namndelarna kommer från din profil och utelämnas om de inte är angivna; <n> är en räknare per dag så att exporter samma dag inte krockar) som innehåller din profil, varje sparad session (med dess miniatyrbild), dina uppladdade bilder och dina inställningar (tema, sidopanelens bredd, lokal aktivitetsstatistik).
• Importera data… på den andra installationen läser in den filen igen. Det sammanfogas: allt med samma namn (din profil, en sessionsplats, en bild) ersätts av den importerade kopian; allt annat på den enheten behålls. Sparade sessioner länkas automatiskt om till dina importerade bilder.

Katalog­cachen ingår inte - den laddas ner igen av sig själv på den nya enheten. Paketet är en vanlig zip (manifest.json + profile.json + sessions.json + assets.json + assets/blobs/… + prefs.json, formatid lolly-backup), så det överlever e-post, USB eller AirDrop intakt och är samma format som varje skal läser. Varje del är checksummerad, så en fil som skadats under överföring upptäcks vid import istället för att återställas halvtrasig. (Fullständig formatspecifikation: Dataöverföring.)

Importera en design (Figma, Penpot, Illustrator, InDesign)

Du kan ta in en befintlig design i Lolly och fortsätta arbeta med den: öppna Layout Studio, klicka på Importera en design i arbetsytans verktygsfält, och välj en Figma .fig eller SVG, en Penpot .penpot, en Illustrator .ai / .pdf, eller en InDesign .idml. Lager blir redigerbara rutor på den fria arbetsytan - text förblir omskrivningsbar, bilder hamnar i Mina bilder, och typsnitt och färger anpassar sig till varumärkets globala inställningar - sedan sparas, delas och renderas resultatet som vilken annan session som helst. Tolkningen sker helt och hållet på din enhet. Fullständiga detaljer: Importera en design.

Exportera

Se Export och format för hela historien - att välja ett format, utdatastorlek och tryckenheter, transparens, video och kopiera/dela. Kort sagt: välj ett format, ställ in storleken om du behöver, och Ladda ner (eller Kopiera till urklipp).

Batch-läge (Pro)

För avancerade användare renderar Batch (länkad från galleriet, spärrad bakom Pro-funktionsflaggan, som är påslagen som standard) många varianter på en gång - ett rutnät där varje rad är en uppsättning inmatningar, exporterade tillsammans. Perfekt för att lokalisera ett kort till ett dussin språk eller generera varje storleksvariant i en enda omgång. Fyll i rader genom att skriva, klistra in direkt från ett kalkylblad, eller importera en CSV-fil (du kan även exportera en tillbaka), och ställ in format, storlek och utdatafilnamn per rad. Spara ett helt rutnät som en namngiven batch-session som öppnas igen från galleriet, och ladda ner varje rad som en enda .zip.

Batch är till för att generera många varianter av en mall på en gång. För att rendera om sessioner du redan har sparat, använd Projekt → Rendera mapp / Rendera markering (ovan) - ingen Pro-funktion behövs.

Offline och installation

Lolly är en PWA. Efter den första inläsningen fungerar den offline - installera den från webbläsarens adressfält (eller Lägg till på hemskärmen på mobilen) för en app-liknande, helskärmsupplevelse. Den uppdaterar sig själv när du är uppkopplad igen.