Ako vytvoriť rolovacie aktívum vo Figme

Ak chcete vytvoriť rolovacie aktívum v nástroji na návrh Figma, postupujte takto:

Krok 1:Príprava

- Otvorte Figmu a vytvorte nový projekt alebo otvorte existujúci projekt.

- Vyberte rám alebo kontajner, kde chcete vytvoriť rolovateľný prvok.

Krok 2:Nastavte rolovací rám

- Kliknite na nástroj "Rám" v ľavom paneli nástrojov. Podobá sa štvorcu so štyrmi šípkami smerujúcimi von.

- Nakreslite rám tam, kde chcete, aby sa zobrazoval rolujúci obsah. Uistite sa, že má dostatočnú výšku, aby sa do nej zmestil posúvateľný obsah.

Krok 3:Pridajte posúvateľný obsah

- Do rámu pridajte prvky alebo objekty, ktoré chcete posúvať. Môže to zahŕňať text, obrázky, tvary alebo akýkoľvek iný dizajnový prvok.

- Umiestnite prvky pod seba, aby ste vytvorili efekt posúvania.

Krok 4:Povoľte posúvanie

- Vyberte rámec obsahujúci posúvateľný obsah.

- Na paneli na pravej strane v časti Vlastnosti kliknite na časť Obmedzenia.

– V časti „Vertikálne rozloženie“ zmeňte možnosť „Pretečenie“ na „Posúvateľné“ alebo „Pretečenie Y“.

- Toto umožňuje posúvanie v rámci.

Krok 5:Upravte pretečenie

- V závislosti od množstva obsahu, ktorý máte, možno budete musieť upraviť nastavenia pretečenia. V rámci možnosti „Pretečenie“ si môžete vybrať možnosť „Pretečenie“, ktorá zobrazuje všetok obsah a podľa potreby pridáva posúvače, alebo možnosť „Obsah klipu“, ktorá odreže akýkoľvek obsah, ktorý sa nezmestí do rámca.

Krok 6:Kontrola a test

- Zmeňte veľkosť rámu alebo okna prehliadača, aby ste simulovali rôzne veľkosti obrazovky a zabezpečili, že rolovanie bude fungovať podľa plánu.

- Upravte umiestnenie a veľkosť prvkov tak, aby dobre sedeli a neprekážali posúvačom alebo iným interaktívnym komponentom.

Krok 7:Ukážka a prototyp

- Použite režim "Present" (skratka:"P") alebo pripojte svoj návrh k prototypu a otestujte funkčnosť rolovania. To vám umožní vidieť, ako bude rolovanie fungovať v realistickejšom prostredí.

Krok 8:Uložiť a zdieľať

- Keď ste spokojní s rolovacím aktívom, uložte si súbor Figma.

- Môžete tiež zdieľať dizajn s ostatnými, exportovať ho na ďalší vývoj alebo ho použiť ako súčasť väčšieho dizajnového systému.

Pamätajte, že Figma umožňuje responzívny dizajn a prototypovanie, takže môžete upraviť rozloženie a správanie svojho rolovateľného diela tak, aby vyhovovalo rôznym veľkostiam zariadení a interakciám.

• Predchádzajúca strana: Ako zdieľať súbory v Dropboxe na PC alebo smartfóne 
• Ďalšia strana: Ako používať booleovský vzorec vo Figme