Ridimensionamento reattivo e vincoli

Scopri come utilizzare il ridimensionamento reattivo e i vincoli per più formati e layout di schermo.

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.

Ridimensionamento reattivo
Ridimensionamento reattivo

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.

Ridimensionamento reattivo utilizzando una risorsa durante il ridimensionamento

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 del gruppo con reticoli rosa

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
Configurazione dei vincoli per i singoli oggetti

Configurazione dei vincoli per gruppi di oggetti
Configurazione dei vincoli per un gruppo di oggetti

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:

  1. Seleziona la tavola da disegno in modalità Progettazione.

  2. Nella finestra di Ispezione proprietà, seleziona l’interruttore per attivare il ridimensionamento reattivo.

    Attiva il ridimensionamento reattivo, seleziona Manuale e visualizza i vincoli
    Attivazione o disattivazione del ridimensionamento reattivo

  3. Seleziona le opzioni di ridimensionamento reattivo seguenti:

    • Automatico: utilizza automaticamente i vincoli per ridimensionare la tavola da disegno.
    • Manuale: ti consente di configurare vincoli manuali disponibili nella finestra di Ispezione proprietà.
    Attiva il ridimensionamento reattivo, seleziona Manuale e visualizza i vincoli
    Attiva il ridimensionamento reattivo, seleziona Manuale e visualizza i vincoli

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

Accedi al tuo account