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.

Come utilizzare la funzione Ripeti griglia in Adobe XD

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.Come utilizzare la funzione Ripeti griglia in Adobe XD

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.Come utilizzare la funzione Ripeti griglia in Adobe XD

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.Come utilizzare la funzione Ripeti griglia in Adobe XD

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.

Come utilizzare la funzione Ripeti griglia in Adobe XD

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.Come utilizzare la funzione Ripeti griglia in Adobe XD

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.

Leave a Comment

Raggruppa e separa oggetti in Adobe CS5 Illustrator

Raggruppa e separa oggetti in Adobe CS5 Illustrator

Scopri come raggruppare e separare oggetti in Adobe Creative Suite 5 (Adobe CS5) Illustrator per migliorare il tuo flusso di lavoro creativo.

Testo a capo in Adobe Illustrator CC

Testo a capo in Adobe Illustrator CC

Scopri come avvolgere il testo in Adobe Illustrator CC per migliorare la tua creatività grafica. Segui i nostri passaggi dettagliati per un avvolgimento efficace!

Gli strumenti Fluidifica in Adobe CS5 Illustrator

Gli strumenti Fluidifica in Adobe CS5 Illustrator

Utilizza gli strumenti Fluidifica in Adobe CS5 Illustrator per creare distorsioni artistiche ai tuoi oggetti. Scopri come piegare e modellare le forme in modo creativo.

Come esportare file JPEG e PNG di Adobe InDesign CS6 per la stampa

Come esportare file JPEG e PNG di Adobe InDesign CS6 per la stampa

Scopri come esportare file JPEG e PNG da Adobe InDesign CS6. Guida dettagliata per migliorare la pubblicazione online con immagini di alta qualità.

Lavorare con le immagini in Adobe XD

Lavorare con le immagini in Adobe XD

Scopri come lavorare con le immagini in Adobe XD, incluso il ridimensionamento, la rotazione e l

Come spostare e clonare le selezioni in Photoshop CS6

Come spostare e clonare le selezioni in Photoshop CS6

Scopri come spostare e clonare le selezioni in Adobe Photoshop CS6 con tecniche aggiornate e trucchi utili per migliorare la tua creatività.

Schermata Cattura una sezione di un file PDF

Schermata Cattura una sezione di un file PDF

Puoi utilizzare lo strumento Istantanea in Adobe Acrobat CS5 per selezionare sia testo che immagini e creare un'immagine di una determinata area all'interno di un file PDF. Il risultato viene comunemente chiamato screenshot di una sezione all'interno di un file PDF. Il risultato è un'immagine e il tuo testo non è […]

Misurazione, conteggio e analisi dei pixel in Photoshop CC

Misurazione, conteggio e analisi dei pixel in Photoshop CC

Progettato per ricercatori e scienziati, le capacità di misurazione in Photoshop CC sono piuttosto potenti. Puoi misurare qualsiasi cosa e contare il numero di qualsiasi cosa in un'immagine tecnica, magari da un microscopio o un telescopio. Se conosci la dimensione esatta di qualsiasi elemento in un'immagine, puoi scoprire praticamente qualsiasi cosa […]

Come regolare le proprietà del testo in Adobe XD

Come regolare le proprietà del testo in Adobe XD

Quando hai del testo nel tuo progetto Adobe XD, puoi iniziare a modificare le proprietà del testo. Queste proprietà includono Famiglia di caratteri, Dimensione carattere, Spessore carattere, Allineamento, Spaziatura caratteri (crenatura e tracciamento), Interlinea (interlinea), Riempimento, Bordo (tratto), Ombra (ombra esterna) e Sfocatura sfondo. Quindi esaminiamo come vengono applicate queste proprietà. A proposito di leggibilità e carattere […]

Come creare codici QR in InDesign CC

Come creare codici QR in InDesign CC

Puoi utilizzare InDesign per creare e modificare la grafica del codice QR. I codici QR sono una forma di codice a barre in grado di memorizzare informazioni come parole, numeri, URL o altre forme di dati. L'utente esegue la scansione del codice QR utilizzando la fotocamera e il software su un dispositivo, come uno smartphone, e il software utilizza […]