Se hai domande o un'idea da condividere, partecipa nella community di Adobe XD. Desideriamo ricevere il tuo feedback e vedere le tue creazioni.
Scopri come utilizzare il riempimento fisso per creare con facilità layout basati sul contenuto come pulsanti, menu a discesa, descrizioni comandi o finestre di dialogo modali.
Adobe XD ti consente di impostare valori di riempimento fissi per gruppi o componenti con stati e adattare lo sfondo automaticamente quando il contenuto è modificato.
Questo consente di ridurre l’impatto e il sovraccarico cognitivo della progettazione durante la creazione di pulsanti, menu a discesa, descrizioni comandi o finestre di dialogo modali.
A differenza del ridimensionamento reattivo che agisce quando ridimensioni un intero gruppo, il riempimento funziona quando modifichi il contenuto all’interno di un gruppo.
Puoi dimenticarti del ridimensionamento manuale e dare il benvenuto alla flessibilità e a flussi di lavoro più veloci.
Il riempimento è la distanza dallo sfondo visivo al bordo del contenuto su ciascun lato identificato da uno sfondo allungato.
XD identifica automaticamente uno sfondo quando:
Per controllare con precisione le dimensioni dello sfondo di un oggetto con il riempimento, segui la procedura descritta:
Puoi visualizzare l’opzione Riempimento solo se l’elemento dello sfondo della struttura del livello è posizionato per ultimo nel gruppo e si sovrappone ad altri oggetti.
Quando sposti o ridimensioni il contenuto all’interno di un gruppo o un componente, XD identifica lo sfondo, calcola i valori di riempimento e li aggiorna nella finestra di Ispezione proprietà.
I valori aggiornati sono mantenuti nel gruppo o nel componente e lo sfondo è ridimensionato automaticamente. Quando un gruppo o un componente non ha uno sfondo visivo, il valore di riempimento è impostato su 0.
Usa una delle opzioni tra le seguenti:
Quando aumenti i valori di riempimento, XD crea, durante la prototipazione, un riempimento invisibile che funge da spazio di sicurezza attorno ai loghi o in un’area di tocco più ampia per i pulsanti.
I componenti ereditano il comportamento di riempimento dal relativo componente principale. Questo significa che i valori di riempimento impostati nel componente principale sono sincronizzati tra istanze o stati.
La sostituzione del riempimento si verifica quando:
Se elimini uno sfondo, XD valuta il gruppo e promuove automaticamente il livello eleggibile successivo come sfondo e aggiorna i valori di riempimento. Se non è presente nessun livello di sfondo, il valore di riempimento è reimpostato su 0.
Il riempimento non si anima in modalità Prototipo quando utilizzi gli stati Passaggio o Tocca nel contenuto di progettazione.
Vuoi cambiare l’etichetta di un pulsante senza che fuoriesca dal pulsante?
Tempo di visione: 7 minuti.
Ti abbiamo illustrato i primi passi con il riempimento. Continua e scopri come creare progettazioni o prototipi interattivi e condividerli con gli stakeholder quali sviluppatori e colleghi progettisti.
Se hai domande o un'idea da condividere, partecipa nella community di Adobe XD. Desideriamo ricevere il tuo feedback e vedere le tue creazioni.
Accedi al tuo account