Korzystanie z Lolly

Praktyczny przewodnik po tym, jak faktycznie korzystać z aplikacji - otwierać narzędzie, pracować na kanwie, eksportować, zapisywać i udostępniać. Wszystko tutaj działa na twoim urządzeniu: bez konta, bez przesyłania, bez internetu po pierwszym wczytaniu.

Jesteś tu nowy? Pierwsze kroki opisują instalację/wdrożenie aplikacji; ta strona dotyczy obsługi już otwartej aplikacji.

Otwieranie narzędzia

Ekran główny to galeria - wszystkie narzędzia pogrupowane według kategorii. Kliknij kartę, aby otworzyć narzędzie; jeśli pracowałeś na nim wcześniej, przycisk Kontynuuj wznowi twoją ostatnią sesję. Użyj pola wyszukiwania, aby filtrować według nazwy.

Każde narzędzie to widok podzielony: elementy sterujące po jednej stronie, żywy podgląd (kanwa) po drugiej. Zmień dowolny element sterujący, a podgląd zaktualizuje się natychmiast.

Kilka narzędzi (jak Layout Studio) otwiera się zamiast tego jako wolna kanwa - powierzchnia bez ramek, z bezpośrednią manipulacją, na której przeciągasz, zmieniasz rozmiar, obracasz i przyciągasz bloki tekstu, kształtów i obrazów, a podwójne kliknięcie edytuje tekst w miejscu. Eksportuje przez tę samą ścieżkę renderowania co każde inne narzędzie, więc kanwa jest plikiem. Zobacz Wolna kanwa poniżej.

Kanwa (podgląd)

Podgląd zawsze pokazuje dokładnie to, co zostanie wyeksportowane.

Komputer

• Powiększanie: Cmd/Ctrl-przewijanie lub uszczypnięcie na gładziku - powiększanie centruje się na wskaźniku.
• Przesuwanie: przytrzymaj Spację i przeciągnij albo przeciągnij środkowym przyciskiem myszy. (Zwykłe kliknięcia pozostają wolne do klikania fragmentów projektu.)
• Klawiatura: 0 = dopasuj do okna · 1 = 100% · + / − = powiększanie.
• HUD powiększenia: mały element sterujący − NN% + Fit w rogu. Kliknij wartość procentową, aby przełączać Dopasuj ↔ 100%.

Dotyk

• Uszczypnij, aby powiększyć, przeciągnij, aby przesunąć, stuknij dwukrotnie, aby zresetować do dopasowania.

Kliknij, aby przeskoczyć do elementu sterującego: kliknij dowolny element w projekcie, a pasujące pole na pasku bocznym otrzyma fokus i przewinie się do widoku - dla powtarzającej się grupy wierszy rozwinie dokładnie ten wiersz, który kliknąłeś, więc edycja tego, co widzisz, jest o jedno stuknięcie stąd.

Zmiana wymiaru zawsze przywraca widok do czystego dopasowania.

Wolna kanwa (Layout Studio)

Narzędzia z wolną kanwą dodają powierzchnię roboczą wokół obszaru roboczego, jak deska montażowa projektanta:

• Odkładanie poza kanwę. Przeciągnij blok poza krawędź ramki, a pozostanie w pełni widoczny i możliwy do zaznaczenia - odłóż elementy na bok, gdy komponujesz układ, a potem przeciągnij je z powrotem. Wszystko poza ramką jest delikatnie przygaszone, aby obszar eksportu zawsze był czytelny na pierwszy rzut oka, a ramka zachowuje swój cień, aby zaznaczyć dokładnie miejsce, w którym zaczyna się plik.
• Eksportuje się tylko ramka. Wyeksportowany plik jest ograniczony obszarem roboczym - cokolwiek zostawione na zewnątrz (lub część bloku zwisająca poza krawędzią) jest po prostu przycinane z wyniku, zarówno w formatach rastrowych, jak i wektorowych.
• Pomniejsz poniżej Dopasuj (aż do 20%), aby zobaczyć całą deskę montażową, gdy odłożyłeś rzeczy daleko poza ramkę.
• Skalowalny obszar roboczy. Zmiana wymiarów eksportu skaluje ramkę w miejscu; bloki zachowują swoje pozycje, więc możesz przekomponować układ wokół istniejącej zawartości.

