Kuidas kasutada kordusruudustiku funktsiooni Adobe XD-s

Repeat Grid on üks Adobe XD ajasäästlikumaid funktsioone. Funktsioon Repeat Grid võimaldab teil luua korduvate elementide komplekti lihtsa klõpsamise ja lohistamisega. Korramisel saate üht korduvate elementide komplekti muuta ja need muudatused kajastuvad koheselt kõigis ülejäänud elementides. Siit leitavad sammud aitavad teil seda suurepärast funktsiooni kogeda.

Võimaluse korral on kõige parem järgida juhiseid. Pildi ja tekstiga näidisfaili leiate kaustast LuckyTemplatesCCfiles . Avage kaust XD ja valige fail RepeatGrid-Sample. Seejärel järgige neid samme.

Avage fail, mis sisaldab elemente, mida soovite lehe vertikaalselt (alla) korrata. Nagu eelnevalt mainitud, saate luua ise või kasutada meie saidil pakutavat RepeatGrid-Sample faili.

Valige kõik üksused, mida soovite korrata, ja seejärel vajutage nuppu Repeat Grid paneelil Atribuudid. Võite kasutada ka kiirklahvi Ctrl+R (Windows) või ⌘ +R (Mac).

Käepidemed ilmuvad teie elementide paremale ja alumisele küljele.

Valige üksused, mida soovite korrata, ja seejärel vajutage nuppu Korda ruudustikku paneelil Atribuudid.

Klõpsake ja lohistage alumisel käepidemel, et näha, et kordus luuakse lohistamisel automaatselt. Lohistage mallist kaugemale, et laiendada kunstiteose alt väljapoole.

Korrake valitud üksusi hõlpsalt, kasutades funktsiooni Repeat Grid.

Minge tagasi oma algse kunsti juurde ja tehke lihtne muudatus. Võib-olla muutke pealkirja tüübi suurust või suurendage pilti veidi. Pange tähele, et kui teete selles esimeses üksuses muudatusi, kajastuvad muudatused kogu korduse ajal.

See võib olla tohutu ajasäästja, kuid järgige järgmisi samme, et näha, kuidas saate korduvat pilti ja teksti hõlpsasti asendada.

Värskendatud piltide importimine korduvasse võrgustikku

Pärast üksuste kordamist võiksite näidata, kuidas teie rakendus realistlikuma sisuga töötab. Korduv element ei anna võimalust kuvada erinevaid andmeid, mida teie rakendus võib pakkuda. Altpoolt võtate piltide kausta ja puistate need oma korduva ruudustiku peale, et asendada algne pilt. Järgige lihtsalt neid samme.

Otsige üles piltide kaust vormingus, mida XD toetab (nt JPEG, PNG või GIF). Kui avate LuckyTemplatesCCfiles kausta , leiate kaustast XD Files kausta nimega Insects.

Paigutage oma XD aken, mis sisaldab kordusega joonistustahvlit, nii et näete seda ja ka pilte täis kausta.

Valige kindlasti kõik pildid, seejärel klõpsake ja lohistage need korduvale ruudustikule. Pildid asendatakse.

Saate pukseerida mitu pilti korduvale ruudustikule, et oma pildi sisu asendada.

Saate pilte ka rakendusest Bridge lohistada Adobe XD-sse.

Teksti värskendamine korduvas ruudustikus

Siit saate teada, kuidas värskendada oma teksti korduvas ruudustikus. Seda tehakse samamoodi nagu piltide puhul, kuid .txt-vorming on selle protsessi toimimiseks ülioluline.

Looge teksti mis tahes rakenduses, mis suudab faili salvestada lihtteksti vormingus, st laiendiga .txt. Teksti saab genereerida Notepadist, Wordist, Google Docsist lihttekstina alla laadida või paljudest muudest rakendustest eksportida. Selle näite jaoks saate kasutada meie saidi kaustas XD-Files olevat näidistekstifaili nimega Bugtext.txt.

Paigutage tekstifaili sisaldav kaust nii, et näete faili ja korduvat ruudustikku.

Nagu korduva pildi asendamise protsessis, klõpsake ja lohistage .txt-fail üle korduva ruudustiku teksti. Tekst asendatakse teie faili tekstiga.

Teksti asendamiseks klõpsake ja lohistage .txt-fail üle korduva ruudustiku.

Näete näidet sellisena, nagu see kuvatakse, kui pildid ja tekst on siin asendatud.

Korduv ruudustik uute kujutiste ja tekstiga.

Kui ulatusite vaatealast kaugemale, klõpsake selle valimiseks kindlasti joonistustahvli kohal oleval joonistusplaadi nimel.

Lohistage alumist käepidet, et pikendada korduva ruudustiku pikkuseni. See võimaldab eelvaates ekraani kerida. Punktiirjoon tähistab ala, mis kuvatakse enne kerimist.

Korduva ruudustiku vaateala laiendamiseks klõpsake ja lohistage.

Klõpsake nuppu Töölaua eelvaade ja kerige, et näha korduvat ruudustikku töös.