Kako uporabljati funkcijo ponavljajoče mreže v Adobe XD

Repeat Grid je ena najboljših funkcij za prihranek časa v programu Adobe XD. Funkcija Repeat Grid vam omogoča, da s preprostim klikom in vlečenjem ustvarite niz ponavljajočih se elementov. Ko se ponovi, lahko prilagodite en niz ponavljajočih se elementov in te spremembe se takoj odražajo v preostalih elementih. Koraki, ki jih najdete tukaj, vam pomagajo izkusiti to odlično funkcijo.

Najbolje je, da sledite navodilom, če lahko. Vzorčno datoteko, ki vsebuje sliko in nekaj besedila, najdete v mapi LuckyTemplatesCCfiles . Odprite mapo XD in izberite datoteko RepeatGrid-Sample. Nato sledite tem korakom:

Odprite datoteko, ki vsebuje elemente, ki jih želite ponoviti navpično (navzdol) po strani. Kot smo že omenili, lahko ustvarite svojo ali uporabite datoteko RepeatGrid-Sample, ki je na voljo na našem spletnem mestu.

Izberite vse elemente, ki jih želite ponoviti, in nato na plošči Lastnosti pritisnite gumb Ponovi mrežo. Izberete lahko tudi uporabo bližnjice na tipkovnici, Ctrl+R (Windows) ali ⌘ +R (Mac).

Ročice se prikažejo na desni in spodnji strani vaših elementov.

Izberite elemente, ki jih želite ponoviti, nato pa pritisnite gumb Ponovi mrežo na plošči Lastnosti.

Kliknite in povlecite navzdol na spodnji ročaj, da vidite, da se ponovitev samodejno ustvari, ko vlečete. Povlecite čez predlogo, da razširite umetniško delo izven dna.

Enostavno ponovite izbrane elemente s funkcijo Repeat Grid.

Vrnite se k svoji izvirni umetnosti in naredite preprosto spremembo. Morda spremenite velikost naslova ali nekoliko povečajte sliko. Upoštevajte, da se pri spreminjanju tega prvega elementa spremembe odražajo skozi ponovitev.

To je lahko velik prihranek časa, vendar sledite naslednjim korakom, da vidite, kako lahko preprosto zamenjate ponovljeno sliko in besedilo.

Uvažanje posodobljenih slik v vašo ponavljajočo se mrežo

Ko ponovite elemente, boste morda želeli pokazati, kako bo vaša aplikacija delovala z bolj realistično vsebino. Ponavljajoči se element ne ponuja priložnosti za prikaz različnih podatkov, ki jih vaša aplikacija morda ponuja. Spodaj vzamete mapo s slikami in jih spustite na vrh ponavljajoče se mreže, da zamenjate izvirno sliko. Samo sledite tem korakom:

Poiščite mapo s slikami v formatu, ki ga podpira XD, na primer JPEG, PNG ali GIF. Če dostopate do mape LuckyTemplatesCCfiles , lahko v mapi XD Files najdete mapo z imenom Insects.

Postavite svoje okno XD, ki vsebuje umetniško ploščo s ponovitvijo, tako da jo lahko vidite in tudi mapo, polno slik.

Prepričajte se, da ste izbrali vse slike, nato pa jih kliknite in povlecite na ponovljeno mrežo. Slike se zamenjajo.

Več slik lahko povlečete in spustite v ponavljajočo se mrežo, da zamenjate vsebino slike.

Slike iz aplikacije Bridge lahko povlečete tudi v Adobe XD.

Posodabljanje besedila v vaši ponavljajoči se mreži

Tukaj odkrijete, kako posodobiti svoje besedilo v ponavljajoči se mreži. To se izvede na skoraj enak način kot pri slikah, vendar je format .txt ključnega pomena za delovanje tega postopka:

Ustvarite besedilo v kateri koli aplikaciji, ki lahko shrani datoteko v obliki navadnega besedila – torej s pripono .txt. Besedilo lahko ustvarite iz beležnice, Worda, prenesete iz Google Dokumentov kot navadno besedilo ali izvozite iz številnih drugih aplikacij. Za ta primer lahko uporabite vzorčno besedilno datoteko z imenom Bugtext.txt v mapi XD-Files na našem spletnem mestu.

Postavite mapo, ki vsebuje besedilno datoteko, tako da lahko vidite datoteko in ponovljeno mrežo.

Kot pri postopku zamenjave ponavljajoče se slike, kliknite in povlecite datoteko .txt čez ponavljajoče se besedilo mreže. Besedilo se nadomesti z besedilom iz vaše datoteke.

Kliknite in povlecite datoteko .txt čez ponavljajočo se mrežo, da zamenjate besedilo.

Primer si lahko ogledate, kot je prikazan, ko so slike in besedilo zamenjani tukaj.

Ponavljajoča se mreža z novimi slikami in besedilom.

Če ste presegli območje za ogled, ne pozabite klikniti imena umetne plošče nad umetno ploščo, da jo izberete.

Povlecite spodnji ročaj, da se razširi na dolžino vaše ponavljajoče se mreže. To omogoča pomikanje po zaslonu v predogledu. Črtkana črta predstavlja območje, ki ima predogled pred pomikom.

Kliknite in povlecite, da razširite območje gledanja ponavljajoče se mreže.

Kliknite gumb za predogled namizja in se pomaknite, da vidite svojo ponavljajočo se mrežo v akciji.