Guida utente Annulla

Esportazione delle risorse di progettazione

  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. Gestione colore
    5. Requisiti di sistema
      1. Requisiti hardware e software
      2. Adobe XD, Big Sur e Apple Silicon | macOS 11
    6. Nozioni di base sull'area di lavoro
    7. Cambia la lingua dell'app in Adobe XD
    8. Accesso ai kit di progettazione per interfaccia utente
    9. Accessibilità in Adobe XD
    10. Scelte rapide da tastiera
    11. Consigli e suggerimenti
  3. Progettazione
    1. Tavole da disegno, guide e livelli
      1. Introduzione alle tavole da disegno
      2. Utilizzo di 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. Creazione di prototipi utilizzando i video
      3. 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. Creazione di collegamenti ipertestuali
    11. Anteprima di progettazioni e prototipi
  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
    13. Condivisione di gruppo per le aziende
    14. Eseguire il backup o trasferire le risorse XD
  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. Utilizzare 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 e Creative Cloud Libraries
      1. Problemi con i documenti cloud di XD
      2. Problemi con i componenti collegati
      3. Problemi con librerie e collegamenti
    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 esportare da Adobe XD le risorse pronte per essere utilizzate in produzione nei formati di file PNG, SVG, JPG e PDF.

Da XD puoi esportare risorse quali immagini bitmap, icone e pattern di sfondo, testo e tavole da disegno nei formati come PNG, SVG, JPG e PDF. Queste risorse esportate sono ottimizzate per la distribuzione in iOS, Android o nelle web app.

Se utilizzi XD per macOS, puoi anche importare le tue progettazioni in integrazioni di terze parti quali Zeplin, Avocode, Sympli, Kite Compositor e Protopie.

Selezionare risorse e tavole per l'esportazione

macOS

Seleziona un oggetto o una tavola da disegno, passa a File > Esporta o premi Comando + E.    

Windows

Seleziona un oggetto o una tavola da disegno, passa a File > Esporta.  

  • Batch: puoi esportare in batch le risorse contrassegnate con l’opzione Seleziona per esportazione nella finestra di Ispezione proprietà. Per esportare più oggetti come singola risorsa, raggruppa gli oggetti prima dell’esportazione.
  • Selezionata: puoi selezionare ed esportare risorse specifiche.
  • Tutte le tavole da disegno: puoi selezionare per l’esportazione tutte le tavole da disegno in una progettazione.
  • After Effects: puoi selezionare la risorsa da esportare in After Effects.

Selezione dei livelli per l'esportazione

I livelli contrassegnati per l'esportazione sono inclusi come risorse nelle specifiche di progettazione. Per contrassegnare le risorse per l'esportazione, seleziona qualsiasi livello nell'area di lavoro e utilizza una delle seguenti opzioni: 

  • Fai clic con il pulsante destro del mouse sull'area di lavoro e seleziona Seleziona per esportazione dall'elenco a discesa. 
  • Apri il pannello dei livelli e fai clic sull'icona Seleziona per esportazione accanto al nome del livello.

Esportazione delle risorse in diversi formati di file

Le risorse sono i file di progettazione che gli sviluppatori richiedono per ricreare ciò che hai progettato, utilizzando HTML/CSS/JS in un sito Web o linguaggi nativi come Swift o Java nelle app per iOS e Android.

In generale, le risorse più comuni sono le immagini bitmap, le icone e i pattern di sfondo che puoi esportare nei seguenti formati: PNGSVGPDFJPG.

Con XD 57 e versioni successive, puoi esportare risorse in formato JPG, PNG e PDF con una resa cromatica uniforme. Per ottenere questo risultato, cambia il profilo colore del documento in sRGB. Se provi a esportare una risorsa da un documento con profilo colore non gestito, viene visualizzato un messaggio che ti informa di una possibile discrepanza di colore nella risorsa esportata. Per ulteriori informazioni, consulta Gestione colore.

Esporta come PNG

