Ridimensionamento reattivo e vincoli

Ridimensionamento reattivo

Quando progetti nel contesto del panorama multi-dispositivo odierno, è importante considerare la grande varietà di formati di schermo disponibili con risoluzioni per dispositivi mobili, tablet e desktop. Poiché non tutti i progettisti utilizzano dispositivi simili, dovranno considerare il modo in cui contenuto può funzionare con più formati di schermo. 

Per risolvere questo problema per l’utente, Adobe XD ha sviluppato una funzione denominata ridimensionamento reattivo che consente di ridimensionare gli oggetti mantenendo le relazioni spaziali con dimensioni diverse per meglio adattarsi a più formati di schermo.

Utilizzo del ridimensionamento reattivo

Con il ridimensionamento reattivo, XD prevede automaticamente quali vincoli potresti applicare e procede automaticamente con il ridimensionamento degli oggetti. 

Normalmente, per ottenere un comportamento simile a quello reattivo, i progettisti dovevano applicare manualmente i vincoli a più oggetti per dettare il comportamento dell’oggetto quando ridimensionato. Questo metodo monotono e dispendioso in termini di tempo era incentrato per lo più su congetture e gesti ripetitivi, oscurando la scintilla creativa della progettazione.

XD applica automaticamente i vincoli analizzando gli oggetti selezionati, la loro struttura di raggruppamento e la vicinanza ai bordi del gruppo principale e le informazioni relative al layout.

Reticoli del ridimensionamento reattivo

Durante il ridimensionamento di un oggetto, sono visualizzati dei reticoli rosa. Questi reticoli indicano quali regole di vincolo sono applicate a un gruppo. XD fornisce un metodo visivo e contestuale per determinare come ridimensionamento reattivo e vincoli manuali funzionano insieme.

Ridimensionamento reattivo e gruppi

Prima di effettuare il ridimensionamento, puoi raggruppare oggetti simili per stabilire le relazioni che intercorrono tra loro. Per impostazione predefinita, XD mantiene gli oggetti raggruppati e consente di stabilire una gerarchia nei progetti attraverso un meccanismo organizzativo che utilizzi già. Quando ridimensionati, gli oggetti raggruppati rimangono insieme.

Modifica manuale dei vincoli

Se i risultati del ridimensionamento reattivo non ti soddisfano, puoi modificare manualmente le regole di vincolo. Il posizionamento di vincoli manuali ti consente di determinare esplicitamente il comportamento degli oggetti quando ridimensioni un componente, una tavola da disegno o un gruppo contenente livelli.

Seleziona Manuale per modificare manualmente i vincoli che il ridimensionamento reattivo ha posto sugli oggetti. I vincoli manuali hanno sempre la precedenza sui vincoli automatici imposti da XD. Puoi utilizzare i seguenti vincoli per specificare le regole e controllare il comportamento dei vari componenti.

• Larghezza fissa/variabile
• Altezza fissa/variabile
• Margine sinistro fisso/variabile
• Margine destro fisso/variabile
• Margine superiore fisso/variabile
• Margine inferiore fisso/variabile

Ridimensionamento reattivo delle tavole da disegno

Per impostazione predefinita, il ridimensionamento reattivo è disattivato per le tavole da disegno, ma puoi attivarlo.

Per attivare il ridimensionamento reattivo:

Ignora il ridimensionamento reattivo per i gruppi

Sebbene il ridimensionamento reattivo sia il comportamento di ridimensionamento predefinito per la selezione multipla e il ridimensionamento dei gruppi, puoi: 

• Utilizzare il tasto Maiusc per ignorare temporaneamente il comportamento reattivo durante un ridimensionamento in scala. Trascinare da una delle maniglie di selezione ad angolo durante il ridimensionamento per bloccare le proporzioni del gruppo.
• Disattivare l’opzione di ridimensionamento reattivo nella finestra di Ispezione proprietà.

Altri contenuti simili

• Esercitazione video sul ridimensionamento reattivo