Guida utente Annulla

Introduzione alle tavole da disegno in 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. 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 le tavole da disegno per creare i tuoi progetti di design in XD.

Ecco Jeanee, graphic designer scelta per guidare una progettazione UX. Sta proponendo Adobe XD al suo team, i cui membri hanno diversi livelli di esperienza con la progettazione e gli strumenti UX.

 
  • Sta cercando risorse che consentano di iniziare rapidamente con il progetto.

 

  • Per iniziare a lavorare ha bisogno di tutorial e per continuare necessita di file di esempio.

Jeanee si sta formando sulla terminologia di base del progetto e sta lavorando con le tavole da disegno per creare il suo primo prototipo in XD. Continua a leggere per scoprire come possiamo aiutarla a iniziare.

Non hai mai utilizzato Adobe XD?

Ottieni l'app in versione di prova gratuita

Prova

File di esempio

.xd; 6 MB

Prima di procedere

Imposta le tavole da disegno in 4 semplici passaggi

Che cosa è una tavola da disegno? Le tavole da disegno rappresentano le schermate della tua applicazione o delle pagine del tuo sito web. Semplifica i processi di progettazione e crea progetti interattivi per più dimensioni dello schermo in un unico documento. Usa le tavole da disegno per creare il tuo progetto XD.

Continua a leggere per scoprire come impostare le tue tavole da disegno.

Crea una nuova tavola da disegno

Adobe XD fornisce tavole da disegno per schermi di dimensioni comuni come quelle per diverse versioni di iPhone, iPad e Web. Se le scelte non soddisfano i tuoi requisiti, puoi creare una tavola da disegno personalizzata.

Schermata Home

Usa le dimensioni predefinite della tavola da disegno o crea la tua tavola da disegno personalizzata.

Tavole da disegno personalizzate

App XD

Usa lo strumento Tavola da disegno tool  per creare altre tavole da disegno. Seleziona e applica i valori predefiniti della tavola da disegno dalla finestra Ispezione proprietà.

Proprietà della tavola da disegno

Usa una tavola da disegno esistente di Photoshop e Illustrator

Puoi importare tavole da disegno esistenti da Photoshop o Illustrator in XD senza doverle ricreare. 

Usa una tavola da disegno esistente di Photoshop e Illustrator

Usa File > Importa da XD per aprire le tavole da disegno di Photoshop o Illustrator in XD con ogni tavola da disegno e livello intatti e modificabili.

Dai un'occhiata a questo articolo che descrive i 5 modi migliori per utilizzare le risorse di Photoshop in XD.

Gestisci tavole da disegno

Hai cambiato idea sulla dimensione della tavola da disegno? Ridimensionale. Puoi anche rinominarle in base alle tue esigenze di progettazione. Desideri creare più tavole da disegno e gestirne il posizionamento? Duplicale e riorganizzale.

Rinomina

Riordina

Fai doppio clic sul titolo della tavola da disegno.

Ridimensiona

Ridimensiona

Trascina la maniglia circolare che appare sui bordi di una tavola da disegno.

Duplica

Copia e incolla le tavole da disegno

Seleziona la tavola da disegno e premi Ctrl/Cmd + D.

Funzione Allinea e distribuisci

Funzione Allinea e distribuisci

Seleziona più tavole da disegno e fai clic su Allinea e distribuisci nella finestra Ispezione proprietà. Trascina la tavola da disegno per riorganizzarla.

Applica griglie di layout o quadrate

Desideri definire la struttura sottostante del contenuto del tuo progetto aggiunto nelle tavole da disegno? Applica le griglie di layout. Vuoi avere un'idea su come misurare rapidamente e allineare il contenuto del tuo progetto mentre disponi oggetti o testo sulle tue tavole da disegno? Usa le griglie quadrate.

Griglie layout

Griglie layout

Seleziona una o più tavole da disegno e nella sezione Griglia della finestra Ispezione proprietà, scegli Layout.