Scegli una dimensione di esportazione comune o specifica per la piattaforma oppure imposta una dimensione di esportazione personalizzata:

  • Dimensioni di esportazione predefinite o personalizzate - Scegli una delle dimensioni di esportazione preimpostate: 0,5 x, 1 x, 1,5 x, 2 x, 3 x, 4x. Puoi anche inserire dimensioni di esportazione personalizzate comprese tra 0,1 x e 10 x.
  • Web - Le risorse sono esportate con risoluzioni 1x e 2x.
  • iOS - Le risorse sono esportate con risoluzioni 1x, 2x e 3x.
  • Android - Le risorse di progettazione sono ottimizzate ed esportate per le seguenti densità di schermo per Android:
    • ldpi - Densità bassa (75%)
    • mdpi - Densità media (100%)
    • hdpi - Densità alta (150%)
    • xhdpi - Densità altissima (200%)
    • xxhdpi - Densità extra alta (300%)
    • xxxhdpi - Densità extra extra alta (400%)

Esporta come SVG

Quando esporti oggetti o tavole da disegno come SVG, puoi impostare le seguenti opzioni:

Stile visivo:

  • Attributi presentazione: utilizza attributi XML separati per ogni singola proprietà di stile in ciascun tag SVG. Questo formato è necessario per utilizzare risorse SVG con Android Studio.
  • CSS interno: utilizza un tag con stile singolo con classi CSS e condivide le impostazioni di stile tra oggetti con gli stessi stili, riducendo così la dimensione dei file.

Immagini incorporate o collegate:

  • Incorpora: l’immagine bitmap è codificata nel file SVG.
  • Collegamento: l’immagine bitmap è memorizzata separatamente con un riferimento al file SVG.

Esporta come PDF

Puoi esportare le risorse come PDF nei seguenti modi:

  • File PDF singolo: puoi selezionare più tavole da disegno o risorse ed esportarle come singolo file PDF. 
  • File PDF multipli: puoi selezionare più tavole da disegno o risorse ed esportarle come singoli file PDF. Per ciascuna delle risorse o delle tavole da disegno selezionate sono creati file PDF separati.

Esporta come JPG

Quando esporti risorse come JPG, puoi impostare le seguenti opzioni:

Qualità: scegli 20%, 40%, 60%, 80% o 100%.

Dimensione di esportazione:

  • Dimensioni di esportazione predefinite o personalizzate - Scegli una delle dimensioni di esportazione preimpostate: 0,5 x, 1 x, 1,5 x, 2 x, 3 x, 4x. Puoi anche inserire dimensioni di esportazione personalizzate comprese tra 0,1 x e 10 x.
  • Web - Le risorse sono esportate con risoluzioni 1x e 2x.

I file JPG non sono convertiti in PDF. Le immagini raster sono importate come immagini e quindi sembrano trasformarsi in PDF.

Esportazione delle risorse in applicazioni di terze parti

Puoi anche portare le progettazione in altre applicazioni che si integrano con XD, ad esempio: Zeplin, Avocode, Sympli, Kite Compositor e Protopie

Di seguito è riportato un esempio di flusso di lavoro di XD per macOS con Zeplin:

  1. Seleziona una tavola da disegno o un livello nel file di XD e fai clic su File > Esporta > Zeplin.

    Se sono presenti più applicazioni integrate con XD, la scelta rapida da tastiera (⌥⌘E) avvia l’ultima integrazione utilizzata.

    Esportazione di risorse in Zeplin
    Esportazione di risorse in Zeplin

  2. Fai clic su Importa. Per sostituire le schermate esistenti in Zeplin con lo stesso nome, seleziona Sostituisci schermate con lo stesso nome. Zeplin la aggiunge come nuova versione della stessa schermata, senza perdere le tue note.

    Se riscontri problemi quando lavori con Zeplin in XD, controlla Impossibile visualizzare l'app di terze parti supportata nelle opzioni di esportazione per le soluzioni.

Risoluzione dei problemi

Si verificano problemi con l'esportazione delle risorse? Per risolvere i problemi correlati all'esportazione, consulta Perché non riesco a importare o esportare file in Adobe XD?

Hai una domanda o un'idea?

Chiedi alla community

Desideri che il tuo strumento di progettazione preferito abbia flussi di lavoro di esportazione aggiuntivi? Aggiungi il tuo voto o la tua richiesta in XD UserVoice.

Se hai domande o un'idea da condividere, partecipa nella community di Adobe XD. Desideriamo ricevere il tuo feedback e vedere le tue creazioni.

Ottieni supporto in modo più facile e veloce

Nuovo utente?