Versioni di Adobe XD di agosto 2018, settembre 2018, ottobre 2018, dicembre 2018, gennaio 2019, febbraio 2019, marzo 2019, aprile 2019, maggio 2019, giugno 2019 e luglio 2019
xd-mnemonic

Adobe XD è uno strumento basato su vettoriali per la progettazione e la prototipazione di esperienze utente per app per Web e dispositivi mobili. Passa facilmente da wireframing, alla progettazione visiva, alla progettazione delle interazioni, alla prototipazione, alla visualizzazione in anteprima e alla condivisione, il tutto grazie a un unico strumento avanzato.

XD è pensato per chiunque voglia creare: progettisti di UX/UI, progettisti di interazioni, progettisti di esperienze, progettisti di prodotto, progettisti Web, progettisti di app, progettisti di esperienze visive, imprenditori e altro ancora.


Nuove funzioni in Adobe XD 21

Condivisione unificata per i collegamenti di sviluppo

A partire da XD 21.0, il collegamento per la condivisione dello sviluppo è stata migliorata includendo le informazioni del prototipo interattivo insieme alle specifiche di progettazione. Fai clic sull’icona di attivazione/disattivazione Visualizza specifiche  nel collegamento condiviso per passare dalla visualizzazione delle specifiche di progettazione a quella del prototipo. 

Nelle versioni precedenti di XD, i progettisti condividevano due diversi collegamenti per prototipo e specifiche di progettazione; gli sviluppatori dovevano quindi passare da un collegamento all’altro per interpretare l’intento del progettista, rendendo la collaborazione inefficiente.

I progettisti possono ora comunicare in modo efficiente l’intento delle progettazioni e fornire agli sviluppatori tutte le risorse necessarie in un unico collegamento condiviso. Gli sviluppatori possono comprendere meglio le interazioni e i comportamenti previsti e risparmiare tempo evitando di passare continuamente tra collegamenti separati per prototipo e specifiche di progettazione. 

Alterna specifiche di progettazione e prototipo da un unico collegamento
Alterna specifiche di progettazione e prototipo da un unico collegamento

A. Icona di attivazione/disattivazione Visualizza specifiche 

Per ulteriori informazioni, consulta Navigazione delle specifiche di progettazione in XD.

Vista Griglia nei collegamenti condivisi

Con Adobe XD 21.0, il flusso della UX per la visualizzazione delle specifiche di progettazione è stato sostituito da una nuova vista Griglia rendendo la navigazione più efficiente. 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.

Nelle versioni precedenti di XD, per visualizzare i prototipi era necessario fare clic su ognuna delle singole tavole da disegno fino a trovare quella ricercata. 

Vista Griglia nei collegamenti condivisi
Confronto tra vista Flusso UX e Griglia per il collegamento delle specifiche di progettazione

Nella vista Griglia, i revisori possono:

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

Queste modifiche sono vantaggiose per lo sviluppatore e lo stakeholder per i seguenti motivi:

  • Sviluppatore: sostituisce il flusso UX con una visualizzazione unificata e semplificata di tutte le tavole da disegno.
  • Stakeholder: naviga nei prototipi di XD con più schermate, passando alle aree del prototipo di maggior interesse.
Vista Griglia
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 

Presenza documento

Per evitare modifiche in conflitto e duplicare l’impegno richiesto per un documento cloud, XD introduce un indicatore visivo che mostra quando altri progettisti stanno collaborando allo stesso documento cloud. I progettisti possono visualizzare l’avatar del profilo di altri progettisti che lavorano allo stesso documento cloud.

Presenza documento cloud
Presenza documento

Per ulteriori informazioni sulla presenza documento, consulta Documenti cloud in XD.

Inserimento commenti nei prototipi da browser Web per dispositivi mobili

I revisori accedono spesso ai prototipi da un dispositivo mobile e desiderano aggiungere commenti e visualizzare i commenti di altri utenti in mobilità. 

In questa versione più recente di XD, ora puoi visualizzare e inserire commenti sui prototipi Web dal browser Web del dispositivo mobile e del desktop. Questa funzione consente di accelerare i cicli di revisione e semplifica il compito degli stakeholder quando devono fornire feedback immediato. 

Per ulteriori informazioni, consulta Utilizzo dei prototipi in Adobe XD

Inserimento commenti nei prototipi da browser Web per dispositivi mobili

Visualizzazione e ispezione di singole sezioni di testo

A partire da XD 21.0, in un elemento di testo con più stili, puoi passare con il mouse sulle singole sezioni dell’elemento di testo. Le specifiche di progettazione evidenziano quindi tali singole sezioni nell’elemento di testo con gli stessi stili e consentono di accedere alle singole proprietà come prima. In precedenza, quando utilizzavi più stili di testo in un elemento di testo, non era possibile isolare quegli stili e comprendere quali singole sezioni utilizzavano lo stesso stile.

Per ulteriori informazioni, consulta Ispezione delle specifiche di progettazione in XD

Attributi della singola sezione all’interno di una grande porzione di testo
Attributi della singola sezione all’interno di una grande porzione di testo

Nuove funzioni in Adobe XD 20

La versione di giugno 2019 di XD include i seguenti miglioramenti:

Finestra di Ispezione proprietà nella modalità Prototipo

In Adobe XD 20.0, la visualizzazione a sovrimpressione del prototipo è stato spostata dall’area di lavoro alla finestra di Ispezione delle proprietà in modalità Prototipo. Questo nuovo miglioramento dell’interfaccia utente consente di selezionare più tavole da disegno e definire contemporaneamente più attributi complessi del prototipo.

La nuova finestra di Ispezione prototipo consente di definire e gestire gli attributi del prototipo e sostituisce il pannello Attivazione
La nuova finestra di Ispezione proprietà del prototipo (sostituisce la visualizzazione a sovrimpressione Attivazione) consente di definire e gestire gli attributi del prototipo

Tempo di visione: 1 minuto.


Pannello plug-in

Il nuovo pannello plug-in mette a portata di mano la potenza dei plug-in, consentendoti di accedere rapidamente alla funzionalità dei plug-in dall’applicazione XD. Insieme ai pannelli Risorse e Livelli, il pannello Plug-in ti consente di accedere rapidamente ai plug-in installati e avviare Gestione plug-in da cui scoprire e installarne di nuovi.

Pannello di avvio plug-in
Pannello di avvio plug-in

Apice e pedice

Con la versione più recente di Adobe XD è stata estesa la trasformazione del testo per includere le opzioni apice e pedice nella finestra di Ispezione proprietà. Puoi utilizzare queste opzioni per trasformare in modo creativo i marchi registrati, commerciali e i copyright nelle progettazioni e visualizzarli su Web e dispositivi mobili.

Per ulteriori informazioni, consulta Strumenti di disegno e testo.

Trasformazioni di testo per apice e pedice
Trasformazioni di testo per apice e pedice

Tempo di visione: 1 minuto.


Supporto per JIRA 2.0

L’integrazione con JIRA 2.0 migliora l’ambiente collaborativo fornendo ulteriori informazioni sui documenti XD, ad esempio, il numero di tavole da disegno o avatar disponibili.

Per ulteriori informazioni, consulta Integrazione di Jira per XD

Sistemi di progettazione in XD

Sistemi di progettazione in XD
Sistemi di progettazione in XD

Quando si progettano prodotti digitali su larga scala, diventa sempre più difficile e fondamentale mantenere la coerenza. Sotto le crescenti pressioni per produrre a ritmi sempre più serrati il contenuto, le organizzazioni sono alla ricerca di modi per velocizzare la progettazione e la costruzione delle esperienze del cliente, mantenendo però coerenza e aumentando l’efficienza in un ecosistema di piattaforme e dispositivi sempre più complesso.

Un sistema di progettazione riunisce team di prodotto multidisciplinari (progettisti, sviluppatori e stakeholder) attorno a un linguaggio visivo comune fornendo modelli di progettazione coerenti e avanzati che possono essere riutilizzati con combinazioni diverse. In tal modo si riducono i costi di progettazione, accelerando il processo di progettazione e creando connessioni tra i team che lavorano all’unisono per dare vita ai prodotti. Per ulteriori informazioni sui sistemi di progettazione in XD, consulta Sistemi di progettazione.

Per ulteriori informazioni sui sistemi di progettazione in XD, guarda questo video.

Tempo di visione: 1 minuto.


Risorse collegate

Con la crescita costante delle superfici di progettazione, i progettisti hanno bisogno di un modo semplice per creare e mantenere la coerenza nelle progettazioni su larga scala. 

Con XD 19.0, puoi facilmente condividere e utilizzare non solo componenti (denominati prima simboli), ma anche colori e stili carattere. L’utilità di quanto offerto è incredibile se condividi un foglio di adesivi con il tuo team o riutilizzi gli elementi di progettazione tra progetti.

