Allineamento e distribuzione in Adobe XD

Dopo aver iniziato a creare molti oggetti in Adobe XD, è necessario considerare la posizione di tali oggetti e il modo in cui si relazionano tra loro. Per ridurre il rumore nel tuo design, devi mantenere icone e testo allineati e distribuiti in modo pulito. Puoi controllare il tuo allineamento in diversi modi, incluso usando una griglia o usando le guide.

Accendi la tua griglia

Puoi attivare una griglia visibile solo a te seguendo questi passaggi:

Seleziona una tavola da disegno facendo clic sulla tavola da disegno nel pannello Livelli o facendo clic sul nome della tavola da disegno sopra la tavola da disegno nell'area di lavoro.

Seleziona la casella di controllo per la Griglia nella parte inferiore del pannello Proprietà.Allineamento e distribuzione in Adobe XD

Attiva la funzione Griglia per la tua tavola da disegno.

Se preferisci un colore diverso per la griglia, seleziona il quadrato a destra della casella di controllo della griglia e seleziona un colore dal selettore colori. Puoi anche utilizzare il cursore Trasparenza per modificare il livello di opacità.

Se lo desideri, modifica la dimensione della griglia digitando un valore nella casella di testo Dimensione griglia a destra della casella di controllo.

Sii intelligente con le tue guide

Per impostazione predefinita, XD fornisce guide che si attivano secondo necessità. Queste sono chiamate Smart Guide e dovrebbero esserti familiari se utilizzi altri prodotti Adobe.

Per utilizzare le guide intelligenti, presta semplicemente attenzione alle linee e alle aree ombreggiate che appaiono mentre lavori. Nota nell'immagine sotto che quando un diamante viene trascinato, viene visualizzata una guida che indica che è allineato con il diamante a sinistra.

Allineamento e distribuzione in Adobe XD

Puoi usare le guide intelligenti per allineare gli oggetti.

Le guide intelligenti possono aiutare anche con la distribuzione

La distribuzione degli oggetti si riferisce allo spazio tra un riquadro di delimitazione creato da un primo oggetto e un ultimo oggetto. Qui vedete una distribuzione non uniforme di diversi diamanti a sinistra e una distribuzione uniforme degli stessi oggetti a destra. In questo esempio, la spaziatura è distribuita uniformemente orizzontalmente.

Allineamento e distribuzione in Adobe XD

Distribuzione irregolare sul lato sinistro e distribuzione uniforme sul lato guida.

Quando posizioni gli oggetti, vedrai apparire aree ombreggiate che indicano quando lo spazio tra gli oggetti è uguale. Questo suggerimento per l'ombreggiatura appare anche quando si trascina Alt/Opzione per clonare gli oggetti.

Allineamento e distribuzione in Adobe XD

Le guide intelligenti forniscono un suggerimento quando lo spazio è uniforme tra gli oggetti.

Utilizzo della funzione Allinea e distribuisci

La funzione Allinea e distribuisci disponibile nel menu Oggetto e nel pannello Proprietà può aiutarti a mantenere gli elementi in linea e distanziati la sera.

Se selezioni due elementi, puoi sfruttare le funzionalità di allineamento. Se selezioni tre o più oggetti, puoi anche utilizzare le funzioni di distribuzione.

Tieni a mente il trucco per determinare l'orizzontale rispetto al verticale. L'orizzonte è orizzontale. Tutto ciò che va da sinistra a destra sulla tua pagina dovrebbe essere distribuito orizzontalmente. Tutti gli oggetti che vanno dall'alto verso il basso devono essere distribuiti verticalmente.

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