Ultimo aggiornamento il
6 giu 2023
Scopri come inserire in Adobe XD grafica vettoriale come progettazioni di icone e loghi di Illustrator.
Adobe XD interagisce con Illustrator per incorporare la grafica vettoriale ad alta fedeltà come loghi, icone o altri elementi che puoi utilizzare nelle progettazioni di XD. La grafica importata rimane modificabile in XD consentendo di ridurre i tempi di creazione dei prototipi.
Continua a leggere per scoprire le diverse modalità con cui puoi inserire risorse da Illustrator in XD e le migliori pratiche e le limitazioni relative a questi flussi di lavoro.
Prima di procedere
Anche se Illustrator e XD dispongono di un insieme di funzioni complementari che consentono di conservare livelli ed effetti, alcune di esse non hanno una corrispondenza diretta. Prima di procedere, leggi di più su di esse in Funzionalità di Illustrator supportate.
|
|
Di seguito sono riportate alcune limitazioni aggiuntive da tenere in considerazione quando utilizzi i file di Illustrator in XD:
|
.png){kind=icon}
Per offrirti una semplice esperienza di utilizzo con XD e Illustrator, stiamo apportando miglioramenti ai flussi di lavoro di interoperabilità. Nel frattempo, se hai suggerimenti o feedback, condividili tramite UserVoice.
Modalità per inserire le risorse di Illustrator in XD
Di seguito sono riportati alcuni modi con cui puoi inserire la progettazione in XD una volta terminata in Illustrator.
|
|
|
|
|
|
Copia di vettori o SVG da Illustrator |
|
Con XD 57, Adobe ha migliorato la funzionalità di gestione colore in XD. Ottieni colori coerenti quando copi una risorsa con un profilo colore sRGB da Illustrator in un documento XD con un profilo colore sRGB. Se il documento XD ha un profilo colore Non gestito, viene visualizzato un messaggio che richiede di passare al profilo colore sRGB.
Prototipazione delle tavole da disegno importate
Dopo aver importato le progettazioni di Illustrator in XD, scopri come usarle per creare un prototipo.
|
|
Quando utilizzi Illustrator, puoi creare tavole da disegno di XD aprendo le tavole da disegno di Illustrator direttamente in XD. Le tavole da disegno in Illustrator sono importate senza problemi nel formato della tavola da disegno di XD. Puoi anche continuare a modificare le tavole da disegno tra le app per apportare piccole modifiche a diversi elementi durante il processo di creazione. |
|---|
Vuoi migliorare le progettazioni di XD? Applica le funzioni specifiche di XD, ad esempio, griglie di ripetizione, stati, animazione automatica e prototipazione vocale.
Condivisione e collaborazione con XD
Il prototipo è pronto per essere condiviso?
|
|
Uno dei principali vantaggi dell'uso di Adobe XD per progettare e creare prototipi interattivi è la possibilità di condividere progetti e prototipi e ricevere feedback dagli stakeholder. |
|---|
Ti stai domandando se la condivisione della progettazione da XD influisce sulla sua risoluzione? La risposta è no.
Con XD 57 e versioni successive, hai la possibilità di fornire una resa cromatica uniforme per gli stakeholder. Per ottenere questo risultato, cambia il profilo colore del documento in sRGB. Se provi a condividere tavole da disegno selezionate da un documento con un profilo colore non gestito, viene visualizzato un messaggio che ti informa su una possibile discrepanza di colore che potrebbero riscontrare gli stakeholder. Per ulteriori informazioni, consulta Gestione colore.
Le progettazioni condivise sono ottimizzate senza sacrificare la fedeltà, il feedback dagli stakeholder è disponibile in tempo reale e gli sviluppatori possono scaricare le risorse condivise e le specifiche di progettazione per la codifica.
Video: come si importano le progettazioni di Illustrator?
“Allo stesso modo con cui puoi importare direttamente in Adobe XD i file di Photoshop, puoi anche importare i file di Illustrator. È perfetto per i Designer che vogliono importare loghi, icone o qualsiasi altro elemento da usare nei loro progetti UI o UX" — Howard Pinsky, Senior XD Evangelist.
Per ulteriori informazioni su come inserire le progettazioni di Illustrator in XD, guarda questo video della durata di 2 minuti.
Domande frequenti
Come posso correggere i problemi di spaziatura distorta tra gli elementi quando aumento le dimensioni dei miei SVG?
La distorsione si verifica quando XD considera come separati gli oggetti importati o incollati correlati al file SVG. Per evitare distorsioni, assicurati che l'opzione Ridimensionamento reattivo in Controllo proprietà sia impostata su OFF.
Perché le icone di progettazione esportate da Illustrator a SVG sembrano distorte in XD?
Alcune funzioni di Illustrator non sono conformi a XD e sono trasferite come vettoriali o non sono trasferite. Le funzionalità offerte daI file SVG sono limitate rispetto a Illustrator, quindi funzioni quali la sfumatura a mano libera non possono essere convertite. Per ulteriori informazioni sugli elementi di Illustrator supportati in XD, consulta Elementi di Illustrator supportati.
Passaggi successivi
Ti abbiamo illustrato i primi passi che ti consentono di utilizzare le risorse di progettazione di Illustrator. Ora continua e scopri come creare prototipi interattivi e condividerli con progettisti o stakeholder per ricevere feedback.
Vuoi dirci cosa ne pensi? Restiamo in attesa del tuo feedback.
Se hai domande o un'idea da condividere, partecipa nella community di Adobe XD. Desideriamo ricevere il tuo feedback e vedere le tue creazioni.
Progetta prototipi UX con Adobe XD
Crea modelli interattivi per siti web e app per dispositivi mobili.