Le risorse collegate completano il flusso di lavoro dei componenti collegati. Quando modifichi una risorsa collegata nel documento di origine, tutti i documenti che utilizzano queste risorse collegate ricevono le notifiche degli aggiornamenti. Da quel momento, puoi visualizzare in anteprima gli aggiornamenti e accettarli. Per ulteriori informazioni, consulta Utilizzo di risorse collegate.

Per ulteriori informazioni sulle risorse collegate, guarda questo video.

Tempo di visione: 1 minuto.


Componenti con sostituzioni

 Con l’introduzione dei componenti nella versione più recente di Adobe XD, è stato fatto un gigantesco passo in avanti per quanto riguarda la creazione di esperienze utente complesse. I componenti sostituiscono i simboli delle versioni passate e rendono la creazione di elementi ripetuti nella progettazione infinitamente più snella e potente. Le operazioni per la creazione di più variazioni di un componente (precedentemente un simbolo), la modifica delle sue proprietà e la sostituzione contemporanea di tutte le proprietà comuni sono ora più semplici e rapide. Per ulteriori informazioni sull’utilizzo delle esclusioni nei componenti, consulta Esclusioni nei componenti.

Per ulteriori informazioni sui componenti in XD, guarda questo video.

Tempo di visione: 1 minuto.


Attivatori per tastiera e gamepad

Adobe XD consente ora di utilizzare le scelte rapide da tastiera e gli attivatori per gamepad per simulare le applicazioni desktop native e prototipare un’esperienza o una progettazione di gioco più coinvolgente. Quando colleghi un prototipo, puoi selezionare Tasti e gamepad dall’opzione Attivazione e assegnare qualsiasi tasto. Puoi impostare questi attivatori su Tocca, Trascina, Tempo e Voce per prototipare per diversi casi di utilizzo, ad esempio, app desktop, giochi e presentazioni. Per ulteriori informazioni sull’utilizzo degli attivatori per tastiera e gamepad, consulta Prototipazione utilizzando attivatori per tastiera e gamepad.

Per ulteriori informazioni sugli attivatori per tastiera e gamepad, guarda questo video.

Tempo di visione: 1 minuto.


Guide per tavola da disegno

Le guide personalizzate della tavola da disegno ti consentono di allineare facilmente elementi e oggetti tra tavole da disegno senza dover utilizzare righelli. Puoi creare guide, modificarne la posizione, copiare e incollare guide tra più tavole da disegno o rimuoverle. Puoi anche bloccare o nascondere la visibilità delle guide. Per ulteriori informazioni sulla creazione delle guide personalizzate della tavola da disegno, consulta Utilizzo delle tavole da disegno e delle griglie.

Per ulteriori informazioni sulle guide delle tavole da disegno, guarda questo video.

Tempo di visione: 1 minuto.


Strumento Poligono

Nella versione più recente di Adobe XD, hai ancora più modi di esprimere la tua visione con il nuovo strumento Poligono con un massimo di 100 lati. Puoi anche modificare le forme di questi poligoni per ottenere la forma desiderata. Ora puoi creare normali elementi dell’interfaccia utente, ad esempio, pulsanti, puntatori, classificazioni e altre icone e grafici di base e renderli più espressivi. Per ulteriori informazioni sulla creazione di elementi personalizzati, consulta Strumenti di disegno e testo in XD.

Per ulteriori informazioni sullo strumento Poligono, guarda questo video.

Tempo di visione: 1 minuto.


Maiuscolo, minuscolo, iniziali maiuscole e barrato

La versione più recente di Adobe XD offre una maggiore espressione creativa per quanto riguarda le trasformazioni del testo. Puoi modificare gli stili di testo in maiuscolo, minuscolo, utilizzare la barratura e tutte le iniziali maiuscole non solo nell’applicazione di progettazione XD, ma anche nelle anteprime per Web e dispositivo mobile. Questa funzione è utile per allineare gli stili per diverse aree di testo come titoli di sezione, messaggi di errore o etichette e non dovrai più ricorrere a trucchi visivi per realizzare queste trasformazioni del testo. Per ulteriori informazioni sulle trasformazioni di testo, consulta Strumenti di testo.

Per ulteriori informazioni sulle trasformazioni di testo, guarda questo video.

Tempo di visione: 1 minuto.


Ridimensionamento reattivo per i componenti

Con la versione più recente di Adobe XD puoi combinare il meglio dei componenti (precedentemente noti come simboli) e il ridimensionamento reattivo per lavorare con gruppi di oggetti nell’area di lavoro. Il ridimensionamento reattivo ti consente di ridimensionare gruppi di oggetti mantenendo il loro posizionamento e la loro scalabilità. Ti basta quindi ridimensionare il gruppo nell’area di disegno della progettazione e XD mantiene la spaziatura relativa. Anche i componenti sono ridimensionabili e offrono funzionalità avanzate integrate per il ridimensionamento reattivo. Per ulteriori informazioni sull’utilizzo del ridimensionamento reattivo nei componenti, consulta Ridimensionamento dei componenti.

Per ulteriori informazioni sul ridimensionamento reattivo per i componenti, guarda questo video.

Tempo di visione: 1 minuto.


Richiesta di accesso a prototipi e specifiche di progettazione privati

Adobe XD semplifica la condivisione delle progettazioni utilizzando collegamenti condivisibili a prototipi e specifiche di progettazione. Ora puoi richiedere l’accesso a un prototipo o a una specifica di progettazione condivisa privatamente e il proprietario della progettazione può approvare o negare l’accesso. Per ulteriori informazioni, consulta Richiesta di accesso ai collegamenti privati.

Per ulteriori informazioni sulla richiesta di accesso a prototipi e specifiche di progettazione privati, guarda questo video. 

Tempo di visione: 1 minuto.


Notifiche del prototipo vocale

Quando un prototipo non risponde a un comando vocale, puoi analizzare l’interazione dall’app di anteprima desktop, con un’anteprima visiva di ciò che sente Adobe XD. Per ulteriori informazioni, consulta Risoluzione dei problemi per le interazioni vocali

Per ulteriori informazioni sulle notifiche del prototipo vocale, guarda questo video. 

Tempo di visione: 1 minuto.


Risoluzione dei font mancanti

Attivazione da Adobe Fonts
Attivazione da Adobe Fonts

Nella versione più recente di Adobe XD, l’attività di caricamento dei font mancanti dalla libreria Adobe Fonts insieme alla gestione dei font non Adobe è stata semplificata direttamente dall’applicazione. 

Per semplificare al massimo la tua esperienza di utilizzo degli Adobe Fonts, XD attiva automaticamente i font mancanti disponibili nella libreria Adobe Fonts del computer senza richiedere il tuo intervento.

Se i font sono disponibili in Adobe Fonts (a cui hai accesso tramite l’abbonamento Creative Cloud) e il dispositivo è online, XD attiva automaticamente i font mancanti quando apri un documento.

I font attivati da Adobe Fonts sono evidenziati con un’icona di attivazione blu e non appena sono pronti per l’uso sono resi disponibili nel documento, senza richiedere alcun intervento da parte tua.

Attivazione automatica degli Adobe Fonts
Attivazione automatica degli Adobe Fonts

A. Font mancanti B. Attivazione dei font 

Guarda questo video su come lavorare con i font mancanti.


Per ulteriori informazioni, consulta Gestione delle risorse e dei componenti

Supporto per i gesti di trascinamento con il prototipo nel browser Web

Ora puoi sperimentare in modo ottimale il comportamento del prototipo durante la progettazione degli effetti di trascinamento durante la visualizzazione o la condivisione di prototipi Web. Nelle versioni precedenti, i gesti di trascinamento erano supportati da desktop e diventavano, per impostazione predefinita, gesti tocco da Web; con questo aggiornamento ora puoi effettivamente trascinare anche nel browser Web.

Gesto di trascinamento nel browser
Gesto di trascinamento nel browser

Per ulteriori informazioni, consulta Creazione di prototipi con l’animazione automatica.

Operazioni di copia/incolla di contenuto vettoriale in Illustrator

Contenuto vettoriale in Illustrator
Contenuto vettoriale in Illustrator

Ora puoi copiare il contenuto vettoriale di XD negli Appunti e incollarlo come livelli modificabili in Adobe Illustrator. Nelle versioni precedenti, Illustrator incollava da XD le immagini con un solo livello; ora questa operazione è stata aggiornata a un trasferimento vettoriale basato su SVG.

Questa funzione è compatibile con Illustrator versione 23.0.2 o successive.

Guarda questo video su come copiare/incollare contenuto vettoriale in Illustrator.


Per ulteriori informazioni, consulta Utilizzo di risorse esterne.

Possibilità di nascondere i controlli di navigazione nei prototipi Web

Per avere maggior controllo sull’ambiente di verifica dei prototipi collegati, ora puoi controllare la visibilità dei controlli di impaginazione e navigazione nel prototipo Web.

Mostra e nascondi i controlli di navigazione
Mostra e nascondi i controlli di navigazione