Griglie quadrate

Griglie layout

Seleziona una o più tavole da disegno e nella sezione Griglia della finestra Ispezione proprietà, scegli Quadrato.

Tavole da disegno del progetto

Ora che hai creato la tua prima tavola da disegno, scopri come aggiungere elementi visivi e di testo, cambiare lo sfondo e creare effetti di scorrimento.

Aggiungi elementi visivi e di testo

Creazione di tavole da disegno scorrevoli

Aggiungi elementi visivi e di testo

Ora che la tua tavola da disegno di base è a posto, puoi creare o modificare il colore di sfondo, aggiungere elementi grafici e creare o formattare stili di testo in risorse riutilizzabili. Desideri creare una griglia modificabile di elementi ripetuti? Usa le griglie di ripetizione.

Aggiungi elementi visivi e di testo

Aggiungi elementi

Usa gli strumenti Disegno per creare elementi personalizzati oppure seleziona File > Importa per importare elementi esistenti come immagini e icone dalla cartella del dispositivo. Usa gli strumenti Testo per creare, formattare e acquisire stili di testo in risorse riutilizzabili. 

Per modificare il colore di sfondo della tavola da disegno, dalla finestra Ispezione proprietà, seleziona Riempi e applica il colore dal selettore colore.

Crea elementi ripetibili

Ripeti gli elementi

Usa le griglie di ripetizione per creare oggetti con elementi ripetibili come elenchi e layout basati su carte.

Creazione di tavole da disegno scorrevoli

Desideri aggiungere effetti di scorrimento verticale e orizzontale nel tuo progetto? Usa i gruppi di scorrimento per prototipare una finestra di contenuto.

Vuoi ottenere una simulazione realistica di scorrimento su desktop e dispositivi mobili? Impostare la posizione fissa di un elemento sulla tavola da disegno per consentire agli altri elementi di scorrere al di sotto. 

Scorrimento verticale

Linea tratteggiata e contenuto scorrevole

Per estendere la tavola da disegno oltre l'altezza della finestra, utilizza il marcatore. Il marcatore indica la posizione fino alla quale è necessario scorrere per accedere al contenuto.

Posizione fissa durante scorrimento

Linea tratteggiata e contenuto scorrevole

Per bloccare gli elementi del progetto in una posizione fissa, seleziona Posizione fissa durante scorrimento nella finestra Ispezione proprietà.

Il progetto finale

Ora che ne sai abbastanza sulle tavole da disegno, puoi giocare con ciò che hai imparato finora e creare tavole da disegno più sorprendenti per i tuoi progetti.

Soggetto a modifiche

Vai avanti e scarica il progetto finale per vedere come appare il tuo progetto.

Ulteriori informazioni

Ecco un video di esempio di 4 minuti per iniziare. Puoi anche scaricare i file di esempio per provare insieme ai video

File di esempio

Consigli e suggerimenti

Ora che hai le basi delle tavole da disegno in XD, ecco alcuni suggerimenti e trucchi utili:

  • Per misurare la distanza di un oggetto dai bordi di una tavola da disegno, fai clic sull'oggetto e premi il tasto Opzione (su macOS) o Alt (su Windows).
  • Per disattivare l'opzione di scorrimento in una tavola da disegno, seleziona la tavola da disegno e nella finestra Ispezione proprietà, modifica Scorrimento su Nessuno.

Per ulteriori suggerimenti professionali su come lavorare con le tavole da disegno, segui @Elainecchao, XD Product Manager su Twitter.

Passaggi successivi

Ti abbiamo illustrato come creare, gestire e condividere le tavole da disegno. Fai un passo avanti e impara a creare guide di tavole da disegno personalizzate e posizionare la tavola da disegno utilizzando le griglie.

Hai una domanda o un'idea?

Chiedi alla community

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

Logo Adobe

Accedi al tuo account