Na telefonie

Na wąskich ekranach układ przepływa do jednej kolumny:

• Elementy sterujące stają się arkuszem u góry z uchwytem do przeciągania na dolnej krawędzi. Przeciągnij uchwyt, aby zmienić jego rozmiar - przyciąga się do podgląd / połowa / pełny - albo stuknij uchwyt, aby przełączać zwinięty ↔ rozwinięty. Podgląd wypełnia przestrzeń poniżej i pozostaje widoczny podczas edycji.
• Pływający przycisk Renderuj otwiera arkusz Eksport - wszystkie elementy sterujące formatem, rozmiarem, kopiowaniem, zapisem i pobieraniem w jednym miejscu. Zamknij go, stukając w tło.

Elementy sterujące (pola)

Narzędzia udostępniają tylko te pola, które mają się zmieniać - wszystko inne (kolory, układ, typografia, logika) jest zablokowane przez autora narzędzia, więc cokolwiek stworzysz, spełnia reguły ustalone przez autora. Pola obejmują tekst, suwaki, próbniki kolorów, listy rozwijane, daty, próbniki obrazów i powtarzające się grupy wierszy. Niektóre są zgrupowane w zwijanych sekcjach.

Reset: Wyczyść zmiany przywraca każde pole do jego wartości domyślnych.

Twoje dane i zdjęcie

Profil (prawy górny róg galerii) zawiera twoje imię, dane kontaktowe i opcjonalne zdjęcie. Narzędzia, które proszą o te pola, wypełniają je automatycznie - ustaw je raz, a twój podpis e-mail, lockupy i identyfikatory wypełnią się same. Nadal możesz nadpisać dowolne pole w danej sesji. Włącz Użyj moich danych, aby narzędzie mogło je odczytać.

Twoje zdjęcie i dane żyją tylko na tym urządzeniu. Profil może być czymś więcej niż tylko tobą - zespołem albo rolą, w którą wchodzisz od czasu do czasu. Zobacz Profile, aby zobaczyć pełny obraz, w tym prowadzenie więcej niż jednego.

Zapisywanie i kontynuowanie

Kliknij Zapisz, aby zapisać bieżące pola jako sesję dla tego narzędzia. Możesz prowadzić wiele nazwanych sesji na narzędzie; przycisk Kontynuuj każdego narzędzia otwiera ponownie twoją najnowszą, a przycisk historii (prawy górny róg, obok twojego profilu) wymienia każdą zapisaną sesję we wszystkich narzędziach. Sesje są lokalne dla urządzenia. Aby je uporządkować, otwórz Projekty (poniżej).

Projekty

Projekty - otwórz je z zakładki Projekty obok Narzędzi lub z Profil → Pamięć → Uporządkuj w Projektach - to dom dla wszystkiego, co zapisałeś, i działa jak menedżer plików:

• Foldery, które się zagnieżdżają. Grupuj zapisane sesje w foldery, a foldery w folderach, tak głęboko, jak chcesz. Utwórz folder, zmień jego nazwę albo przeciągnij kafelek na inny folder, aby go przenieść; ścieżka nawigacyjna prowadzi cię z powrotem w górę. Zawsze obecny folder Nieskategoryzowane zawiera wszystko, co jeszcze nie zostało przypisane.
• Odkładaj nową pracę bezpośrednio. Wewnątrz folderu + Nowe narzędzie otwiera narzędzie i automatycznie odkłada jego pierwszy zapis do tego folderu.
• Wielokrotne zaznaczanie (komputer). Zaznacz pole wyboru kafelka, przeciągnij ramkę zaznaczenia po pustej kanwie albo Shift/Cmd-kliknij; kliknij prawym przyciskiem kafelek, aby otworzyć jego menu kontekstowe. Następnie działaj na całym zaznaczeniu naraz.
• Renderuj cały folder lub zaznaczenie. Renderuj folder eksportuje każdą zapisaną sesję w folderze - łącznie z jego podfolderami - jako jeden zagnieżdżony .zip. Renderuj zaznaczenie robi to samo dla dowolnego wielokrotnego zaznaczenia, a pojedyncza sesja renderuje się bezpośrednio do własnego pliku. Nie potrzeba Batch/Pro.
• Udostępnij zapisaną sesję. Kliknij prawym przyciskiem sesję → Udostępnij link, aby skopiować link, który otwiera ją ponownie z dokładnie tymi samymi polami (pełny dialog Udostępniania - zobacz poniżej).