Puoi attivare o disattivare Mostra controlli di navigazione nell’opzione Condividi e se i controlli sono:

  • Attivati (impostazione predefinita): la web app del prototipo mostra gli stessi 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. Nel caso di un’esperienza per dispositivo mobile, quando apri il collegamento del prototipo, puoi visualizzare la schermata iniziale, i chevron sinistro/destro sono nascosti e il gesto di scorrimento è disattivato.

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

Nota:

Se desideri utilizzare questa nuova funzione anche per i collegamenti esistenti, pubblica nuovamente il prototipo disattivando l’opzione Mostra controlli di navigazione.

Controlli di navigazione disattivati
Controlli di navigazione disattivati

Miglioramenti nella selezione per l’esportazione

Selezione per esportazione
Selezione per esportazione

Puoi selezionare qualsiasi oggetto sull’area di lavoro e contrassegnarlo per l’esportazione facendo clic sulla nuova casella di controllo Seleziona per esportazione nella finestra di Ispezione proprietà o facendo clic con il pulsante destro su di esso e selezionandolo dal menu.

Da questa versione in poi, tutte le immagini bitmap importate in XD sono automaticamente contrassegnate per l’esportazione. Quando importi o apri un documento di Illustrator o Photoshop contenente immagini, XD contrassegna automaticamente tutte le immagini bitmap per l’esportazione. 

Per esportare tutti i livelli contrassegnati per l’esportazione, puoi selezionare File > Esporta > Batch o, in alternativa, Condividi > Condividi per sviluppo e includi le risorse nelle specifiche di progettazione. 

Nota:

L’opzione Seleziona per esportazione batch è stata rinominata come Seleziona per esportazione.

Guarda questo video per informazioni su come contrassegnare le risorse per l’esportazione.


Miglioramenti allo strumento Selezione

Selezione di oggetti tra più gruppi
Selezione di oggetti tra più gruppi

Lo strumento di selezione in XD è stato migliorato, rendendo molto più sofisticata la selezione del contenuto tra i gruppi. Puoi selezionare oggetti in più gruppi sull’area di lavoro utilizzando Comando/Ctrl+Maiusc+clic indipendentemente dai gruppi di appartenenza. Quando selezionati, puoi modificare facilmente gli attributi comuni nella finestra di Ispezione proprietà, puoi duplicare il contenuto tenendo premuto il tasto Alt e trascinando o usando Comando/Ctrl+D.

Guarda questo video sulla selezione degli oggetti tra più gruppi.


Integrazione con il server JIRA

L’integrazione di Adobe XD con Jira Software semplifica la collaborazione tra progettisti e sviluppatori offrendo accesso istantaneo ai prototipi e alle specifiche di progettazione di XD condivisi proprio nel problema creato in Jira.

L’estensione del supporto a Jira Software Server e Jira Software Data Center porta questi vantaggi ai clienti aziendali che richiedono di una soluzione personalizzata con requisiti speciali per la governance dei dati. Per informazioni su come gli amministratori Jira possono attivare questa integrazione, consulta Integrazione di Jira per XD.

Registrazione di interazioni vocali con narrazione audio

Adobe XD introduce la possibilità di aggiungere la narrazione utilizzando il microfono quando registri un’interazione di anteprima da desktop. Quando fai clic nel prototipo, anche qualsiasi narrazione vocale è inclusa nella registrazione. Questa funzione risulta particolarmente utile quando devi mostrare una procedura dettagliata dell’applicazione a un cliente in remoto senza essere fisicamente presente con il cliente o lo stakeholder.

Mentre gli utenti di Windows potevano accedere a questa funzione attraverso un controllo a livello di sistema operativo in Gamecenter, questa nuova funzione si estende agli utenti Mac. 

Guarda questo video su come aggiungere la narrazione a un prototipo durante la registrazione.

Registrazione delle interazioni
Registrazione delle interazioni

Per ulteriori informazioni su come registrare le interazioni vocali e aggiungerle alla narrazione, consulta Aggiunta della narrazione vocale al prototipo.

Scelta rapida da tastiera per il contagocce per cambiare i colori

Adobe XD introduce una scelta rapida per il contagocce che semplifica la modifica dei colori degli oggetti. Seleziona l’oggetto o il gruppo di oggetti di cui modificare il colore e utilizza il tasto i per caricare il cursore del contagocce; seleziona quindi qualsiasi colore nell’area di lavoro di progettazione per modificare il colore di un oggetto. Il selettore colore consente solo di selezionare colori assoluti; non puoi utilizzare lo strumento per selezionare sfumature lineari o radiali.

Guarda questo video su come utilizzare lo strumento Contagocce.


Scelta rapida dello strumento Contagocce
Scelta rapida dello strumento Contagocce

Per ulteriori informazioni su come utilizzare la scelta rapida dello strumento Contagocce, consulta Scelte rapide da tastiera in XD.

Componenti di navigazione di utilità nel prototipo e nelle specifiche di progettazione

Quando accedi ai prototipi o alle specifiche di progettazione di XD pubblicati nel Web, l’esperienza di accesso ai controlli di navigazione di utilità è unificata. Ciò garantisce un’esperienza unificata quando interagisci con altre applicazioni Web Adobe.

Per ulteriori informazioni, consulta Utilizzo dei prototipi in Adobe XD.

Miglioramenti dell’interfaccia utente relativi al passaggio dalla condivisione pubblica a quella privata

Per migliorare la visibilità e l’utilizzo della funzione Condividi e dei relativi flussi di lavoro, XD offre le seguenti opzioni per condividere un prototipo.

  • Chiunque disponga del collegamento può visualizzare
  • Solo gli utenti invitati possono visualizzare

Per ulteriori informazioni, consulta Condivisione di progettazioni e prototipi incorporati.

Supporto per l’animazione automatica nei browser

Con l’animazione automatica in Adobe XD, puoi creare prototipi con transizioni animate immersive completamente funzionali e interattivi nei dispositivi e visualizzarle nella finestra di anteprima e nel browser Web.

Ora puoi visualizzare le animazioni nei prototipi e i valori delle proprietà dell’animazione nelle specifiche di progettazione in un browser Web supportato; questo semplifica la presentazione delle progettazioni agli stakeholder e ad altri partner.

Per ulteriori informazioni, consulta Creazione di prototipi con l’animazione automatica e Proprietà supportate e non per l’animazione automatica nelle transizioni delle tavole da disegno di XD.

Guarda questo video per vedere come la dissolvenza dell’animazione automatica in un browser Web.


Supporto per l’animazione automatica nei browser
Animazione automatica dell’output in un browser Web

Supporto vocale per lingue e accenti

Nel supporto vocale sono ora incluse tutte le lingue di Adobe XD sia per i comandi che per la riproduzione vocale. Ora potrai progettare per utenti che parlano inglese, francese, tedesco, coreano o giapponese e prototipare esperienze vocali nella loro lingua madre e prevediamo di aggiungere il supporto per altre lingue in futuro.

La versione più recente di XD supporta anche gli accenti regionali per i comandi vocali, quindi se sei negli Stati Uniti o nel Regno Unito, in Canada o in Australia, potrai prototipare in modo efficace e senza problemi un’esperienza vocale localizzata. Per ulteriori informazioni, consulta Progettazione e prototipazione vocale in Adobe XD.

Guarda anche questo video per informazioni sul supporto vocale per lingue e accenti.


Visualizzazione di tutti i commenti in più tavole da disegno

La funzione di visualizzazione di tutti i commenti in Adobe XD semplifica notevolmente la gestione del feedback degli stakeholder in prototipi e specifiche di progettazione. Ora puoi visualizzare tutti i commenti in un unico elenco e fare clic su ognuno di essi per passare direttamente alla tavola da disegno interessata e rispondere, risolvere o eliminare i commenti. 

Per ulteriori informazioni, consulta Visualizza tutti i commenti

Guarda anche questo video per informazioni su tutti i commenti in più tavole da disegno.


Visualizza tutti i commenti
Visualizza tutti i commenti

Nuove funzioni in Adobe XD 19

Sistemi di progettazione in XD

Sistemi di progettazione in XD
Sistemi di progettazione in XD

Quando si progettano prodotti digitali su larga scala, diventa sempre più difficile e fondamentale mantenere la coerenza. Sotto le crescenti pressioni per produrre a ritmi sempre più serrati il contenuto, le organizzazioni sono alla ricerca di modi per velocizzare la progettazione e la costruzione delle esperienze del cliente, mantenendo però coerenza e aumentando l’efficienza in un ecosistema di piattaforme e dispositivi sempre più complesso.

Un sistema di progettazione riunisce team di prodotto multidisciplinari (progettisti, sviluppatori e stakeholder) attorno a un linguaggio visivo comune fornendo modelli di progettazione coerenti e avanzati che possono essere riutilizzati con combinazioni diverse. In tal modo si riducono i costi di progettazione, accelerando il processo di progettazione e creando connessioni tra i team che lavorano all’unisono per dare vita ai prodotti. Per ulteriori informazioni sui sistemi di progettazione in XD, consulta Sistemi di progettazione.

