Az Adobe XD Repeat Grid funkciójának használata

A Repeat Grid az Adobe XD egyik legjobb időtakarékos funkciója. A Repeat Grid funkció lehetővé teszi ismétlődő elemek halmazának létrehozását egyszerű kattintással és húzással. Ismétléskor módosíthatja az ismétlődő elemek egy készletét, és ezek a változások azonnal tükröződhetnek a többi elemben. Az itt található lépések segítenek megtapasztalni ezt a nagyszerű funkciót.

A legjobb, ha követi az utasításokat, ha lehetséges. A LuckyTemplatesCCfiles mappában találhat egy mintafájlt, amelyben kép és szöveg is található . Nyissa meg az XD mappát, és válassza ki a RepeatGrid-Sample fájlt. Ezután kövesse az alábbi lépéseket:

Nyisson meg egy olyan fájlt, amely olyan elemeket tartalmaz, amelyeket függőlegesen (lefelé) szeretne ismételni az oldalon. Mint korábban említettük, létrehozhat saját fájlt, vagy használhatja a webhelyünkön található RepeatGrid-Sample fájlt.

Jelölje ki az összes megismételni kívánt elemet, majd nyomja meg a Repeat Grid gombot a Tulajdonságok panelen. Használhatja a Ctrl+R (Windows) vagy ⌘ +R (Mac) billentyűkombinációt is.

Fogantyúk jelennek meg az elemek jobb és alsó oldalán.

Válassza ki az ismételni kívánt elemeket, majd nyomja meg a Rács ismétlése gombot a Tulajdonságok panelen.

Kattintson és húzza lefelé az alsó fogantyút, hogy megtekinthesse, hogy a húzás során automatikusan létrejön-e az ismétlés. Húzza túl a sablonon, hogy kiterjessze a grafikát az alján kívülre.

A Rács ismétlése funkcióval könnyedén megismételheti a kiválasztott elemeket.

Térjen vissza eredeti művészetéhez, és hajtson végre egy egyszerű változtatást. Esetleg módosítsa a cím típusméretét, vagy méretezze át egy kicsit a képet. Figyelje meg, hogy amikor módosítja ezt az első elemet, a változtatások az egész ismétlésben tükröződnek.

Ez óriási időt takaríthat meg, de kövesse a következő lépéseket, hogy megtudja, hogyan cserélheti ki egyszerűen az ismétlődő képet és szöveget.

Frissített képek importálása az ismétlődő rácsba

Miután megismételte az elemeket, érdemes lehet valósághűbb tartalommal bemutatni, hogy az alkalmazás hogyan fog működni. Az ismétlődő elem nem ad lehetőséget az alkalmazás által kínált különféle adatok megjelenítésére. Lent készít egy mappát a képekből, és az ismétlődő rács tetejére ejti őket, hogy lecserélje az eredeti képet. Csak kövesse az alábbi lépéseket:

Keresse meg az XD által támogatott formátumú képeket tartalmazó mappát, például JPEG, PNG vagy GIF. Ha a LuckyTemplatesCCfiles mappát éri el , az XD Files mappában találhat egy Insects nevű mappát.

Helyezze el az ismétléssel ellátott rajztáblát tartalmazó XD-ablakot, hogy láthassa azt és a képekkel teli mappát is.

Ügyeljen arra, hogy az összes képet kijelölje, majd kattintson rájuk, és húzza őket az Ismételt rácsra. A képek kicserélődnek.

Több képet is áthúzhat az ismétlődő rácsba, hogy lecserélje a kép tartalmát.

A Bridge alkalmazásból az Adobe XD-be is áthúzhat képeket.

A szöveg frissítése az ismételt rácsban

Itt megtudhatja, hogyan frissítheti a szöveget egy ismétlődő rácsban. Ez nagyjából ugyanúgy történik, mint a képek esetében, de a .txt formátum elengedhetetlen a folyamat működéséhez:

Hozzon létre szöveget bármely olyan alkalmazásban, amely képes a fájlt egyszerű szöveg formátumban menteni – azaz .txt kiterjesztéssel. A szöveg előállítható Jegyzettömbből, Wordből, letölthető a Google Dokumentumokból egyszerű szövegként, vagy exportálható sok más alkalmazásból. Ebben a példában használhatja a webhelyünk XD-Files mappájában található Bugtext.txt minta szöveges fájlt.

Helyezze el a szövegfájlt tartalmazó mappát úgy, hogy láthassa a fájlt és az ismétlődő rácsot.

Az ismétlődő kép cseréjéhez hasonlóan kattintson a .txt fájlra, és húzza az ismétlődő rácsszöveg fölé. A szöveg helyébe a fájl szövege kerül.

Kattintson és húzza át a .txt fájlt az ismétlődő rács fölé a szöveg lecseréléséhez.

Itt láthatja a példát, ahogyan a képek és a szöveg cseréje után megjelenik.

Az ismételt rács új képekkel és szöveggel.

Ha túllépte a megtekintési területet, feltétlenül kattintson a rajztábla nevére a rajztábla felett a kiválasztásához.

Húzza az alsó fogantyút az ismétlődő rács hosszára. Ez lehetővé teszi a képernyő görgetését az előnézetben. A szaggatott vonal a görgetés előtti előnézeti területet jelöli.

Kattintson és húzza az ismétlődő rács nézeti területének kiterjesztéséhez.

Kattintson az Asztal előnézete gombra, és görgessen az ismétlődő rács működésének megtekintéséhez.