Aggiornamento di Febbraio 2018 di Adobe XD

Vogliamo che XD ti aiuti a progettare alla velocità del pensiero, motivo per cui il mese scorso abbiamo migliorato le prestazioni dello zoom, il colore e le funzionalità di esportazione. Abbiamo anche semplificato l’integrazione dei flussi di lavoro con terze parti da cui dipendi per portare a termine il lavoro.

Questo mese, l’aggiornamento offre flussi di lavoro vettoriali ottimizzati tra Adobe Illustrator e XD insieme ad un nuovo modo di esprimere la creatività su Windows utilizzando la penna e il touch.

Vuoi vedere questo aggiornamento all’opera, e molto altro? Accedi ad Adobe Live dal 13 al 15 febbraio per vedere i migliori designer XD che utilizzano le nuove funzionalità.

Utilizzi Illustrator per il design di icone e grafica vettoriale? Abbiamo reso il lavoro con Illustrator e XD molto più semplice con la grafica vettoriale collegata. La grafica vettoriale collegata ti consente di inserire contenuti vettoriali da Illustrator in XD. Apporta modifiche al tuo lavoro in Illustrator e aggiornalo senza problemi in XD. Per celebrare questa nuova caratteristica abbiamo rilasciato 3 esclusivi Kit di icone realizzati da Anton & Irene, Büro Destruct and Lance Wyman, tre designer di fama mondiale. Trovi tutte le info su dove scaricarli gratuitamente sul nostro blog, a questo LINK)

E non è tutto. Uno dei principi fondamentali di XD è basato sull’ultima piattaforma e sfrutta i progressi tecnologici che l’hardware può offrire. Su Windows, siamo entusiasti di annunciare che XD ora supporta i gesti fondamentali di penna e touch.

Siamo sempre alla ricerca di modi per migliorare le funzionalità che abbiamo implementato. Questo mese, abbiamo apportato miglioramenti all’occhio contagocce e allo scorrimento.

Grafica vettoriale nelle Librerie CC

La promessa di Creative Cloud è di consentire a te e al tuo team di lavorare in modo efficiente tra le diverse applicazioni CC. Spesso hai risorse come icone, illustrazioni e altri elementi grafici vettoriali che crei in Illustrator, ma desideri riutilizzarle in applicazioni come XD. Con la grafica vettoriale è ora possibile riutilizzare il contenuto vettoriale da Illustrator e Adobe Stock con XD.

Inserimento di grafica vettoriale collegata

È possibile trascinare un’immagine vettoriale dalla finestra di CC Library sull’area di disegno per posizionarla come immagine vettoriale collegata. Una volta che si rilascia l’immagine, si vede un’anteprima sfocata con uno spinner mentre XD magicamente lo converte in un vettore collegato completamente scalabile. Una volta completato, si vedrà l’immagine che può essere ridimensionata e ruotata.

https://blog.adobe.com/media_ec11b2ff9371edf8f87dd8196245bf4a4f2ea8d2.gif

Aggiornamento della grafica vettoriale collegata

Il valore chiave dell’utilizzo di un’immagine vettoriale collegata è ridurre il sovraccarico nell’elaborazione di modifiche in Illustrator e quindi di reimportare l’immagine in XD. Con la grafica collegata, puoi fare clic con il tasto destro del mouse sulla miniatura nella finestra di CC Library e selezionare Modifica nel menù di scelta rapida. Questo aprirà la grafica in Illustrator e ti consentirà di apportare modifiche all’immagine. Una volta completata la modifica del salvataggio grafico, salvalo in Illustrator e osserva le modifiche che si applicano magicamente all’immagine in XD. Questo è un enorme risparmio di tempo mentre si lavora tra Illustrator e XD.

https://blog.adobe.com/media_d359d400f4f8239b283499440bbd1af44968c6a7.gif

Scollegamento e modifica della grafica vettoriale

Potrebbero esserci casi in cui preferisci che l’immagine collegata non ottenga più aggiornamenti da Illustrator. Per scollegarlo, fai clic sull’icona di scollegamento nell’angolo in alto a sinistra del grafico o utilizza l’opzione di scollegamento nel menù di scelta rapida. Una volta scollegato, puoi modificare differenti proprietà come il riempimento, il tratto e il percorso in XD.

https://blog.adobe.com/media_d6ae7b08b14b9f1659a61f0b6094f541ef6affd1.gif

Mantieni la Posizione di Scorrimento

Ora hai un modo semplice per comunicare una modifica ad un’area specifica di uno schermo per il quale prima dovevi scorrere per visualizzare.

Prima di questa versione, se si scorreva una schermata e si faceva clic su un oggetto, il prototipo si spostava nella parte superiore della schermata successiva, invece di mantenere la posizione di scorrimento nella schermata precedente.

Mentre si collegano gli oggetti nella modalità prototipo, è adesso possibile scegliere di mantenere la posizione di scorrimento, che consente al prototipo di passare alla schermata successiva mantenendo la posizione dalla schermata precedente.

Pen & Touch su Windows