Per ulteriori informazioni sui sistemi di progettazione in XD, guarda questo video.

Tempo di visione: 1 minuto.


Guide per tavola da disegno

Le guide personalizzate della tavola da disegno ti consentono di allineare facilmente elementi e oggetti tra tavole da disegno senza dover utilizzare righelli. Puoi creare guide, modificarne la posizione, copiare e incollare guide tra più tavole da disegno o rimuoverle. Puoi anche bloccare o nascondere la visibilità delle guide. Per ulteriori informazioni sulla creazione delle guide personalizzate della tavola da disegno, consulta Utilizzo delle tavole da disegno e delle griglie.

Per ulteriori informazioni sulle guide delle tavole da disegno, guarda questo video.

Tempo di visione: 1 minuto.


Attivatori per tastiera e gamepad

Adobe XD consente ora di utilizzare le scelte rapide da tastiera e gli attivatori per gamepad per simulare le applicazioni desktop native e prototipare un’esperienza o una progettazione di gioco più coinvolgente. Quando colleghi un prototipo, puoi selezionare Tasti e gamepad dall’opzione Attivazione e assegnare qualsiasi tasto. Puoi impostare questi attivatori su Tocca, Trascina, Tempo e Voce per prototipare per diversi casi di utilizzo, ad esempio, app desktop, giochi e presentazioni. Per ulteriori informazioni sull’utilizzo degli attivatori per tastiera e gamepad, consulta Prototipazione utilizzando attivatori per tastiera e gamepad.

Per ulteriori informazioni sugli attivatori per tastiera e gamepad, guarda questo video.

Tempo di visione: 1 minuto.


Componenti con sostituzioni

 Con l’introduzione dei componenti nella versione più recente di Adobe XD, è stato fatto un gigantesco passo in avanti per quanto riguarda la creazione di esperienze utente complesse. I componenti sostituiscono i simboli delle versioni passate e rendono la creazione di elementi ripetuti nella progettazione infinitamente più snella e potente. Le operazioni per la creazione di più variazioni di un componente (precedentemente un simbolo), la modifica delle sue proprietà e la sostituzione contemporanea di tutte le proprietà comuni sono ora più semplici e rapide. Per ulteriori informazioni sull’utilizzo delle esclusioni nei componenti, consulta Esclusioni nei componenti.

Per ulteriori informazioni sui componenti in XD, guarda questo video.

Tempo di visione: 1 minuto.


Risorse collegate

Con la crescita costante delle superfici di progettazione, i progettisti hanno bisogno di un modo semplice per creare e mantenere la coerenza nelle progettazioni su larga scala. 

Con XD 19.0, puoi facilmente condividere e utilizzare non solo componenti (denominati prima simboli), ma anche colori e stili carattere. L’utilità di quanto offerto è incredibile se condividi un foglio di adesivi con il tuo team o riutilizzi gli elementi di progettazione tra progetti.

Le risorse collegate completano il flusso di lavoro dei componenti collegati. Quando modifichi una risorsa collegata nel documento di origine, tutti i documenti che utilizzano queste risorse collegate ricevono le notifiche degli aggiornamenti. Da quel momento, puoi visualizzare in anteprima gli aggiornamenti e accettarli. Per ulteriori informazioni, consulta Utilizzo di risorse collegate.

Per ulteriori informazioni sulle risorse collegate, guarda questo video.

Tempo di visione: 1 minuto.


Strumento poligono

Nella versione più recente di Adobe XD, hai ancora più modi di esprimere la tua visione con il nuovo strumento Poligono con un massimo di 100 lati. Puoi anche modificare le forme di questi poligoni per ottenere la forma desiderata. Ora puoi creare normali elementi dell’interfaccia utente, ad esempio, pulsanti, puntatori, classificazioni e altre icone e grafici di base e renderli più espressivi. Per ulteriori informazioni sulla creazione di elementi personalizzati, consulta Strumenti di disegno e testo in XD.


Maiuscolo, minuscolo, iniziali maiuscole e barrato

La versione più recente di Adobe XD offre una maggiore espressione creativa per quanto riguarda le trasformazioni del testo. Puoi modificare gli stili di testo in maiuscolo, minuscolo, utilizzare la barratura e tutte le iniziali maiuscole non solo nell’applicazione di progettazione XD, ma anche nelle anteprime per Web e dispositivo mobile. Questa funzione è utile per allineare gli stili per diverse aree di testo come titoli di sezione, messaggi di errore o etichette e non dovrai più ricorrere a trucchi visivi per realizzare queste trasformazioni del testo. Per ulteriori informazioni sulle trasformazioni di testo, consulta Strumenti di testo.


Ridimensionamento reattivo per i componenti

Con la versione più recente di Adobe XD puoi combinare il meglio dei componenti (precedentemente noti come simboli) e il ridimensionamento reattivo per lavorare con gruppi di oggetti nell’area di lavoro. Il ridimensionamento reattivo ti consente di ridimensionare gruppi di oggetti mantenendo il loro posizionamento e la loro scalabilità. Ti basta quindi ridimensionare il gruppo nell’area di disegno della progettazione e XD mantiene la spaziatura relativa. Anche i componenti sono ridimensionabili e offrono funzionalità avanzate integrate per il ridimensionamento reattivo. Per ulteriori informazioni sull’utilizzo del ridimensionamento reattivo nei componenti, consulta Ridimensionamento dei componenti.


Richiesta di accesso a prototipi e specifiche di progettazione privati

Adobe XD semplifica la condivisione delle progettazioni utilizzando collegamenti condivisibili a prototipi e specifiche di progettazione. Ora puoi richiedere l’accesso a un prototipo o a una specifica di progettazione condivisa privatamente e il proprietario della progettazione può approvare o negare l’accesso. Per ulteriori informazioni, consulta Richiesta di accesso ai collegamenti privati.


Notifiche del prototipo vocale

Quando un prototipo non risponde a un comando vocale, puoi analizzare l’interazione dall’app di anteprima desktop, con un’anteprima visiva di ciò che sente Adobe XD. Per ulteriori informazioni, consulta Risoluzione dei problemi per le interazioni vocali

Per ulteriori informazioni sulle notifiche del prototipo vocale, guarda questo video. 

Tempo di visione: 1 minuto.


Risoluzione dei font mancanti

Attivazione da Adobe Fonts
Attivazione da Adobe Fonts

Nella versione più recente di Adobe XD, l’attività di caricamento dei font mancanti dalla libreria Adobe Fonts insieme alla gestione dei font non Adobe è stata semplificata direttamente dall’applicazione. 

Per semplificare al massimo la tua esperienza di utilizzo degli Adobe Fonts, XD attiva automaticamente i font mancanti disponibili nella libreria Adobe Fonts del computer senza richiedere il tuo intervento.

Se i font sono disponibili in Adobe Fonts (a cui hai accesso tramite l’abbonamento Creative Cloud) e il dispositivo è online, XD attiva automaticamente i font mancanti quando apri un documento.

I font attivati da Adobe Fonts sono evidenziati con un’icona di attivazione blu e non appena sono pronti per l’uso sono resi disponibili nel documento, senza richiedere alcun intervento da parte tua.

Attivazione automatica degli Adobe Fonts
Attivazione automatica degli Adobe Fonts

A. Font mancanti B. Attivazione dei font 

Guarda questo video su come lavorare con i font mancanti.

Per ulteriori informazioni, consulta Gestione delle risorse e dei componenti

Supporto per i gesti di trascinamento con il prototipo nel browser Web

Ora puoi sperimentare in modo ottimale il comportamento del prototipo durante la progettazione degli effetti di trascinamento durante la visualizzazione o la condivisione di prototipi Web. Nelle versioni precedenti, i gesti di trascinamento erano supportati da desktop e diventavano, per impostazione predefinita, gesti tocco da Web; con questo aggiornamento ora puoi effettivamente trascinare anche nel browser Web.

Gesto di trascinamento nel browser
Gesto di trascinamento nel browser

Per ulteriori informazioni, consulta Creazione di prototipi con l’animazione automatica.

Operazioni di copia/incolla di contenuto vettoriale in Illustrator

Contenuto vettoriale in Illustrator
Contenuto vettoriale in Illustrator

Ora puoi copiare il contenuto vettoriale di XD negli Appunti e incollarlo come livelli modificabili in Adobe Illustrator. Nelle versioni precedenti, Illustrator incollava da XD le immagini con un solo livello; ora questa operazione è stata aggiornata a un trasferimento vettoriale basato su SVG.

Questa funzione è compatibile con Illustrator versione 23.0.2 o successive.

Guarda questo video su come copiare/incollare contenuto vettoriale in Illustrator.

Per ulteriori informazioni, consulta Utilizzo di risorse esterne.

Possibilità di nascondere i controlli di navigazione nei prototipi Web

Per avere maggior controllo sull’ambiente di verifica dei prototipi collegati, ora puoi controllare la visibilità dei controlli di impaginazione e navigazione nel prototipo Web.

