Progettazione, prototipazione e condivisione con Adobe XD

Di Dani Beaumont

Seleziona un formato predefinito per la tavola da disegno. Se vuoi lavorare con un formato personalizzato, digita la larghezza e l’altezza in pixel nei campi di testo nell’opzione Personalizzata. Per specificare un formato personalizzato, fai clic sull’icona Formato personalizzato.

Raccogli le risorse in uno dei seguenti modi:

• Usa gli strumenti di progettazione di Adobe XD per progettare le tue risorse ex-novo. Per ulteriori informazioni, consulta Strumenti di disegno e Strumenti di testo.
• Copia le progettazioni da Photoshop, Sketch, After Effects o Illustrator e incollale nella tavola da disegno in Adobe XD. Puoi anche importare, trascinare o copiare e incollare un file JPG, SVG, PNG o GIF da:
  • Esplora file (Windows)
  • Finder (Mac) 
  • Browser Web
  • Appunti del sistema operativo

Migliora gli oggetti nella progettazione. Ad esempio, combina o masche gli oggetti, modifica le proprietà di tratto e riempimento, utilizza le sovrapposizioni per impilare il contenuto sopra una tavola da disegno di base e spostare o ruotare gli oggetti o utilizza il ridimensionamento reattivo per progettare risorse per schermi con dimensioni e layout diversi. Usa le risorse collegate per creare e mantenere un’unica versione per kit di interfaccia utente, fogli di adesivi o guide di stile e condividile tra documenti per una scalabilità di progettazione coerente e plug-in per automatizzare operazioni ripetute o parti dei flussi di lavoro del progettista che sono noiose, complesse o ripetitive.

Per ulteriori informazioni, consulta:

• Selezione, ridimensionamento e rotazione degli oggetti
• Combinazione di oggetti con operazioni booleane e mascheratura di oggetti con le forme
• Raggruppamento, blocco e duplicazione degli oggetti
• Spostamento, allineamento, distribuzione e disposizione degli oggetti
• Impostazione di tratto, riempimento e ombra esterna per gli oggetti
• Utilizzo di ridimensionamento reattivo e vincoli
• Creazione e gestione dei plug-in
• Utilizzo dei componenti

Disponi gli elementi ripetuti senza sforzo utilizzando la funzione Griglia di ripetizione per creare una griglia dal contenuto esistente senza doverlo duplicare manualmente. Per ulteriori informazioni, consulta Creazione di elementi ripetuti.

Utilizza i plug-in per automatizzare le operazioni ripetitive o le parti dei flussi di lavoro dei progettisti che sono noiose, complesse o ripetitive. Per ulteriori informazioni, consulta Creazione e gestione dei plug-in.

Aggiungi più tavole da disegno per ciascuna schermata necessaria per il prototipo. Per ulteriori informazioni, consulta Utilizzo delle tavole da disegno.

Per collegare le tavole da disegno o configurare l’interattività, seleziona la tavola da disegno o un oggetto e fai clic sulla freccia a destra. Viene visualizzato un collegamento. Trascina e collega il collegamento a un altro oggetto o un’altra tavola da disegno. Nella finestra a comparsa visualizzata, specifica le opzioni per la transizione e la sua durata.

Puoi anche usare la sovrapposizione per simulare il concetto di transizioni senza duplicare il contenuto su più tavole da disegno. Per informazioni dettagliate, consulta Creazione di prototipi interattivi.

Fai clic sull’icona Anteprima in alto a destra dell’applicazione. XD visualizza una schermata di anteprima che consente di visualizzare e navigare nelle diverse pagine. Nella schermata Anteprima è disponibile l’icona Registra che ti consente di registrare il flusso tra le pagine e salvarlo in formato MP4. 

Per ulteriori informazioni, consulta Anteprima e registrazione delle interazioni.

Condividi i prototipi per la revisione, la presentazione o la verifica degli utenti della progettazione. Puoi anche pubblicare prototipi e specifiche di progettazione per lo sviluppo o personalizzare l’esperienza di visualizzazione a seconda delle tue preferenze. Per ulteriori informazioni, consulta Condivisione di progettazioni e prototipi.