Guida utente Annulla

Progettazione, prototipazione e condivisione con Adobe XD

  1. Guida utente di Adobe XD
  2. Introduzione
    1. Novità di Adobe XD
    2. Domande frequenti
    3. Progettazione, prototipazione e condivisione con Adobe XD
    4. Requisiti di sistema
      1. Requisiti hardware e software
      2. Adobe XD, Big Sur e Apple Silicon | macOS 11
    5. Nozioni di base sull'area di lavoro
    6. Cambia la lingua dell'app in Adobe XD
    7. Accesso ai kit di progettazione per interfaccia utente
    8. Accessibilità in Adobe XD
    9. Scelte rapide da tastiera
    10. Consigli e suggerimenti
    11. Modifiche al piano XD Starter
  3. Progettazione
    1. Tavole da disegno, guide e livelli
      1. Introduzione alle tavole da disegno
      2. Usare guide e griglie
      3. Creazione di tavole da disegno scorrevoli
      4. Utilizzo dei livelli
      5. Creazione di gruppi di scorrimento
    2. Forme, oggetti e percorso
      1. Selezione, ridimensionamento e rotazione degli oggetti
      2. Spostamento, allineamento, distribuzione e disposizione degli oggetti
      3. Operazioni raggruppa, blocca, duplica, copia e rifletti sugli oggetti
      4. Impostazione di tratto, riempimento e ombra esterna per gli oggetti
      5. Creazione di elementi ripetuti
      6. Crea progetti prospettici con trasformazioni 3D
      7. Modifica di oggetti mediante le operazioni booleane
    3. Testo e font
      1. Utilizzo degli strumenti di disegno e testo
      2. Font in Adobe XD
    4. Componenti e stati
      1. Utilizzo dei componenti
      2. Utilizzo dei componenti nidificati
      3. Aggiunta di più stati ai componenti
    5. Mascheratura ed effetti
      1. Creazione di una maschera con le forme
      2. Utilizzo degli effetti di sfocatura
      3. Creazione e modifica di sfumature
      4. Applicazione degli effetti di fusione
    6. Layout
      1. Ridimensionamento reattivo e vincoli
      2. Impostazione del riempimento fisso per componenti e gruppi
      3. Creazione di progettazioni dinamiche con le pile
    7. Video e animazioni Lottie
      1. Utilizzo dei video
      2. Utilizzo delle animazioni Lottie
  4. Prototipazione
    1. Creazione di prototipi interattivi
    2. Animazione dei prototipi
    3. Proprietà dell'oggetto supportate per l'animazione automatica
    4. Creazione di prototipi con tastiera e gamepad
    5. Creazione di prototipi con comandi e riproduzione vocali
    6. Creazione di transizioni temporizzate
    7. Aggiunta di sovrapposizioni
    8. Progettazione di prototipi vocali
    9. Creazione di collegamenti con ancoraggio
    10. Anteprima di progettazioni e prototipi
    11. Creazione di prototipi utilizzando i video
  5. Condivisione, esportazione e revisione
    1. Condivisione delle tavole da disegno selezionate
    2. Condivisione di progettazioni e prototipi
    3. Configurazione delle autorizzazioni di accesso per i collegamenti
    4. Utilizzo dei prototipi
    5. Revisione dei prototipi
    6. Utilizzo delle specifiche di progettazione
    7. Condivisione delle specifiche di progettazione
    8. Ispezione delle specifiche di progettazione
    9. Navigazione delle specifiche di progettazione
    10. Revisione e inserimento di commenti nelle specifiche di progettazione
    11. Esportazione delle risorse di progettazione
    12. Esportazione e download delle risorse dalle specifiche di progettazione
  6. Sistemi di progettazione
    1. Progettare i sistemi con Creative Cloud Libraries
    2. Utilizzo delle risorse dei documenti in Adobe XD
    3. Utilizzo di Creative Cloud Libraries in Adobe XD
    4. Migrazione delle risorse collegate in Creative Cloud Libraries
    5. Utilizzo dei token di progettazione 
    6. Utilizza le risorse da Creative Cloud Libraries
  7. Documenti cloud
    1. Documenti cloud in Adobe XD
    2. Collaborazione e modifica in comproprietà delle progettazioni
    3. Modifica in comproprietà di documenti condivisi
  8. Integrazioni e plugin
    1. Utilizzo di risorse esterne
    2. Utilizzo delle risorse di progettazione da Photoshop
    3. Operazione di copia e incolla di risorse da Photoshop
    4. Importazione o apertura delle progettazioni di Photoshop
    5. Utilizzo delle risorse di Illustrator in Adobe XD
    6. Apertura e importazione delle progettazioni di Illustrator
    7. Copia di vettori da Illustrator a XD
    8. Plug-in per Adobe XD
    9. Creazione e gestione dei plug-in
    10. Integrazione di Jira per XD
    11. Plug-in di Slack per XD
    12. Plug-in di Zoom per XD
    13. Pubblicazione di progetti da XD a Behance
  9. XD per iOS e Android
    1. Anteprima da dispositivi mobili
    2. Domande frequenti su Adobe XD per dispositivi mobili
  10. Risoluzione dei problemi
    1. Problemi noti e risolti
      1. Problemi noti
      2. Problemi risolti
    2. Installazione e aggiornamenti
      1. XD viene considerato non compatibile su Windows
      2. Codice errore 191
      3. Codice errore 183
      4. Problemi di installazione dei plugin XD
      5.  Richiesta di disinstallare e reinstallare XD su Windows 10
      6. Problemi di migrazione delle preferenze
    3. Avvio e arresto anomalo
      1.  XD si arresta in modo anomalo quando viene avviato su Windows 10
      2.  XD si chiude quando si esce da Creative Cloud
      3. Problema relativo allo stato dell’abbonamento in Windows
      4. Avviso di app bloccate all'avvio di XD su Windows
      5. Generazione di dump di arresto anomalo su Windows
      6. Raccolta e condivisione del registro degli arresti anomali
    4. Documenti cloud
      1. Problemi con i documenti cloud di XD
    5. Creare prototipi, pubblicare e revisionare
      1. Impossibile registrare le interazioni di prototipi su macOS Catalina
      2. Problemi con i flussi di lavoro di pubblicazione
      3. I collegamenti pubblicati non vengono visualizzati nei browser
      4. I prototipi non vengono visualizzati correttamente nei browser
      5. Il pannello dei commenti viene visualizzato in modo imprevisto sui collegamenti condivisi
      6. Impossibile pubblicare le librerie
    6. Importare, esportare e lavorare con altre app
      1. Importare ed esportare in XD
      2. File Photoshop in XD
      3. File Illustrator in XD
      4. Esporta in After Effects da XD
      5. File Sketch in XD
      6. App di terze parti non visibili in Esporta