Mostra e nascondi i controlli di navigazione
Mostra e nascondi i controlli di navigazione

Puoi attivare o disattivare Mostra controlli di navigazione nell’opzione Condividi e se i controlli sono:

  • Attivati (impostazione predefinita): la web app del prototipo mostra gli stessi 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. Nel caso di un’esperienza per dispositivo mobile, quando apri il collegamento del prototipo, puoi visualizzare la schermata iniziale, i chevron sinistro/destro sono nascosti e il gesto di scorrimento è disattivato.

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

Nota:

Se desideri utilizzare questa nuova funzione anche per i collegamenti esistenti, pubblica nuovamente il prototipo disattivando l’opzione Mostra controlli di navigazione.

Controlli di navigazione disattivati
Controlli di navigazione disattivati

Miglioramenti nella selezione per l’esportazione

Selezione per esportazione
Selezione per esportazione

Puoi selezionare qualsiasi oggetto sull’area di lavoro e contrassegnarlo per l’esportazione facendo clic sulla nuova casella di controllo Seleziona per esportazione nella finestra di Ispezione proprietà o facendo clic con il pulsante destro su di esso e selezionandolo dal menu.

Da questa versione in poi, tutte le immagini bitmap importate in XD sono automaticamente contrassegnate per l’esportazione. Quando importi o apri un documento di Illustrator o Photoshop contenente immagini, XD contrassegna automaticamente tutte le immagini bitmap per l’esportazione. 

Per esportare tutti i livelli contrassegnati per l’esportazione, puoi selezionare File > Esporta > Batch o, in alternativa, Condividi > Condividi per sviluppo e includi le risorse nelle specifiche di progettazione. 

Nota:

L’opzione Seleziona per esportazione batch è stata rinominata come Seleziona per esportazione.

Guarda questo video per informazioni su come contrassegnare le risorse per l’esportazione.

Miglioramenti allo strumento Selezione

Selezione di oggetti tra più gruppi
Selezione di oggetti tra più gruppi

Lo strumento di selezione in XD è stato migliorato, rendendo molto più sofisticata la selezione del contenuto tra i gruppi. Puoi selezionare oggetti in più gruppi sull’area di lavoro utilizzando Comando/Ctrl+Maiusc+clic indipendentemente dai gruppi di appartenenza. Quando selezionati, puoi modificare facilmente gli attributi comuni nella finestra di Ispezione proprietà, puoi duplicare il contenuto tenendo premuto il tasto Alt e trascinando o usando Comando/Ctrl+D.

Guarda questo video sulla selezione degli oggetti tra più gruppi.

Nuove funzioni in Adobe XD 18

La versione di aprile 2019 di XD include i miglioramenti riportati di seguito:

Cambio della lingua

XD offre un’esperienza in app completa per la modifica della lingua in cui è utilizzata l’app. Con questa nuova aggiunta, puoi controllare la lingua con cui usare XD a prescindere da quella del sistema operativo. Le nuove preferenze relative alla lingua sono memorizzate tra tutti gli aggiornamenti di XD.

Nota:

Le opzioni di cambio lingua sono disattivate per gli utenti di Creative Cloud for teams in Cina.

Cambio della lingua
Cambio della lingua

Miglioramenti dell’interfaccia utente nel pannello dei commenti

Per garantire la coerenza con altri prodotti Creative Cloud, in Adobe XD è stata introdotta una migliore leggibilità dei commenti e delle risposte nell’interfaccia del pannello dei commenti. Questi cambiamenti migliorano la leggibilità su più commenti con captcha invisibile (automatizzato) per i commenti degli ospiti, il nuovo rientro nel pannello dei commenti, il timestamp accanto al nome del revisore e così via.

Per ulteriori informazioni, consulta Utilizzo dei prototipi in Adobe XD.

Miglioramenti ai commenti
Miglioramenti ai commenti

Nuove funzioni in Adobe XD 17

Risoluzione dei font mancanti

Attivazione da Adobe Fonts
Attivazione da Adobe Fonts

Nella versione più recente di Adobe XD, l’attività di caricamento dei font mancanti dalla libreria Adobe Fonts insieme alla gestione dei font non Adobe è stata semplificata direttamente dall’applicazione. 

Per semplificare al massimo la tua esperienza di utilizzo degli Adobe Fonts, XD attiva automaticamente i font mancanti disponibili nella libreria Adobe Fonts del computer senza richiedere il tuo intervento.

Se i font sono disponibili in Adobe Fonts (a cui hai accesso tramite l’abbonamento Creative Cloud) e il dispositivo è online, XD attiva automaticamente i font mancanti quando apri un documento.

I font attivati da Adobe Fonts sono evidenziati con un’icona di attivazione blu e non appena sono pronti per l’uso sono resi disponibili nel documento, senza richiedere alcun intervento da parte tua.

Attivazione automatica degli Adobe Fonts
Attivazione automatica degli Adobe Fonts

A. Font mancanti B. Attivazione dei font 

Guarda questo video su come lavorare con i font mancanti.


Per ulteriori informazioni, consulta Gestione delle risorse e dei componenti

Supporto per i gesti di trascinamento con il prototipo nel browser Web

Ora puoi sperimentare in modo ottimale il comportamento del prototipo durante la progettazione degli effetti di trascinamento durante la visualizzazione o la condivisione di prototipi Web. Nelle versioni precedenti, i gesti di trascinamento erano supportati da desktop e diventavano, per impostazione predefinita, gesti tocco da Web; con questo aggiornamento ora puoi effettivamente trascinare anche nel browser Web.

Gesto di trascinamento nel browser
Gesto di trascinamento nel browser

Per ulteriori informazioni, consulta Creazione di prototipi con l’animazione automatica.

Operazioni di copia/incolla di contenuto vettoriale in Illustrator

Contenuto vettoriale in Illustrator
Contenuto vettoriale in Illustrator

Ora puoi copiare il contenuto vettoriale di XD negli Appunti e incollarlo come livelli modificabili in Adobe Illustrator. Nelle versioni precedenti, Illustrator incollava da XD le immagini con un solo livello; ora questa operazione è stata aggiornata a un trasferimento vettoriale basato su SVG.

Questa funzione è compatibile con Illustrator versione 23.0.2 o successive.

Guarda questo video su come copiare/incollare contenuto vettoriale in Illustrator.


Per ulteriori informazioni, consulta Utilizzo di risorse esterne.

Possibilità di nascondere i controlli di navigazione nei prototipi Web

Per avere maggior controllo sull’ambiente di verifica dei prototipi collegati, ora puoi controllare la visibilità dei controlli di impaginazione e navigazione nel prototipo Web.

Mostra e nascondi i controlli di navigazione
Mostra e nascondi i controlli di navigazione

Puoi attivare o disattivare Mostra controlli di navigazione nell’opzione Condividi e se i controlli sono:

  • Attivati (impostazione predefinita): la web app del prototipo mostra gli stessi 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. Nel caso di un’esperienza per dispositivo mobile, quando apri il collegamento del prototipo, puoi visualizzare la schermata iniziale, i chevron sinistro/destro sono nascosti e il gesto di scorrimento è disattivato.

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

Nota:

Se desideri utilizzare questa nuova funzione anche per i collegamenti esistenti, pubblica nuovamente il prototipo disattivando l’opzione Mostra controlli di navigazione.

Controlli di navigazione disattivati
Controlli di navigazione disattivati

Guarda questo video nel quale si illustra come nascondere i controlli di navigazione nei prototipi Web.


Miglioramenti nella selezione per l’esportazione

Selezione per esportazione
Selezione per esportazione

Puoi selezionare qualsiasi oggetto sull’area di lavoro e contrassegnarlo per l’esportazione facendo clic sulla nuova casella di controllo Seleziona per esportazione nella finestra di Ispezione proprietà o facendo clic con il pulsante destro su di esso e selezionandolo dal menu.

Da questa versione in poi, tutte le immagini bitmap importate in XD sono automaticamente contrassegnate per l’esportazione. Quando importi o apri un documento di Illustrator o Photoshop contenente immagini, XD contrassegna automaticamente tutte le immagini bitmap per l’esportazione. 

Per esportare tutti i livelli contrassegnati per l’esportazione, puoi selezionare File > Esporta > Batch o, in alternativa, Condividi > Condividi per sviluppo e includi le risorse nelle specifiche di progettazione. 

Nota:

L’opzione Seleziona per esportazione batch è stata rinominata come Seleziona per esportazione.

Guarda questo video per informazioni su come contrassegnare le risorse per l’esportazione.


Miglioramenti allo strumento Selezione

Selezione di oggetti tra più gruppi
Selezione di oggetti tra più gruppi

Lo strumento di selezione in XD è stato migliorato, rendendo molto più sofisticata la selezione del contenuto tra i gruppi. Puoi selezionare oggetti in più gruppi sull’area di lavoro utilizzando Comando/Ctrl+Maiusc+clic indipendentemente dai gruppi di appartenenza. Quando selezionati, puoi modificare facilmente gli attributi comuni nella finestra di Ispezione proprietà, puoi duplicare il contenuto tenendo premuto il tasto Alt e trascinando o usando Comando/Ctrl+D.

