Ako používať funkciu Repeat Grid v Adobe XD

Repeat Grid je jednou z najlepších funkcií, ktoré šetria čas v Adobe XD. Funkcia Repeat Grid vám umožňuje vytvoriť sadu opakujúcich sa prvkov jednoduchým kliknutím a ťahaním. Pri opakovaní môžete vyladiť jednu sadu opakujúcich sa prvkov a tieto zmeny sa okamžite prejavia vo všetkých ostatných prvkoch. Kroky, ktoré tu nájdete, vám pomôžu zažiť túto skvelú funkciu.

Najlepšie je postupovať podľa pokynov, ak môžete. Vzorový súbor, ktorý obsahuje obrázok a nejaký text, nájdete v priečinku LuckyTemplatesCCfiles . Otvorte priečinok XD a vyberte súbor RepeatGrid-Sample. Potom postupujte podľa týchto krokov:

Otvorte súbor, ktorý obsahuje prvky, ktoré chcete opakovať vertikálne (dole) po stránke. Ako už bolo spomenuté, môžete si vytvoriť svoj vlastný alebo použiť súbor RepeatGrid-Sample, ktorý je k dispozícii na našej stránke.

Vyberte všetky položky, ktoré sa majú opakovať, a potom stlačte tlačidlo Opakovať mriežku na paneli Vlastnosti. Môžete tiež použiť klávesovú skratku Ctrl+R (Windows) alebo ⌘ +R (Mac).

Rukoväte sa zobrazujú na pravej a spodnej strane vašich prvkov.

Vyberte položky, ktoré chcete zopakovať, a potom stlačte tlačidlo Opakovať mriežku na paneli Vlastnosti.

Kliknite a potiahnite nadol na spodnú rukoväť, aby ste videli, že opakovanie sa vytvára automaticky pri ťahaní. Potiahnutím za šablónu predĺžite kresbu mimo spodok.

Pomocou funkcie Repeat Grid jednoducho zopakujte vybrané položky.

Vráťte sa k svojmu pôvodnému umeniu a urobte jednoduchú zmenu. Možno zmeniť veľkosť písma v nadpise alebo trochu zmeniť mierku obrázka. Všimnite si, že keď vykonáte zmeny v tejto prvej položke, zmeny sa prejavia v celom opakovaní.

Môže to byť obrovská úspora času, ale postupujte podľa nasledujúcich krokov a zistite, ako môžete jednoducho nahradiť opakujúci sa obrázok a text.

Importujte aktualizované obrázky do opakovanej mriežky

Po opakovaných položkách možno budete chcieť ukázať, ako bude vaša aplikácia fungovať s realistickejším obsahom. Opakovaný prvok neposkytuje možnosť zobraziť rôzne údaje, ktoré môže vaša aplikácia ponúkať. Nižšie zoberiete priečinok s obrázkami a umiestnite ich na hornú časť opakovanej mriežky, aby ste nahradili pôvodný obrázok. Postupujte podľa týchto krokov:

Nájdite priečinok s obrázkami vo formáte, ktorý XD podporuje, napríklad JPEG, PNG alebo GIF. Ak pristupujete k priečinku LuckyTemplatesCCfiles , priečinok s názvom Insects nájdete v priečinku XD Files.

Umiestnite svoje okno XD, ktoré obsahuje kresliacu plochu, s opakovaním tak, aby ste ho videli a tiež priečinok plný obrázkov.

Uistite sa, že ste vybrali všetky obrázky a potom na ne kliknite a presuňte ich do opakovanej mriežky. Obrázky sú nahradené.

Do opakovanej mriežky môžete presunúť viacero obrázkov a nahradiť tak obsah obrázka.

Obrázky z aplikácie Bridge môžete pretiahnuť aj do Adobe XD.

Aktualizácia textu v opakovanej mriežke

Tu zistíte, ako aktualizovať svoj text v opakovanej mriežke. Toto sa vykonáva v podstate rovnakým spôsobom ako v prípade obrázkov, ale formát .txt je nevyhnutný na to, aby tento proces fungoval:

Vytvorte text v ľubovoľnej aplikácii, ktorá dokáže uložiť súbor vo formáte obyčajného textu – teda s príponou .txt. Text je možné vygenerovať z programu Poznámkový blok, Word, stiahnuť z Dokumentov Google ako obyčajný text alebo exportovať z mnohých iných aplikácií. Pre tento príklad môžete použiť vzorový textový súbor s názvom Bugtext.txt v priečinku XD-Files na našej stránke.

Umiestnite priečinok, ktorý obsahuje textový súbor, tak, aby ste videli súbor a opakovanú mriežku.

Rovnako ako pri procese nahradenia opakovaného obrázka kliknite na súbor .txt a potiahnite ho cez opakovaný text mriežky. Text sa nahradí textom z vášho súboru.

Kliknutím a potiahnutím súboru .txt cez opakujúcu sa mriežku nahradíte text.

Tu si môžete pozrieť príklad tak, ako sa zobrazí po nahradení obrázkov a textu.

Opakovaná mriežka s novými obrázkami a textom.

Ak ste presiahli oblasť zobrazenia, nezabudnite kliknúť na názov umeleckého plátna nad umeleckým plátnom, aby ste ho vybrali.

Potiahnutím spodnej rukoväte ju predĺžte na dĺžku opakovanej mriežky. To umožňuje posúvanie obrazovky v náhľade. Bodkovaná čiara predstavuje oblasť, ktorá sa zobrazí pred rolovaním.

Kliknutím a potiahnutím zväčšíte oblasť zobrazenia opakovanej mriežky.

Kliknite na tlačidlo Ukážka pracovnej plochy a posuňte sa, aby ste videli svoju opakovanú mriežku v akcii.