Guida utente Annulla

Esportazione e download delle risorse dalle specifiche di progettazione

Scopri come esportare e scaricare le risorse dalle specifiche di progettazione.

Esportazione delle risorse dalle specifiche di progettazione

Se contrassegni i livelli per l'esportazione e includi risorse quando pubblichi le specifiche di progettazione, puoi scaricarle dal collegamento delle specifiche di progettazione pubblicato. Le risorse vettoriali sono disponibili nei formati SVG, PNG, PDF e JPG mentre le risorse bitmap possono essere esportate nei formati PNG, PDF e JPG.

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 su qualsiasi livello della tavola da disegno, quindi seleziona la casella di controllo Seleziona per esportazione dal menu a comparsa. 
  • Fai clic con il pulsante destro sull'area di lavoro e seleziona Seleziona per esportazione dal menu a comparsa. 
  • Utilizza la scelta rapida da tastiera in macOS e la scelta rapida da tastiera nel sistema operativo Windows.
  • Apri il pannello dei livelli e fai clic sull'icona Seleziona per esportazione accanto al nome del livello.

Per esportare più risorse, seleziona più livelli in una tavola da disegno e fai clic su Seleziona per esportazione.

Selezione per opzione di esportazione

Pubblicazione delle specifiche di progettazione con le risorse

Quando includi le risorse nella pubblicazione delle specifiche di progettazione e condividi il collegamento pubblicato con gli sviluppatori, fornisci loro una posizione centralizzata da cui scaricare tali risorse.

  1. Seleziona i livelli da esportare in XD.

    Selezione dei livelli per l'esportazione
    Selezione per esportazione

  2. Fai clic su Condividi per passare alla modalità Condividi. Seleziona Sviluppo.

    condividi progettazioni

  3. Nella modalità Progettazione, seleziona le risorse da esportare. Nella finestra di Ispezione proprietà, seleziona la casella di controllo Seleziona per esportazione. Le risorse da esportare sono visualizzate nella modalità Condividi.

  4. Nella modalità Condividi, seleziona la casella di controllo Risorse scaricabili per contrassegnare le risorse per l'esportazione e fai clic su Crea collegamento.

    In base alla piattaforma per la quale hai creato la progettazione, troverai un insieme diverso di impostazioni per la risoluzione:

    • 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%)
  5. Per aprire le specifiche di progettazione pubblicate nel browser, fai clic sull'icona Apri nel browser e seleziona una tavola da disegno per visualizzare le risorse. Nel browser sono visualizzate le risorse selezionate insieme ad altri dettagli della tavola da disegno. 

    Quando posizioni il puntatore del mouse sopra le risorse, la selezione contestuale evidenzia in blu la risorsa selezionata.

Download delle risorse dalle specifiche di progettazione

Se sei uno sviluppatore, puoi scaricare le risorse dal collegamento alle specifiche di progettazione condivise con te. Puoi scaricare contemporaneamente tutte le risorse scaricabili su una tavola da disegno nella vista dei dettagli della schermata. Puoi anche scaricare le risorse singolarmente nella vista Dettagli livello.

Vista Dettagli schermata

Quando fai clic all'esterno di una tavola da disegno, viene visualizzata la vista dei dettagli della schermata. 

Nella vista dei dettagli della schermata, puoi visualizzare tutte le risorse scaricabili classificate come immagini, video, animazioni e audio nella sezione Risorse della finestra di Ispezione proprietà.

Vista Dettagli schermata
Vista Dettagli schermata di una tavola da disegno con le risorse selezionate per il download

Per scaricare le risorse, procedi nel seguente modo nella sezione Risorse:

1. Fai clic per selezionare le risorse che desideri scaricare insieme:

  • Per la selezione multipla, puoi usare Maiusc.
  • Per selezionare tutte le risorse di una categoria di risorse, fai clic su una risorsa, quindi utilizza CmdCtrl+A.

Viene visualizzata la sezione Risorse selezionate che mostra il numero di risorse selezionate, classificate come immagini, video e audio.

2. Fai clic su Scarica.

Le risorse sono scaricate in file .zip nella cartella Download del computer. Quando scarichi le immagini, puoi modificare il formato delle immagini vettoriali in SVG, PDF, PNG e JPG, mentre il formato delle immagini bitmap può essere modificato in PNG e PDF.

Elementi a cui prestare attenzione

  • Se posizioni il puntatore del mouse sulle risorse video e audio nella sezione Risorse, puoi visualizzare l'estensione dei file.
  • Su una tavola da disegno, se sono disponibili più copie di un video, verrà visualizzata solo un'istanza del video nella sezione Risorse.Quando posizioni il puntatore del mouse su un video nella sezione Risorse, vedrai tutte le istanze di quel video evidenziate sulla tavola da disegno.
  • Su una tavola da disegno, se più video hanno la stessa immagine di copertina, ogni istanza del'immagine di copertina verrà visualizzata nella sezione Risorse.
  • Quando scarichi contemporaneamente risorse da diverse categorie, la cartella .zip scaricata includerà delle sottocartelle per le varie categorie.
  • Puoi scaricare file video solo nello stesso formato che i progettisti hanno importato nel loro documento di progettazione XD. Per ulteriori informazioni sui formati video, consulta Utilizzo dei video.
  • Nella vista dei dettagli della schermata, per un determinato componente, solo lo stato analizzato più recente o lo stato attivo verrà visualizzato per il download nella sezione Risorse. Per scaricare le risorse per tutti gli stati, seleziona il livello del componente sulla tavola da disegno e passa alla vista dei dettagli del livello.

Vista Dettagli livello

Quando selezioni un livello su una tavola da disegno, viene visualizzata la vista Dettagli livello. Nella vista Dettagli livello, puoi scaricare le risorse solo per il livello selezionato.

Vista Dettagli livello
Il livello selezionato include un video, la sua immagine poster e un file audio collegato disponibile per il download

Per scaricare una risorsa nel livello selezionato, fai clic su Scarica accanto alla risorsa nella sezione Risorse di Ispezione proprietà.

Scaricare i video

Quando selezioni un livello del video su una tavola da disegno:

  • Puoi scaricare il video e l'immagine del poster.
  • Se il video è collegato a una riproduzione audio, puoi scaricare anche il file audio.

Scaricare Lottie

Quando selezioni un livello Lottie su una tavola da disegno:

  • Puoi scaricare l'animazione Lottie come un file JSON.
  • Se il Lottie è collegato a una riproduzione audio, puoi scaricare anche il file audio.

Scaricare i componenti

Per scaricare le risorse per un componente, seleziona il componente nell'area di lavoro. Quindi, nella finestra di Ispezione proprietà, passa a ciascuno stato per scaricare la relativa risorsa.

Nell'app XD, se il designer contrassegna più istanze di un componente per l'esportazione, verrà esportata solo l'ultima istanza nel pannello Livelli.

Scarica l'esperienza per XD 44 e versioni successive

Per i collegamenti pubblicati da XD 44 e versioni successive:

Quando fai clic su Scarica viene visualizzata una finestra di dialogo che mostra l'avanzamento. Una volta completato il download, puoi riprendere l'analisi delle tavole da disegno o la navigazione da una tavola da disegno all'altra.

Finestra di dialogo che mostra l'avanzamento del download
Finestra di dialogo che mostra l'avanzamento del download nei collegamenti pubblicati da XD 44 e versioni successive.

Se ricevi un errore durante il download delle risorse, chiedi al designer di ripubblicare il collegamento e di condividerlo di nuovo.

Errore durante il download delle risorse
Errore durante il download delle risorse

Ottieni supporto in modo più facile e veloce

Nuovo utente?