Come utilizzare la funzione Ripeti griglia in Adobe XD

Ripeti griglia è una delle migliori funzionalità per risparmiare tempo in Adobe XD. La funzione Ripeti griglia consente di creare un insieme di elementi ripetuti con un semplice clic e trascinamento. Quando ripetuto, puoi modificare un set di elementi ripetuti e far sì che tali modifiche si riflettano istantaneamente nel resto degli elementi. I passaggi che trovi qui ti aiutano a sperimentare questa fantastica funzionalità.

È meglio seguire le istruzioni, se possibile. Puoi trovare un file di esempio che contiene un'immagine e del testo nella cartella LuckyTemplatesCCfiles . Apri la cartella XD e scegli il file RepeatGrid-Sample. Quindi segui questi passaggi:

Apri un file che contiene elementi che desideri ripetere verticalmente (in basso) nella pagina. Come accennato in precedenza, puoi crearne uno tuo o utilizzare il file RepeatGrid-Sample che è stato fornito sul nostro sito.

Seleziona tutti gli elementi che devono essere ripetuti, quindi premi il pulsante Ripeti griglia nel pannello Proprietà. Puoi anche scegliere di utilizzare la scorciatoia da tastiera, Ctrl+R (Windows) o ⌘ +R (Mac).

Le maniglie vengono visualizzate sui lati destro e inferiore dei tuoi elementi.

Seleziona gli elementi che desideri ripetere e quindi premi il pulsante Ripeti griglia nel pannello Proprietà.

Fare clic e trascinare verso il basso sulla maniglia in basso per vedere che una ripetizione viene creata automaticamente durante il trascinamento. Trascina oltre il modello per estendere l'opera d'arte al di fuori della parte inferiore.

Ripeti facilmente gli elementi selezionati utilizzando la funzione Ripeti griglia.

Torna alla tua arte originale e apporta una semplice modifica. Forse cambia la dimensione del testo del titolo o ridimensiona un po' l'immagine. Nota che quando apporti modifiche a questo primo elemento, le modifiche si riflettono in tutta la ripetizione.

Questo può essere un enorme risparmio di tempo, ma segui i passaggi successivi per vedere come puoi sostituire facilmente l'immagine e il testo ripetuti.

Importazione di immagini aggiornate nella tua griglia ripetuta

Dopo aver ripetuto gli elementi, potresti voler dimostrare come funzionerà la tua applicazione con contenuti più realistici. L'elemento ripetuto non offre l'opportunità di mostrare i vari dati che la tua app potrebbe offrire. Di seguito, prendi una cartella di immagini e le rilasci sopra la griglia ripetuta per sostituire l'immagine originale. Basta seguire questi passaggi:

Individua una cartella di immagini in un formato supportato da XD, come JPEG, PNG o GIF. Se stai accedendo alla cartella LuckyTemplatesCCfiles , puoi trovare una cartella denominata Insects all'interno della cartella XD Files.

Posiziona la tua finestra XD che contiene la tavola da disegno con la ripetizione in modo che tu possa vederla e anche la cartella piena di immagini.

Assicurati di selezionare tutte le immagini, quindi fai clic e trascinale sulla griglia ripetuta. Le immagini vengono sostituite.

Puoi trascinare e rilasciare più immagini nella griglia ripetuta per sostituire il contenuto dell'immagine.

Puoi anche trascinare le immagini dall'applicazione Bridge in Adobe XD.

Aggiornare il testo nella griglia ripetuta

Qui scopri come aggiornare il tuo testo in una griglia ripetuta. Questo è completato più o meno allo stesso modo delle immagini, ma il formato .txt è vitale per far funzionare questo processo:

Crea testo in qualsiasi applicazione in grado di salvare il file in un formato di testo normale, ovvero con estensione .txt. Il testo può essere generato da Blocco note, Word, scaricato da Google Docs come testo normale o esportato da molte altre applicazioni. Per questo esempio, puoi utilizzare il file di testo di esempio denominato Bugtext.txt nella cartella XD-Files sul nostro sito.

Posiziona la cartella che contiene il file di testo in modo da poter vedere il file e la griglia ripetuta.

Come per il processo di sostituzione dell'immagine ripetuta, fai clic e trascina il file .txt sul testo della griglia ripetuta. Il testo viene sostituito con il testo del tuo file.

Fare clic e trascinare un file .txt sulla griglia ripetuta per sostituire il testo.

Puoi vedere l'esempio come appare una volta che le immagini e il testo sono stati sostituiti qui.

La griglia ripetuta con nuove immagini e testo.

Se ti sei esteso oltre l'area di visualizzazione, assicurati di fare clic sul nome della tavola da disegno sopra la tavola da disegno per selezionarlo.

Trascina la maniglia in basso per estenderla fino alla lunghezza della griglia ripetuta. Ciò consente di scorrere lo schermo nell'anteprima. La linea tratteggiata rappresenta l'area visualizzata in anteprima prima dello scorrimento.

Fare clic e trascinare per estendere l'area di visualizzazione della griglia ripetuta.

Fare clic sul pulsante Anteprima desktop e scorrere per vedere la griglia ripetuta in azione.