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à.
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.
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.
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.
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.