Udostępnianie linku

Każde pole jest ujęte w adresie URL strony, więc link jest projektem. Użyj Udostępnij w elementach sterujących eksportem - albo Udostępnij link na dowolnej zapisanej sesji w Projektach - aby otworzyć dialog Udostępniania: gotowy do skopiowania link plus przełączniki do szyfrowania linku i tego, co dzieje się po jego otwarciu (pełny ekran, rozwinięty panel eksportu, pobieranie przy otwarciu z &export albo kopiowanie do schowka z &copy).

Duży projekt dałby długi adres URL, więc dialog oferuje też Najkrótszy link, który upakowuje cały stan w zwarty token - czytelna forma jest zawsze dostępna również. Wklej go koledze, dodaj do zakładek albo zatwierdź w repozytorium. (Pełne szczegóły: Tryb URL.)

Obrazy, które przesłałeś ze swojego urządzenia, nie są zawarte w udostępnianym linku - istnieją tylko na twoim komputerze.

Kamera na żywo (narzędzia reagujące na ruch)

Fotograficzne Filtry - Halftone, Scanline, Posterize, Duotone - pokazują przycisk Wejdź na żywo, gdy kamera jest dostępna. Włącz go, a efekt śledzi twoją kamerę internetową klatka po klatce, więc reaguje na ruch; możesz nagrać wynik do GIF, WebM lub MP4. Klatki są odczytywane i przetwarzane na twoim urządzeniu i nigdy go nie opuszczają, a kamera zostaje zwolniona w chwili, gdy zatrzymasz lub opuścisz narzędzie. (Każdy próbnik obrazów ma też Zrób zdjęcie, aby pochwycić pojedynczą klatkę jako obraz na urządzeniu.)

Moje obrazy

Gdy narzędzie pozwala dodać obraz z twojego urządzenia, jest on pomniejszany, pozbawiany danych EXIF/GPS i zapisywany do twojej osobistej biblioteki Moje obrazy (pod Profil → Pamięć). Wykorzystuj go ponownie w dowolnym narzędziu. Biblioteka jest ograniczona i całkowicie lokalna - zarządzaj obrazami lub usuwaj je tam.

Katalog - twoja biblioteka zasobów

