Guida utente Annulla

Utilizzo dei prototipi condivisi in 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. Opzioni abbonamento Adobe XD
    12. Modifiche al piano XD Starter
  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
  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 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 utilizzare i prototipi condivisi in XD.

prototipi

Adobe XD semplifica la collaborazione tra progettisti e revisori con i prototipi condivisi. In qualità di revisore, puoi utilizzare i prototipi nei seguenti modi:

Per prima cosa iniziamo a esaminare le impostazioni e le opzioni di collegamento dei prototipi.

Conoscere le impostazioni e le opzioni

Nel collegamento al prototipo, puoi controllare le impostazioni del tuo account, modificare le impostazioni dello zoom, controllare le notifiche e invitare altri stakeholder:

interazione con i prototipi

A. Invitare B. Impostazioni dello zoom C. Modalità a tutto schermo D. Supporto e feedback E. Notifiche F. Impostazioni dell’account 

  • Invita: per invitare altri stakeholder al collegamento del prototipo, fai clic su Invita. Quando inviti uno stakeholder, puoi impostare il livello di accesso su Può visualizzare o Può condividere. Devi accedere al tuo account Adobe per visualizzare il pulsante Invita.
  • Impostazioni zoom: per eseguire zoom in e out del collegamento del prototipo, utilizza le impostazioni dello zoom. Se necessario, puoi selezionare uno degli incrementi di zoom predefiniti: 25%, 50%, 75%, 100%, 150%, 200%. In alternativa, utilizza il gesto pizzica per zoom sul touchpad o tieni premuto il tasto Cmd/Ctrl e usa la rotellina del mouse per scorrere per incrementi più piccoli. Il livello di zoom predefinito a cui i collegamenti del prototipo si aprono è lo stesso di prima.
  • Modalità a schermo intero: fai clic sull'icona schermo intero per visualizzare il prototipo in modalità a schermo intero. Premi Esc per uscire dalla modalità a schermo intero.
  • Supporto e feedback: in qualsiasi momento, se desideri assistenza o fornire feedback, fai clic sull’icona del punto interrogativo.
  • Notifiche: fai clic sull’icona della campana, per visualizzare tutte le attività in tutti i prototipi pertinenti.
  • Impostazioni account: per visualizzare i dettagli del tuo account utente, fai clic sull'icona del profilo.

Interazione con i prototipi

I prototipi condivisi sono di natura interattiva. Puoi interagire con un prototipo utilizzando i trigger. Usa i trigger definiti dal designer, come toccare, trascinare, tastiera, gamepad e input vocali, che si traducono in azioni come transizioni, audio, voce, video e riproduzione Lottie. Puoi anche utilizzare i controlli di navigazione nella parte inferiore dello schermo.

Elementi a cui prestare attenzione

  • Se la schermata di caricamento del collegamento del prototipo include un video impostato per la riproduzione automatica, l'audio del video sarà sempre disattivato. Fai clic su Riattiva audio nel messaggio visualizzato nella parte inferiore dello schermo.
  • (Solo Safari) Per impostazione predefinita, la riproduzione automatica dell'audio su Safari è disabilitata. Per abilitare la riproduzione automatica dell'audio per i collegamenti dei prototipi XD, consulta Abilitare la riproduzione automatica dell'audio su Safari. Se abiliti la riproduzione automatica per i collegamenti dei prototipi XD, non dovrai riattivare l'audio del video in futuro.

Per scoprire come si comporta il video con altre interazioni, consulta Comprendere le interazioni e il comportamento della riproduzione di video.

Disattivare l'audio dei video
Fai clic su Riattiva audio nel banner blu nella parte inferiore dello schermo

Selezione dei prototipi

  • Nella parte inferiore del prototipo, puoi fare clic sui pulsanti di controllo freccia sinistra e destra per spostarti tra le tavole da disegno del prototipo. Fai clic su Home per tornare alla visualizzazione della prima tavola da disegno. 
  • Quando fai clic su un commento nell’app del browser, la tavola da disegno corrispondente a quel commento è visualizzata a schermo. 
  • Per avere maggior controllo sull’ambiente di verifica dei prototipi collegati, puoi nascondere i controlli di impaginazione e navigazione nel prototipo Web.

A tal fine, quando crei i collegamenti in XD, seleziona Condividi > Impostazione vista > Personalizzato > Mostra controllo di navigazione. Per ulteriori informazioni, consulta Condivisione di prototipi.

Se i controlli di navigazione sono:

  • Attivati (impostazione predefinita): la web app del prototipo mostra i pulsanti Home, Indietro e Avanti.
  • Disattivati: i controlli di navigazione della web app del prototipo e i numeri della tavola da disegno non sono visibili. Puoi utilizzare i punti attivi definiti per interagire con i prototipi e fare clic sul pulsante Home per passare alla schermata home. Quando apri il prototipo in un dispositivo mobile, puoi visualizzare la schermata iniziale, i chevron sinistro/destro sono nascosti e il gesto di scorrimento è disattivato.
Controlli di navigazione attivati
Controlli di navigazione attivati

A. Home B. Tavola da disegno precedente C. Tavola da disegno successiva 

Controlli di navigazione disattivati
Controlli di navigazione disattivati

Se i flussi del prototipo sono collegati, puoi scegliere di mostrare i controlli di navigazione quando pubblichi i prototipi.

Vista Griglia