Guarda questo video sulla selezione degli oggetti tra più gruppi.


Integrazione con il server JIRA

L’integrazione di Adobe XD con Jira Software semplifica la collaborazione tra progettisti e sviluppatori offrendo accesso istantaneo ai prototipi e alle specifiche di progettazione di XD condivisi proprio nel problema creato in Jira.

L’estensione del supporto a Jira Software Server e Jira Software Data Center porta questi vantaggi ai clienti aziendali che richiedono di una soluzione personalizzata con requisiti speciali per la governance dei dati. Per informazioni su come gli amministratori Jira possono attivare questa integrazione, consulta Integrazione di Jira per XD.

Nuove funzioni in Adobe XD 16

Registrazione di interazioni vocali con narrazione audio

Adobe XD introduce la possibilità di aggiungere la narrazione utilizzando il microfono quando registri un’interazione di anteprima da desktop. Quando fai clic nel prototipo, anche qualsiasi narrazione vocale è inclusa nella registrazione. Questa funzione risulta particolarmente utile quando devi mostrare una procedura dettagliata dell’applicazione a un cliente in remoto senza essere fisicamente presente con il cliente o lo stakeholder.

Mentre gli utenti di Windows potevano accedere a questa funzione attraverso un controllo a livello di sistema operativo in Gamecenter, questa nuova funzione si estende agli utenti Mac. 

Guarda questo video su come aggiungere la narrazione a un prototipo durante la registrazione.


Registrazione delle interazioni
Registrazione delle interazioni

Per ulteriori informazioni su come registrare le interazioni vocali e aggiungerle alla narrazione, consulta Aggiunta della narrazione vocale al prototipo.

Scelta rapida da tastiera per il contagocce per cambiare i colori

Adobe XD introduce una scelta rapida per il contagocce che semplifica la modifica dei colori degli oggetti. Seleziona l’oggetto o il gruppo di oggetti di cui modificare il colore e utilizza il tasto i per caricare il cursore del contagocce; seleziona quindi qualsiasi colore nell’area di lavoro di progettazione per modificare il colore di un oggetto. Il selettore colore consente solo di selezionare colori assoluti; non puoi utilizzare lo strumento per selezionare sfumature lineari o radiali.

Guarda questo video su come utilizzare lo strumento Contagocce.


Scelta rapida dello strumento Contagocce
Scelta rapida dello strumento Contagocce

Per ulteriori informazioni su come utilizzare la scelta rapida dello strumento Contagocce, consulta Scelte rapide da tastiera in XD.

Componenti di navigazione di utilità nel prototipo e nelle specifiche di progettazione

Quando accedi ai prototipi o alle specifiche di progettazione di XD pubblicati nel Web, l’esperienza di accesso ai controlli di navigazione di utilità è unificata. Ciò garantisce un’esperienza unificata quando interagisci con altre applicazioni Web Adobe.

Per ulteriori informazioni, consulta Utilizzo dei prototipi in Adobe XD.

Navigazione di utilità
Navigazione di utilità

Miglioramenti dell’interfaccia utente relativi al passaggio dalla condivisione pubblica a quella privata

Per migliorare la visibilità e l’utilizzo della funzione Condividi e dei relativi flussi di lavoro, XD offre le seguenti opzioni per condividere un prototipo.

  • Chiunque disponga del collegamento può visualizzare
  • Solo gli utenti invitati possono visualizzare
Miglioramenti dell’interfaccia utente
Miglioramenti dell’interfaccia utente

Per ulteriori informazioni, consulta Condivisione di progettazioni e prototipi incorporati.

Nuove funzioni in Adobe XD 15

La versione di gennaio 2019 di XD include nuove funzioni riportate di seguito:

I miglioramenti includono la possibilità di Visualizzare tutti i commenti in più tavole da disegno.

Supporto per l’animazione automatica nei browser

Con l’animazione automatica in Adobe XD, puoi creare prototipi con transizioni animate immersive completamente funzionali e interattivi nei dispositivi e visualizzarle nella finestra di anteprima e nel browser Web.

Ora puoi visualizzare le animazioni nei prototipi e i valori delle proprietà dell’animazione nelle specifiche di progettazione in un browser Web supportato; questo semplifica la presentazione delle progettazioni agli stakeholder e ad altri partner.

Per ulteriori informazioni, consulta Creazione di prototipi con l’animazione automatica e Proprietà supportate e non per l’animazione automatica nelle transizioni delle tavole da disegno di XD.

Guarda questo video per vedere come la dissolvenza dell’animazione automatica in un browser Web.


Supporto per l’animazione automatica nei browser
Supporto per l’animazione automatica nei browser

Supporto vocale per lingue e accenti

Nel supporto vocale sono ora incluse tutte le lingue di Adobe XD sia per i comandi che per la riproduzione vocale. Ora potrai progettare per utenti che parlano inglese, francese, tedesco, coreano o giapponese e prototipare esperienze vocali nella loro lingua madre e prevediamo di aggiungere il supporto per altre lingue in futuro.

La versione più recente di XD supporta anche gli accenti regionali per i comandi vocali, quindi se sei negli Stati Uniti o nel Regno Unito, in Canada o in Australia, potrai prototipare in modo efficace e senza problemi un’esperienza vocale localizzata. Per ulteriori informazioni, consulta Progettazione e prototipazione vocale in Adobe XD.

Guarda anche questo video per informazioni sul supporto vocale per lingue e accenti.


Visualizzazione di tutti i commenti in più tavole da disegno

La funzione di visualizzazione di tutti i commenti in Adobe XD semplifica notevolmente la gestione del feedback degli stakeholder in prototipi e specifiche di progettazione. Ora puoi visualizzare tutti i commenti in un unico elenco e fare clic su ognuno di essi per passare direttamente alla tavola da disegno interessata e rispondere, risolvere o eliminare i commenti. 

Per ulteriori informazioni, consulta Visualizza tutti i commenti

Guarda anche questo video per informazioni su tutti i commenti in più tavole da disegno.


all-screen-comments-view

Nuove funzioni in Adobe XD 14

Collaborazione migliorata con i documenti cloud nativi

Cloud-Doc

Con Adobe XD sono introdotti i documenti cloud, un nuovo tipo di documento nativo del cloud che consente di gestire, condividere e conservare i documenti aggiornati in vari dispositivi in modo rapido e conveniente. 

Puoi salvare le progettazioni di XD come documenti cloud per assicurarti che siano aggiornati e accessibili anche quando sei offline. Puoi quindi condividerli con altri utenti di Creative Cloud e invitarli a collaborare. Quando torni online, il tuo lavoro è salvato automaticamente nel cloud.

I documenti cloud supportano anche risorse da altri documenti e consentono di collegare componenti da un documento cloud.

Per ulteriori informazioni su come utilizzare i documenti cloud, guarda questo video.


L’introduzione dei documenti cloud influisce anche sulle modalità di salvataggio e accesso ai documenti da XD per dispositivi mobili. Per ulteriori informazioni, consulta Utilizzo dei documenti cloud da dispositivo mobileDocumenti cloud in XD e Gestione dei documenti cloud.

Per ulteriori informazioni sull’esperienza per dispositivi mobili quando utilizzi i documenti cloud, guarda questo video.


Progettazioni più rapide e precise con la riflessione degli oggetti

In XD è stata introdotta l’opzione per riflettere gli oggetti in verticale o in orizzontale. La riflessione funziona su tutti gli elementi di base tranne tavola da disegno, griglia di ripetizione e i componenti e, quando applicata, tiene conto della rotazione corrente dell’oggetto.

Per ulteriori informazioni, consulta Rifletti oggetti.

Rifletti oggetti
Rifletti oggetti

Maggiore produttività grazie alla ricerca nel pannello dei livelli

Nel pannello Livelli puoi usare le opzioni Cerca e Filtro per cercare per nome di livello o filtrare i livelli per testo, forme e categorie di immagini. L’esperienza di ricerca è ottimizzata per mostrare solo i livelli e le tavole da disegno pertinenti contenenti la parola chiave, senza la struttura dei livelli (ad esempio, gruppi espansi). Questo risulta utile quando animi automaticamente i livelli tra le tavole da disegno.

Per ulteriori informazioni, consulta Utilizzo dei livelli.

Ricerca nel pannello Livelli
Ricerca nel pannello Livelli

Anteprima del componente collegato sull’area di lavoro

Passa il mouse sull’icona di aggiornamento del componente collegato nel pannello Risorse per visualizzare in anteprima gli aggiornamenti dei componenti collegati sull’area di lavoro prima di accettarli.

Per ulteriori informazioni, consulta Anteprima degli aggiornamenti dei componenti collegati.

Anteprima degli aggiornamenti dei componenti collegati
Anteprima degli aggiornamenti dei componenti collegati

Modifiche dell’interfaccia utente relativa ai flussi di lavoro di condivisione

