Jak používat funkci Repeat Grid v Adobe XD

Repeat Grid je jednou z nejlepších funkcí pro úsporu času v Adobe XD. Funkce Repeat Grid umožňuje vytvořit sadu opakovaných prvků jednoduchým kliknutím a tažením. Při opakování můžete vyladit jednu sadu opakovaných prvků a tyto změny se okamžitě projeví ve zbývajících prvcích. Kroky, které zde najdete, vám pomohou zažít tuto skvělou funkci.

Pokud můžete, je nejlepší postupovat podle pokynů. Ukázkový soubor, který obsahuje obrázek a nějaký text, najdete ve složce LuckyTemplatesCCfiles . Otevřete složku XD a vyberte soubor RepeatGrid-Sample. Poté postupujte takto:

Otevřete soubor, který obsahuje prvky, které chcete opakovat svisle (dolů) na stránce. Jak již bylo zmíněno, můžete si vytvořit svůj vlastní nebo použít soubor RepeatGrid-Sample, který je k dispozici na našich stránkách.

Vyberte všechny položky, které se mají opakovat, a poté stiskněte tlačítko Opakovat mřížku na panelu Vlastnosti. Můžete také použít klávesovou zkratku Ctrl+R (Windows) nebo ⌘ +R (Mac).

Úchyty se zobrazují na pravé a spodní straně vašich prvků.

Vyberte položky, které chcete opakovat, a poté stiskněte tlačítko Opakovat mřížku na panelu Vlastnosti.

Kliknutím a tažením dolů na spodní rukojeť uvidíte, že se při tažení automaticky vytváří opakování. Přetažením za šablonu rozšíříte kresbu mimo spodní část.

Snadno opakujte vybrané položky pomocí funkce Repeat Grid.

Vraťte se ke svému původnímu umění a proveďte jednoduchou změnu. Možná změňte velikost písma nadpisu nebo trochu zvětšete velikost obrázku. Všimněte si, že když provedete změny v této první položce, změny se projeví v celém opakování.

To může být obrovská úspora času, ale postupujte podle následujících kroků, abyste viděli, jak můžete snadno nahradit opakující se obrázek a text.

Import aktualizovaných obrázků do vaší opakované mřížky

Poté, co budete mít opakované položky, možná budete chtít předvést, jak bude vaše aplikace pracovat s realističtějším obsahem. Opakovaný prvek neposkytuje příležitost zobrazit různá data, která může vaše aplikace nabízet. Níže si vezmete složku obrázků a umístíte je na vaši opakovanou mřížku, abyste nahradili původní obrázek. Postupujte podle těchto kroků:

Vyhledejte složku obrázků ve formátu, který XD podporuje, jako je JPEG, PNG nebo GIF. Pokud přistupujete ke složce LuckyTemplatesCCfiles , můžete ve složce XD Files najít složku s názvem Insects.

Umístěte okno XD, které obsahuje kreslicí plátno, s opakováním tak, abyste jej viděli a také složku plnou obrázků.

Ujistěte se, že jste vybrali všechny obrázky a poté na ně klikněte a přetáhněte je do Opakované mřížky. Obrázky jsou nahrazeny.

Můžete přetáhnout více obrázků do opakované mřížky a nahradit tak obsah obrázku.

Obrázky z aplikace Bridge můžete přetáhnout také do Adobe XD.

Aktualizace textu ve vaší opakované mřížce

Zde zjistíte, jak aktualizovat text v opakované mřížce. To se provádí v podstatě stejným způsobem jako u obrázků, ale formát .txt je nezbytný pro fungování tohoto procesu:

Vytvořte text v libovolné aplikaci, která dokáže uložit soubor ve formátu prostého textu – tedy s příponou .txt. Text lze vygenerovat z programu Poznámkový blok, Word, stáhnout z Dokumentů Google jako prostý text nebo exportovat z mnoha dalších aplikací. Pro tento příklad můžete použít ukázkový textový soubor s názvem Bugtext.txt ve složce XD-Files na našem webu.

Umístěte složku obsahující textový soubor tak, abyste viděli soubor a opakovanou mřížku.

Stejně jako u procesu nahrazování opakovaného obrázku klikněte a přetáhněte soubor .txt přes opakovaný text mřížky. Text je nahrazen textem z vašeho souboru.

Klepnutím a přetažením souboru .txt přes opakovanou mřížku nahradíte text.

Zde můžete vidět příklad, jak se objeví po nahrazení snímků a textu.

Opakovaná mřížka s novými snímky a textem.

Pokud jste překročili oblast zobrazení, nezapomeňte kliknout na název kreslicího plátna nad kreslicím plátnem, abyste jej vybrali.

Přetažením spodního držadla protáhněte na délku vaší opakované mřížky. To umožňuje posouvání obrazovky v náhledu. Tečkovaná čára představuje oblast, která se zobrazí před posouváním.

Kliknutím a tažením rozšíříte oblast zobrazení vaší opakované mřížky.

Klikněte na tlačítko Náhled plochy a posuňte se, abyste viděli vaši opakovanou mřížku v akci.