La vista Griglia nei prototipi e nelle specifiche di progettazione velocizza la navigazione alla tavola da disegno più pertinente per gli stakeholder o gli sviluppatori.

Per passare alla vista Griglia, fai clic sul nome del collegamento o sull’icona della griglia in alto a destra del prototipo condiviso. 

Vista Griglia

A. Icona della griglia con il nome del collegamento B. Comprimi il pannello dei commenti 

Nella vista Griglia, puoi:

  • Visualizzare la rappresentazione in miniatura di tutte le schermate
  • Visualizzare il totale dei commenti per una determinata tavola da disegno
  • Cercare una particolare tavola da disegno per nome
  • Fare clic sull’icona della schermata collegata per visualizzare tutte le schermate collegate per una determinata tavola da disegno.
vista Griglia-suddivisione
Vista Griglia

A. Numero di commenti per una tavola da disegno B. Fai clic sull’icona della schermata collegata per visualizzare le schermate collegate C. Schermate collegate alla tavola da disegno First Cards 

Aggiunta di commenti

Puoi verificare i prototipi e condividere il feedback con i progettisti aggiungendo commenti sui prototipi condivisi. Il prototipo è sempre aggiornato con i commenti più recenti.

Prerequisiti

Puoi inserire commenti su progettazioni e prototipi pubblici senza effettuare l’accesso in prima istanza. 

Puoi accedere usando il tuo Adobe ID o scegliere di commentare come ospite. Per accedere come ospite, nella parte superiore del riquadro, fai clic su Accedi come Ospite. Quando richiesto, immetti il nome e il codice CAPTCHA.

  • Puoi digitare i tuoi commenti nella sezione Crea un commento. Usa il tasto Invio o Maiusc + Invio per creare una nuova riga nella casella dei commenti e i tasti Ctrl/Cmd + Invio per inviare il commento aggiunto.
  • Una volta aggiunti i commenti, seleziona l'opzione  accanto al thread di commenti per risolveremodificare ed eliminare i tuoi commenti. Tuttavia, non potrai modificare o eliminare i commenti aggiunti da altri utenti.
  • Utilizza l'interruttore Commenti di tutte le schermate nell'angolo in basso a sinistra del pannello dei commenti per visualizzare tutti i commenti aggiunti in più tavole da disegno in un’unica visualizzazione. Nel collegamento pubblicato delle specifiche di progettazione o del prototipo, l’interruttore è attivato per impostazione predefinita.
  • Fai clic su per nascondere annotazioni o pin, e usa l'icona per filtrare i commenti in base al nome dei revisori, all'ora o allo stato dei commenti. 
  • L’evidenziazione blu a sinistra indica i commenti per la tavola da disegno corrente. Facendo clic su un insieme di commenti che non appartengono alla tavola da disegno corrente, passerai alla tavola in questione, per determinare prima il contesto. 
  • Il numero 3 sull’icona di notifica in alto a destra nel pannello dei commenti indica quanti commenti non risolti sono presenti in più tavole da disegno.

 

Funzioni per i commenti
Funzioni per i commenti

A. Opzione di invito B. Impostazioni dello zoom C. Modalità a tutto schermo D. Supporto e feedback E. Notifiche F. Profilo utente G. Opzioni di menu per i commenti H. Filtro commenti I. Nascondi annotazioni J. Interruttore Commenti di tutte le schermate 

Filtro commenti
Filtro commenti

A. Filtra i commenti per revisore  B. Filtra i commenti per tempo  C. Filtra i commenti per stato  D. Cancella il filtro applicato E. Visualizza filtro aggiunto 

  • Puoi anche riprodurre animazioni o registrazioni che fanno parte di qualsiasi prototipo condiviso e aggiungere commenti durante la loro riproduzione. 
  • Usa @menzione quando aggiungi commenti per visualizzare l’elenco di altri revisori del prototipo. Se utilizzi questa opzione, l’altro revisore riceve una notifica tramite e-mail e dall’app desktop Creative Cloud. Facendo clic sulla notifica, passerà alla tavola da disegno a cui fa riferimento il collegamento.

 Quando elimini una tavola da disegno in XD, i commenti Web per la tavola da disegno non sono più disponibili.

Per ulteriori informazioni, consulta Revisione dei prototipi

Segui questi passaggi per utilizzare un browser per dispositivo mobile in modalità verticale per aggiungere commenti ai prototipi condivisi da un dispositivo mobile Android o iOS:

  1. Apri un prototipo condiviso nel browser per dispositivi mobili e utilizza il gesto pizzica per aprire la modalità di navigazione.

    Viene visualizzata un’icona di commento insieme al numero di commenti presenti nel prototipo. Questa icona di commento è visualizzata solo quando il proprietario attiva l’opzione di inserimento dei commenti per il prototipo. 

    Pizzica per passare alla navigazione

  2. Per visualizzare il pannello dei commenti, tocca l’icona dei commenti. In questo pannello puoi aggiungere un commento, eliminare o modificare i commenti esistenti o aggiungere un commento in un punto specifico. 

    pannello dei commenti

  3. Tocca l’icona del pin, quindi tocca un punto qualsiasi dello schermo per posizionare il segnaposto. Per confermare il commento e la posizione del pin, digita il commento e tocca l’icona dell’aereo di carta. 

    Indicatore del pin

Logo Adobe

Accedi al tuo account