14_0-release-share
Nomenclatura precedente Nuova nomenclatura Flussi di lavoro
N/D Condividi documento Condividi i documenti cloud per la revisione.
Pubblica prototipo Condividi per revisione Pubblica e condividi i prototipi per la revisione.
Pubblica specifiche di progettazione Condividi per sviluppo Pubblica e condividi le specifiche di progettazione con gli sviluppatori per la revisione.
Gestione collegamenti pubblicati Gestione collegamenti Gestione dei collegamenti da assets.adobe.com.
Registra video Registra video Registra un video delle interazioni tra le tavole da disegno quando utilizzi l’animazione automatica. Se è presente un prototipo interattivo, tutte le interazioni sono registrate in un file .mp4.

Fedeltà visiva migliorata con livelli conservati da Adobe Illustrator

Grazie al miglioramento delle operazioni di copia e incolla da Adobe Illustrator a XD, la fedeltà visiva dei livelli, la loro struttura ed effetti sono conservati come originariamente progettati in Adobe Illustrator. Questo flusso di lavoro è ora identico all’importazione da Illustrator.

Integrazione migliorata con Photoshop, Illustrator e After Effects

Utilizza la nuova opzione File > Importa per aggiungere contenuto di Photoshop o Illustrator in un documento XD esistente quando converti contenuto di Illustrator o Photoshop. Quando converti oggetti avanzati, questi rimangono totalmente modificabili (anziché avere i livelli uniti) e conservano i livelli di regolazione di Photoshop.

Per ulteriori informazioni, consulta Utilizzo di risorse esterne.

Visualizzazione dei prototipi nei dispositivi mobili

Sono stati aggiunti numerosi miglioramenti alla visualizzazione dei prototipi in un browser Web mobile, tra cui la modalità predefinita a tutto schermo, il gesto pizzico per mostrare le frecce di navigazione, il pulsante Home, le informazioni sul prototipo e la possibilità di segnalare un problema. Per ulteriori informazioni, consulta Anteprima da dispositivi mobili.

Per ulteriori informazioni sull’esperienza migliorata da dispositivi mobili, guarda questo video.


Esportazione in SVG migliorata

Quando esporti elementi .svg da XD o dalle specifiche di progettazione, puoi esportare con Attributi presentazione che migliora lo stile e la compatibilità negli scenari di sviluppo comuni come SVG esportati da XD in Android Studio.

Per ulteriori informazioni, consulta Utilizzo di risorse esterne.

Supporto migliorato per Wacom e tocco

Adobe XD ora supporta la rotazione con due dita degli oggetti selezionati dai dispositivi touchscreen Windows, trackpad Mac, tablet Wacom, touchpad e touch ring.

Interfaccia utente per i commenti da Web migliorata

All’apertura di un prototipo o una specifica di progettazione Web, nella barra di destra, potrai notare un indicatore grigio sopra l’icona dei commenti, sul quale è riportato il numero di commenti. Il valore rappresenta il numero totale di thread di commenti non risolti per una tavola da disegno. Il numero di commenti è aggiornato automaticamente quando aggiungi un nuovo commento o ne contrassegni uno esistente come risolto.

Miglioramento interfaccia utente per i commenti da Web
Miglioramento interfaccia utente per i commenti da Web

Nuove funzioni in Adobe XD 13

Progettazione e prototipazione usando i comandi vocali e la riproduzione vocale

Comandi vocali e riproduzione vocale
Comandi vocali e riproduzione vocale

Adobe XD offre una soluzione di facile utilizzo che consente di utilizzare i comandi vocali per attivare un’interazione tra le tavole da disegno. Proprio come un clic o un tocco utilizzato come attivatore, puoi anche usare la voce per attivare l’interazione del prototipo e la riproduzione voce come azione attivata. La riproduzione della voce ti consente di accedere a un motore di sintesi vocale avanzato che ti aiuta nella progettazione di nuove piattaforme quali assistenti vocali e altoparlanti intelligenti. Per ulteriori informazioni, consulta Progettazione e prototipazione vocale.

Per ulteriori informazioni sull’utilizzo dei comandi vocali e sulla riproduzione vocale, guarda questo video.


Creazione e riproduzione con animazione automatiche e gesti di trascinamento

Auto-aminamte--1(source)
Funzionamento dell’animazione automatica

L’animazione automatica ti consente di creare facilmente prototipi con transizioni animate coinvolgenti. Duplica semplicemente una tavola da disegno, modifica le proprietà degli oggetti, ad esempio, dimensioni, posizione, rotazione e applica un’azione di animazione automatica per creare una transizione animata tra tavole da disegno. Per usare l’animazione automatica, assicurati che gli oggetti che desideri animare abbiano lo stesso nome di livello tra le due tavole da disegno. Per ulteriori informazioni, consulta Creazione di prototipi con l’animazione automatica.

Il gesto di trascinamento in XD porta la funzione di animazione automatica a un livello ancora superiore, consentendoti di simulare l’esperienza di trascinamento dei dispositivi abilitati al tocco. Per ulteriori informazioni, consulta Funzionamento dei gesti di trascinamento.

Per ulteriori informazioni sull’animazione automatica, guarda questo video.


Condivisione di risorse tra documenti con i componenti collegati

Linked-Symbol-Concept

Con l’aumentare del numero dei team di progettazione nelle organizzazioni e quello sempre costante del numero di superfici di progettazione, i progettisti devono collaborare per poter creare progettazioni coerenti e scalabili. Con i componenti collegati, i progettisti possono condividere i componenti tra i documenti e garantire che siano sempre aggiornati.

I componenti collegati ti consentono di creare e mantenere un’unica origine affidabile per kit per interfaccia utente, fogli di adesivi o guide di stile e utilizzarli in altri documenti Adobe XD. Quando modifichi un componente collegato nel documento di origine, XD notifica i documenti che contengono istanze di tale componente collegato con gli aggiornamenti. A tal punto, puoi visualizzare in anteprima le modifiche e decidere se accettarle o ignorarle. Per ulteriori informazioni, consulta Utilizzo dei componenti collegati.

Per ulteriori informazioni sui componenti collegati, guarda questo video.


Innovazione nella progettazione degli strumenti attraverso i plug-in

Plugins-updated

Con Adobe XD viene introdotta la prima ondata di plug-in che consente di automatizzare le attività, integrarsi con altri Strumenti, sfruttare i dati nelle progettazioni e altro ancora. Questo comprende anche integrazioni con alcune delle migliori app per la collaborazione e la produttività disponibili sul mercato, quali Slack, JIRA e Microsoft Teams.

Per informazioni su come iniziare con i plug-in, consulta Plug-in per XD.

Trasferimento integrato delle risorse con Illustrator e After Effects

Importa da Illustrator
Importa da Illustrator

A partire da Adobe XD 13.0, puoi trasferire le progettazioni e le risorse di layout da Illustrator aprendo i file .ai da Adobe XD. Questo nuovo flusso di lavoro è veloce e conveniente e ti consente di trasferire senza problemi le risorse con mappatura nativa di livelli, tavole da disegno, grafica e vettoriali con la migliore fedeltà visiva e di ottimizzare gli ambienti collaborativi in diverse fasi del processo UX. Per ulteriori informazioni, consulta Apertura di file di Illustrator in XD.

Vantaggi della funzione:

  • Utilizzo delle risorse di Illustrator nei prototipi: trasferisci icone, loghi e altri risorse vettoriali in XD e usa i kit per interfaccia utente o le librerie complete create in Illustrator conservando sempre i livelli, con piena modificabilità e totale fedeltà visiva.
  • Collabora alla creazione di progetti interattivi: apri file di Illustrator in XD e usa le funzioni avanzate di prototipazione e collaborazione di XD.

Per ulteriori informazioni sull’integrazione con Illustrator, guarda questo video.


Animazione con After Effects
Animazione con After Effects

Con Adobe XD 13.0, puoi esportare facilmente le progettazioni di XD (livelli selezionati o tavole da disegno intere) in After Effects per creare animazioni dell’interfaccia utente e microinterazioni personalizzate. Puoi esportare livelli, tavole da disegno, grafica e vettoriali con una totale fedeltà visiva e utilizzare l’ecosistema avanzato di plug-in di After Effects per semplificare la collaborazione con gli sviluppatori. Per ulteriori informazioni, consulta Esportazione delle risorse in After Effects.

Vantaggi della funzione:

  • Mantieni il pieno controllo delle tue animazioni: i progettisti possono utilizzare After Effects per creare animazioni e microinterazioni personalizzate, perfezionare le transizioni o utilizzare risorse video nei tuoi progetti.
  • Trasferimento di risorse: con questa integrazione, il trasferimento delle risorse è rapido e insieme alla mappatura nativa di livelli, vettoriali e grafica, potrai passare da progettazione ad animazioni personalizzate in tempi rapidissimi.
  • Trai vantaggio dai plug-in: puoi estendere le animazioni e la collaborazione con gli sviluppatori usando l’ecosistema di plug-in di After Effects adattato alla progettazione di UX.