Scopri come utilizzare XD per progettare prototipi, wireframe e grafica interattivi.

Adobe XD consente ai progettisti di UX di progettare esperienze utente interattive per Web e app per dispositivi mobili utilizzando un’unica app.

In XD, puoi creare rapidamente e facilmente le progettazioni sulle tavole da disegno. Collega quindi le tavole da disegno per creare un prototipo interattivo che puoi condividere e iterare con gli stakeholder. Puoi inoltre utilizzare i plug-in per automatizzare le operazioni ripetitive o le parti dei flussi di lavoro dei progettisti che sono noiose, complesse o ripetitive. 

Adobe XD si integra con Photoshop, Illustrator e After Effects.

Puoi continuare a progettare nelle tue applicazioni preferite, portare le risorse in XD e utilizzare XD per creare e condividere i prototipi. XD supporta file SVG e bitmap senza alcuna perdita di fedeltà. Puoi quindi migliorare ulteriormente queste risorse in Adobe XD o usarle per sviluppare prototipi interattivi. 

Flusso di lavoro generale

Progettazione, prototipazione e condivisione con Adobe XD
Progettazione, prototipazione e condivisione con Adobe XD

In breve, il flusso di lavoro può essere descritto nei seguenti passaggi generali:

  • Progettazione: crea elementi di layout di progettazione, aggiungi tavole da disegno e importa risorse da altre applicazioni come Adobe Illustrator, Adobe Photoshop e Adobe After Effects. Puoi inoltre utilizzare i plug-in per automatizzare le operazioni ripetitive o le parti dei flussi di lavoro dei progettisti che sono noiose, complesse o ripetitive. 
  • Prototipazione: seleziona gli oggetti o le tavole da disegno nella progettazione e crea le interazioni tra le tavole da disegno.
  • Condivisione: quando il progetto è pronto per la revisione, puoi condividere i prototipi o le specifiche di progettazione o esportare il progetto o le risorse con gli stakeholder.

Continua a leggere per maggiori dettagli su progettazione, prototipazione e condivisione in XD.

Progettazione

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:

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.

Prototipazione

Puoi creare prototipi interattivi utilizzando le funzionalità vocali, l’animazione automatica, gesti di trascinamento e transizioni temporizzate. Per ulteriori informazioni, consulta Progettazione e prototipazione vocale in XD, Creazione di prototipi con l’animazione automatica e gesti di trascinamento e Utilizzo di transizioni temporizzate.

Puoi visualizzare in anteprima l’interattività nei prototipi e, durante l’anteprima, registrare l’interazione come file MP4.

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

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.

Logo Adobe

Accedi al tuo account