Katalog (#/c albo link Katalog w menu) gromadzi wszystko, z czego twoje narzędzia mogą korzystać - logotypy marki, obrazy, dźwięk i animacje, pogrupowane według rodzaju - i jest też miejscem, gdzie żyją twoje własne pliki twórcze. Bez serwera, bez konsoli administracyjnej, bez pull requesta: wszystko jest na twoim urządzeniu.

• Wnieś swoje pliki. Przeciągnij dowolny obraz, SVG, klip audio, wideo, Lottie lub PDF na obszar przesyłania - albo kliknij, aby wybrać - i ląduje w twoim katalogu natychmiast, gotowy w próbniku zasobów każdego narzędzia. Wgraj tyle, ile chcesz; nigdy nie opuszcza twojego urządzenia.
• Oznacz ulubione, po które sięgasz. Oznacz ★ zasób (albo próbkę marki), a przypnie się na górze każdego próbnika, więc twój podręczny logotyp lub kolor jest o jedno kliknięcie stąd.
• Uporządkuj. Przekategoryzuj zasób do innej grupy, ukryj współdzielony zasób marki, którego nie używasz (z Pokaż ukryte, aby go przywrócić), albo usuń własne wgrane pliki całkowicie.

Zabierz swoją paletę i czcionki wszędzie

Panel Próbki w Katalogu nie służy tylko do odniesienia - kliknij kolor, aby go skopiować, albo pobierz całą paletę marki w formacie, którym mówi twoje inne narzędzie:

• Design tokens (JSON), zmienne CSS lub klasy CSS - wrzuć markę bezpośrednio do arkusza stylów lub builda;
• Adobe Swatch Exchange (.ase) - wczytaj do Illustratora lub Photoshopa;
• Paleta GIMP (.gpl) - dla GIMP-a lub Inkscape'a.

Panel Czcionki wymienia kroje twojej marki z pobieraniem obok każdego, aby zainstalować lokalnie lub przekazać drukarni. (Zakładka Kolory w Brand Studio oferuje to samo pobieranie palety.)

Zasoby to jedna połowa otwartej ścieżki „zrób to sam"; drugą jest tworzenie własnych narzędzi - wolna kanwa (Layout Studio, opisana powyżej) pozwala zbudować je wizualnie, bez potrzeby pisania kodu.

Dźwięk i dostępność

Lolly dąży do tego, by była wygodna w użyciu dla każdego. Interfejs jest nawigowalny z klawiatury, niestandardowe elementy sterujące niosą właściwe etykiety dla czytników ekranu, a żywy podgląd każdego narzędzia jest udostępniany jako pojedynczy opisany obraz opisujący to, co tworzy.

Delikatna warstwa dźwięków wspomagających potwierdza to, co robisz - przybycie do galerii, poprawne kontra niepoprawne sprawdzenie Content Credentials, zamknięcie panelu, przełączenie filtra. Jest włączona domyślnie, ale zawsze opcjonalna: wyłącz Dźwięk wszędzie tam, gdzie pojawia się przełącznik (popover opcji każdego widoku albo Profil), a wybór jest zapamiętywany.

Obok tego przełącznika jest Neurospicy Mode - opcjonalna, uspokajająca ścieżka skupienia w tle, która gra cicho, gdy pracujesz. Włączenie go otwiera mały dok odtwarzacza w dolnym rogu, który podąża za tobą po całej aplikacji; z niego możesz szukać i wybierać utwór, przeskakiwać do przodu i wstecz, ustawiać głośność oraz minimalizować lub zamykać. Lista utworów obejmuje kilka kategorii - proceduralne melodie Lolly Sings, ambientowe pętle i bity, twoje własne wgrane audio oraz garść internetowych stacji radiowych na żywo (te potrzebują połączenia; wszystko inne gra offline). Jest wyłączona domyślnie i, jak Dźwięk, jest zapamiętywana między sesjami i urządzeniami. Wyłączenie Dźwięku wycisza również ścieżkę skupienia.

Pamięć i prywatność

Wszystko jest przechowywane w lokalnej bazie danych twojej przeglądarki (IndexedDB): twój profil, zapisane sesje, wgrane obrazy i pamięć podręczna pobranej zawartości katalogu. Profil → Pamięć pokazuje zużycie i pozwala ci:

• Wyczyść pamięć podręczną - usuń pobraną zawartość katalogu (ponownie synchronizuje się przy następnym wczytaniu).
• Wyczyść wszystkie moje dane - wymaż profil, sesje i obrazy. Nie można cofnąć.

Nic nie jest nigdzie przesyłane. Bez telemetrii, bez renderowania w chmurze.

Przenoszenie na inne urządzenie

Ponieważ wszystko żyje na twoim urządzeniu, Profil → Pamięć → Przenieś na inne urządzenie pozwala przenieść to wszystko na drugą instalację - bez konta, bez chmury:

• Eksportuj moje dane pobiera pojedynczy plik LollyTools-<First>-<Last>-<YYYY-MM-DD>-<n>.zip (części nazwy pochodzą z twojego profilu i są pomijane, jeśli nieustawione; <n> to licznik dzienny, aby eksporty z tego samego dnia się nie zderzały) zawierający twój profil, każdą zapisaną sesję (z jej miniaturą), twoje wgrane obrazy i twoje preferencje (motyw, szerokość paska bocznego, lokalne statystyki aktywności).
• Importuj dane… na drugiej instalacji wczytuje ten plik z powrotem. Scala: cokolwiek o tej samej nazwie (twój profil, slot sesji, obraz) jest zastępowane zaimportowaną kopią; wszystko inne na tym urządzeniu jest zachowane. Zapisane sesje ponownie łączą się z twoimi zaimportowanymi obrazami automatycznie.

Pamięć podręczna katalogu nie jest zawarta - sama pobiera się ponownie na nowym urządzeniu. Pakiet to zwykły zip (manifest.json + profile.json + sessions.json + assets.json + assets/blobs/… + prefs.json, identyfikator formatu lolly-backup), więc przetrwa e-mail, USB lub AirDrop nienaruszony i jest tym samym formatem, który odczytuje każda powłoka. Każda część ma sumę kontrolną, więc plik uszkodzony w transporcie jest wychwytywany przy imporcie, a nie odtwarzany połowicznie zepsuty. (Pełna specyfikacja formatu: Transfer danych.)

Importowanie projektu (Figma, Penpot, Illustrator, InDesign)

Możesz wczytać istniejący projekt do Lolly i pracować nad nim dalej: otwórz Layout Studio, kliknij Importuj projekt na pasku narzędzi kanwy i wybierz plik Figma .fig lub SVG, Penpot .penpot, Illustrator .ai / .pdf albo InDesign .idml. Warstwy stają się edytowalnymi ramkami na swobodnej kanwie - tekst pozostaje edytowalny, obrazy trafiają do Moich obrazów, a typografia i kolory dopasowują się do globalnych ustawień marki - a następnie wynik zapisuje się, udostępnia i renderuje jak każda inna sesja. Parsowanie odbywa się w całości na Twoim urządzeniu. Pełne szczegóły: Importowanie projektu.

Eksportowanie

Pełną historię znajdziesz w Eksport i formaty - wybór formatu, rozmiaru wyjściowego i jednostek druku, przezroczystość, wideo oraz kopiowanie/udostępnianie. W skrócie: wybierz format, w razie potrzeby ustaw rozmiar i kliknij Pobierz (albo Kopiuj, by przenieść do schowka).

Tryb Batch (Pro)

Dla zaawansowanych użytkowników Batch (dostępny z poziomu galerii, ukryty za flagą funkcji Pro, domyślnie włączoną) renderuje wiele wariantów naraz - siatkę, w której każdy wiersz to zestaw danych wejściowych eksportowany razem z pozostałymi. Idealny do lokalizowania karty na kilkanaście języków albo generowania wszystkich wariantów rozmiaru za jednym razem. Wypełniaj wiersze, wpisując dane, wklejając je prosto z arkusza kalkulacyjnego lub importując CSV (możesz też wyeksportować go z powrotem), i ustaw format, rozmiar oraz nazwę pliku wyjściowego dla każdego wiersza. Zapisz całą siatkę jako nazwaną sesję batch, którą otworzysz ponownie z galerii, i pobierz wszystkie wiersze jako pojedynczy plik .zip.

Batch służy do generowania wielu wariantów jednego szablonu naraz. Aby ponownie wyrenderować już zapisane sesje, użyj Projekty → Renderuj folder / Renderuj zaznaczenie (powyżej) - Pro nie jest potrzebne.

Tryb offline i instalacja

Lolly to PWA. Po pierwszym załadowaniu działa offline - zainstaluj ją z paska adresu przeglądarki (lub przez Dodaj do ekranu głównego na urządzeniu mobilnym), aby korzystać z pełnoekranowego doświadczenia zbliżonego do aplikacji. Aktualizuje się sama, gdy wrócisz online.