Anteprima dal vivo del dispositivo Win10 in iOS

Mobile-Preview

A partire dalla versione 13.0 di XD, i progettisti che utilizzano il sistema operativo Windows possono utilizzare un collegamento USB per visualizzare in anteprima le progettazioni in iOS. Per ulteriori informazioni, consulta Anteprima da dispositivi mobili.

Nuove funzioni in Adobe XD 12

 La versione di settembre 2018 di XD include nuove funzioni riportate di seguito:

I miglioramenti comprendono:

Continua a leggere per ulteriori informazioni.

Ridimensionamento reattivo e vincoli

Quando progetti nel contesto del panorama multi-dispositivo odierno, è importante considerare la grande varietà di formati di schermo disponibili con risoluzioni per dispositivi mobili, tablet e desktop. Poiché non tutti i progettisti utilizzano dispositivi simili, dovremo considerare come il contenuto si adatterà a più formati di schermo. 

Per risolvere questo problema per l’utente, Adobe XD ha sviluppato una funzione denominata ridimensionamento reattivo che consente di ridimensionare gli oggetti mantenendo le relazioni spaziali con dimensioni diverse per meglio adattarsi a più formati di schermo. Per ulteriori informazioni su ridimensionamento reattivo e vincoli, consulta Ridimensionamento reattivo.

Per ulteriori informazioni sul ridimensionamento reattivo, guarda questo video.


Ridimensionamento reattivo
Output con ridimensionamento reattivo
Configurazione dei vincoli per gruppi di oggetti
Configurazione dei vincoli per gruppi di oggetti

Transizioni temporizzate

Le transizioni temporizzate applicano una combinazione di Ritardo e durata come nuovo tipo di Attivatore temporale per passare da una tavola da disegno all’altra e creare rapidamente flussi o loop per onboarding.

Con l’aggiunta di Tempo, ora puoi passare da una tavola da disegno all’altra sulla base di uno specifico ritardo. Questo è utile per prototipare onboarding o flussi decisionali. 

Quando crei una transizione tra due tavole da disegno in modalità Prototipo, puoi ora selezionare Tempo invece di Tocca, definire la durata del ritardo e la transizione desiderata. XD salva quindi gli attributi dalla stessa schermata e li utilizza come predefiniti per le schermate successive. Per ulteriori informazioni sulle transizioni temporizzate, consulta Utilizzo di transizioni temporizzate.

Per ulteriori informazioni sulle transizioni temporizzate, guarda questo video.


Impostazione di transizioni temporizzate
Impostazione di transizioni temporizzate

A. Imposta Attivazione su Tempo B. Imposta Ritardo in secondi C. Imposta Azione su Transizione D. Imposta Durata in secondi 

Controllo ortografico integrato

Adobe XD introduce una funzione per il controllo ortografico integrata che fornisce il controllo ortografico in tempo reale direttamente nell’area di lavoro di progettazione. Il suggerimento delle correzioni in questa funzione si basa sulla lingua del sistema operativo. Puoi anche aggiungere nuove parole al dizionario.

Precedentemente, per controllare ortografia e errori di battitura, gli utenti dovevano copiare e incollare il contenuto in un’applicazione diversa. 

A partire da questa versione, puoi eseguire il controllo ortografico sul testo selezionato e visualizzare e correggere qualsiasi errore di ortografia.

Nota:

Prima di avviare il controllo ortografico, verifica di aver attivato la funzione di controllo ortografico nel menu Modifica.

Controllo ortografico
Controllo ortografico

Per ulteriori informazioni sul controllo ortografico, consulta Utilizzo del controllo ortografico.

Miglioramenti nella visualizzazione a tutto schermo dei prototipi Web

In Adobe XD è stata migliorata la modalità a tutto schermo che offre un’esperienza utente avanzata durante la visualizzazione delle progettazioni nel browser.

Le tavole da disegno Web e personalizzate sono ora visualizzate nella parte superiore del browser senza presentare problemi con contorni di riempimento neri. In modalità a tutto schermo, le tavole da disegno per dispositivi mobili continuano tuttavia a essere centrate sullo schermo.

Questi miglioramenti offrono un’esperienza più realistica quando si visualizza una tavola da disegno con formato Web nel browser.

Per ulteriori informazioni sui miglioramenti nella visualizzazione a tutto schermo di un prototipo Web, guarda questo video.


Full-screen-(Before)
Comportamento precedente
Migliorato il ridimensionamento della modalità a tutto schermo per i prototipi Web
Comportamento migliorato

Questo imita il normale comportamento di un browser, dato che il colore di sfondo dei browser è sempre bianco e non aggiunge il nero per impostazione predefinita.

Miglioramenti nella visualizzazione a tutto schermo e standard:

  • Se la larghezza della tavola da disegno è maggiore dello spazio orizzontale disponibile, il prototipo è ridimensionato per adattarsi alla larghezza senza scorrimento orizzontale.
  • Se hai definito l’altezza della finestra di visualizzazione (configurata nella finestra di Ispezione proprietà), il prototipo si adatta prima all’altezza e quindi proporzionalmente alla larghezza per mantenere le proporzioni. Puoi anche scorrere in verticale per visualizzare il contenuto al di sotto dell’altezza della finestra di visualizzazione.
  • Se il prototipo progettato è una tavola da disegno Web o personalizzata, il collegamento pubblicato nel browser Web in modalità a tutto schermo esegue il rendering del contenuto a partire dalla parte superiore della finestra del browser. Le progettazioni per dispositivi mobili e tablet continuano ad essere allineate al centro dello schermo.
  • Il colore dello sfondo in modalità a tutto schermo è bianco anziché nero. In tal modo è imitato il comportamento di un browser normale, in cui il colore di sfondo nero non è aggiunto per impostazioni predefinita.

Miglioramenti nella visualizzazione della tavola da disegno per dispositivi mobili:

  • Il contenuto si adatta all’altezza e regola la larghezza per mantenere le proporzioni.
  • Se visualizzi il collegamento pubblicato in modalità a tutto schermo in un browser Web, il contenuto è centrato nella finestra del browser. 

Nuove funzioni in Adobe XD 11

La versione di agosto 2018 di XD include nuove funzioni riportate di seguito:

I miglioramenti comprendono:

Continua a leggere per ulteriori informazioni.

Estrazione di risorse per le specifiche di progettazione

A partire dalla versione 11.0 di XD, puoi includere i livelli contrassegnati per l’esportazione in batch come risorse nelle specifiche di progettazione; gli sviluppatori possono quindi scaricare tali livelli dal collegamento delle specifiche di progettazione.

Gli sviluppatori possono quindi scaricare le risorse vettoriali come SVG, PNG, PDF e risorse bitmap quali PNG e PDF.

Esporta risorse
Esportazione in batch
Esportazione in batch

Per ulteriori informazioni, consulta Estrazione di risorse per le specifiche di progettazione.

Riordinamento delle risorse nel pannello Risorse

In questa versione di Adobe XD, puoi organizzare e riordinare le risorse trascinando una o più risorse nel pannello Risorse

Riordinamento delle risorse
Riordinamento delle risorse

Per ulteriori informazioni, consulta Riordinamento degli elementi nel pannello Risorse.

Inviti privati per Web

Dall’interfaccia Web di Adobe XD puoi condividere inviti nominativi sicuri (collegamenti pubblici e privati) per le specifiche di progettazione e i prototipi. Quando il progettista pubblica un invito nominativo sicuro, può utilizzare l’opzione Invita per invitare altri revisori interni ed esterni.

Invio di inviti privati agli utenti dal browser
Invio di inviti privati agli utenti dal browser

Nota:

L’opzione Invita è visibile solo al progettista proprietario del documento e gli stakeholder invitati non possono invitare altri a meno che il progettista non lo consenta.

Per ulteriori informazioni, consulta Utilizzo degli inviti privati per Web.

Supporto per @ menzione nei commenti

Puoi utilizzare @ menzione per visualizzare i nomi degli utenti invitati ad accedere a un invito di progettazione privato. Nel caso di prototipi e specifiche di progettazione pubblici, nell’elenco dei revisori sono visualizzati solo gli utenti che hanno immesso almeno un commento. Il revisore citato da @ menzione riceve un messaggio e-mail o una notifica dall’applicazione desktop Creative Cloud. Facendo clic sulla notifica, passa alla tavola da disegno a cui fa riferimento il collegamento.

@ menzione
@ menzione

Per ulteriori informazioni, consulta Flusso di lavoro di revisione.

Supporto nelle specifiche di progettazione per i tipi di tratto

A partire dalla versione 11.0 di XD, gli utenti possono selezionare qualsiasi oggetto nelle specifiche di progettazione condivise e fare clic sui bordi per visualizzare i tratti utilizzati nella schermata. 

Tipi di tratto
A. Tipi di tratto 

Per ulteriori informazioni, consulta Ispezione delle specifiche di progettazione.