Con l’evolversi del settore del design, anche le esigenze dei designer e delle piattaforme su cui lavorano si evolvono. Ci impegniamo da sempre per rispondere alle necessità dei creativi di tutto il mondo su ciascuna piattaforma, facendo leva sulle capacità uniche per utilizzare le ultime tecnologie. Con questa versione, abbiamo abilitato il supporto per la penna e il touch di base per XD su Windows 10 come compagno del mouse e della tastiera.

Puoi usare la penna o la superficie tattile per interagire con gli strumenti di XD, creare immagini su tela, navigare tra i livelli, interagire con simboli, prototipi di fili, modificare proprietà, scorrere la finestra di anteprima e molto altro ancora.

Piccole modifiche lungo il cammino non sono mai state così semplici in XD. È possibile utilizzare la penna per immettere valori nella finestra di ispezione proprietà o, ancora meglio, toccare e tenere premuto su un campo numerico per scorrere i valori.

Con il touch-enabled, puoi disegnare sulla tela, ridimensionare gli oggetti e ripetere le griglie, trascinare e rilasciare le immagini e persino selezionare i valori dei colori usando il contagocce.

Questo è solo l’inizio e non vediamo l’ora di ricevere i vostri feedback.

https://blog.adobe.com/media_5813e0bdad007ff432df89fa9da659d8b94cae03.gif

Potenziamento del Design Specs Beta

Design Specs Beta sono il ponte che ti connette al tuo team di sviluppo. Consente allo sviluppatore di visualizzare in anteprima i tuoi disegni nel browser e raccogliere informazioni pertinenti come valori di colore, misure e stili. Adesso abbiamo aggiunto il supporto per la visualizzazione delle griglie di layout nelle Design Specs Beta. Ciò consente allo sviluppatore del tuo team di visualizzare e comprendere la struttura e il framework che hai scelto.

Se hai abilitato una griglia di layout per una qualsiasi delle tue tavole da disegno in modalità progettazione, lo sviluppatore può alternare le griglie di layout in Design Specs Beta per vederle. È presente solo nelle tavole da disegno in cui è stato abilitato dal designer e attivato per impostazione predefinita. Lo sviluppatore può scegliere di disattivarlo dopo averlo visto.

https://blog.adobe.com/media_ff5fb1339c322ac7d6e01e869f545d3d46e3ae2a.gif

Contagocce nelle Properties

Quando abbiamo integrato per la prima volta il selettore di colori in XD, abbiamo ricevuto feedback sul supporto per un contagocce al suo interno. A dicembre, abbiamo spostato il contagocce dalle properties al selezionatore di colori.

Pensavamo di rendere la vita facile. Abbiamo però ascoltato i vostri pareri e ci siamo resi conto di quanti clic non necessari dovevate fare per scegliere un colore dopo aver spostato il contagocce all’interno del selettore di colori. Abbiamo anche sentito quanto fosse facile ora scegliere i colori per le sfumature dopo aver spostato il contagocce all’interno.

Comprendiamo chiaramente che avere accesso al contagocce sia nelle properties sia nel selezionatore di colori è assolutamente essenziale per lavorare rapidamente. Con questa versione, stiamo reintroducendo il contagocce anche nelle properties.

https://blog.adobe.com/media_5b2eeeff7ee277bfb6b6593f2571f33e66fa459f.gif

Miglioramento dei Commenti

Siamo sempre alla ricerca di modi per migliorare le funzionalità che abbiamo implementato. Questo mese, abbiamo apportato alcuni miglioramenti per commentare i prototipi, il che rende più facile aggiungere testi e collegarli ad una parte specifica del progetto.

https://blog.adobe.com/media_85594b983a4d4a9b90cf2c5b0030954f3ebdb5a9.gif

Risorse

Scarica cinque kit UI gratuiti pubblicati in esclusiva per Adobe XD da cinque talentuosi designer per aiutarti a dare il via ai tuoi progetti.

Kit icone

Durnate Awwwards 2018 abbiamo rilasciato un set esclusivo di kit di icone da utilizzare in Adobe XD. Creati da tre designer di fama mondiale, celebrano l’eccellenza del design UX e sottolineano l’importanza delle icone per lo storytelling. Scopri di più sui kit di Lance Wyman, Anton & Irene e Büro Destruct nel nostro post sul blog qui. Principiante o professionista, questo piccolo regalo di Adobe renderà il tuo prossimo progetto più veloce, semplice e, in definitiva, migliore per i tuoi utenti. Scarica gratuitamente i kit qui.

Community UX

Continuiamo la conversazione! Puoi seguire il nostro account Twitter @AdobeXD per gli aggiornamenti o raggiungere il team su Twitter usando #AdobeXD. Puoi anche chattare con noi su Facebook, dove condividiamo video e aggiornamenti e rispondere alle domande durante le sessioni live.

Per gli approfondimenti UX inviati direttamente alla tua casella di posta, registrati alla newsletter di Adobe!
Mentre condividi i tuoi prototipi su Behance, non dimenticare di taggarli con #MadeWithAdobeXD e seleziona Adobe XD in “Strumenti utilizzati” per l’opportunità di essere presenti nella newsletter di Adobe XD