Allineamento e distribuzione in Adobe XD

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.


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