Come utilizzare la funzione Ripeti griglia in Adobe XD

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.


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 […]

Gli strumenti Fluidifica in Adobe CS5 Illustrator

Gli strumenti Fluidifica in Adobe CS5 Illustrator

Quando utilizzi gli strumenti Fluidifica in Adobe Creative Suite 5 (Adobe CS5) Illustrator, puoi piegare gli oggetti, renderli ondulati, appiccicosi o appuntiti, creando distorsioni da semplici a complesse. Gli strumenti Fluidifica possono realizzare tutti i tipi di distorsioni creative o stravaganti (a seconda di come lo guardi) ai tuoi oggetti. Voi […]

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 […]

Lavorare con le tavole da disegno in Photoshop CC

Lavorare con le tavole da disegno in Photoshop CC

Proprio come in Adobe Illustrator, le tavole da disegno di Photoshop offrono la possibilità di creare pagine o schermate separate all'interno di un documento. Questo può essere particolarmente utile se stai costruendo schermi per un'applicazione mobile o una piccola brochure. Puoi pensare a una tavola da disegno come a un tipo speciale di gruppo di livelli creato utilizzando il pannello Livelli. Suo […]

Testo a capo in Adobe Illustrator CC

Testo a capo in Adobe Illustrator CC

Avvolgere il testo in Adobe Illustrator CC non è esattamente come avvolgere un regalo: è più facile! Un ritorno a capo forza il testo a avvolgere un elemento grafico, come mostrato in questa figura. Questa caratteristica può aggiungere un po' di creatività a qualsiasi pezzo. L'elemento grafico sta costringendo il testo a avvolgerlo. Innanzitutto, crea […]

Come ridimensionare le forme in Illustrator

Come ridimensionare le forme in Illustrator

Quando si progetta in Adobe Illustrator CC, spesso è necessario che una forma abbia le dimensioni esatte (ad esempio, 2 x 3 pollici). Dopo aver creato una forma, il modo migliore per ridimensionarla a misure esatte è utilizzare il pannello Trasforma, mostrato in questa figura. Avere l'oggetto selezionato e quindi scegliere Finestra → Trasforma in […]

Come applicare la trasparenza agli SVG

Come applicare la trasparenza agli SVG

Scopri come applicare la trasparenza alla grafica SVG in Illustrator. Scopri come produrre SVG con sfondi trasparenti e applicare effetti di trasparenza.

Lavorare con le immagini in Adobe XD

Lavorare con le immagini in Adobe XD

Dopo aver importato le tue immagini in Adobe XD, non hai un grande controllo sulla modifica, ma puoi ridimensionare e ruotare le immagini proprio come faresti con qualsiasi altra forma. Puoi anche arrotondare facilmente gli angoli di un'immagine importata utilizzando i widget degli angoli. Mascherare le tue immagini Definendo una forma chiusa […]