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.

utilizzo di XD e Illustrator

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, continua a leggere per scoprire quali sono in Funzioni di Illustrator supportate.

Di seguito sono riportate alcune limitazioni aggiuntive da tenere in considerazione quando utilizzi i file di Illustrator in XD:
  • Non puoi copiare e incollare una tavola da disegno di Illustrator in XD.
  • Quando utilizzi degli elementi di testo, XD non importa una scala orizzontale su riempimento.
  • Non puoi popolare le griglie di ripetizione con i vettoriali.

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 quando l’hai terminata in Illustrator. 



Apri e importa le progettazioni di Illustrator
Ulteriori informazioni
Copia i vettoriali o gli SVG da Illustrator
Ulteriori informazioni
Utilizza le risorse dalle librerie CC
Ulteriori informazioni

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 ripetizionestatianimazione automaticaprototipazione vocale.

Condivisione e collaborazione con XD

Il prototipo è pronto per essere condiviso?


Uno dei vantaggi principali derivanti dall’utilizzo di Adobe XD per progettare e creare prototipi interattivi è la possibilità di condividere progettazioni e prototipi e ricevere feedback dagli stakeholder.
Utilizza la modalità Condividi in XD per condividere le progettazioni e i prototipi interattivi con gli stakeholder e collaborare con loro senza problemi.
Invita gli stakeholder a collaborare e contemporaneamente modificare in comproprietà il tuo documento, mantenendo però la cronologia delle versioni della progettazione.

Ti stai domandando se la condivisione della progettazione da XD influisce sulla sua risoluzione? La risposta è no.

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. Questa soluzione è perfetta per i progettisti che vogliono inserire loghi, icone o altri elementi da utilizzare nei progetti per 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 risolvere i problemi di spaziatura distorta tra gli elementi quando aumento le dimensioni degli 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 nella finestra di Ispezione proprietà sia DISATTIVATA. 

Perché le icone della 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.

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.