Adobe XD: aggiornamento di Novembre

Parlando con i nostri utenti, abbiamo campreso molto chiaramente la vostra necessità di nuove funzionalità in XD per trasformare le idee in esperienze su più dispositivi e piattaforme. Ecco perché siamo lieti di introdurre numerose e importanti nuove caratteristiche che semplificano la progettazione e la realizzazione delle vostre idee più velocemente.

Vuoi vedere questi aggiornamenti in azione? Accedi al sito AdobeLive per vedere i migliori designer UX che utilizzano le nuove funzionalità in Adobe XD.

Nelle conversazioni con i designer di tutto il mondo, abbimao comrpeso che la progettazione è solo una parte del processo creativo che rende un’idea un’esperienza. Come visto dalle richieste in Uservoice, passare da un concetto al disegno di un prototipo fino alla produzione, spesso richiede un forte coordinamento tra persone diverse, tra cui gli sviluppatori. Una volta completato il processo di progettazione, comunicare l’intento agli sviluppatori è spesso lento e manuale.

Ecco perché stiamo introducendo una nuova funzione in versione beta, Design Specs (Beta). Ora potete pubblicare un URL pubblico della tua esperienza che il tuo sviluppatore può utilizzare per ispezionare i flussi, calcolare misurazioni e copiare stili. Non è più necessario dedicare tempo alla creazione di specifiche per comunicare posizionamento, stili di testo o tipi di carattere ad uno sviluppatore. Come sempre, siamo focalizzati sulle funzionalità che accelerano il processo di progettazione e speriamo che queste possano consentirvi di risparmiare tempo.

Potreste chiedervi perché stiamo etichettando Design Specs come beta. Questa funzione è un primo tentativo per migliorare la comunicazione tra designer e sviluppatori. Design Specs (Beta) migliorerà rapidamente il flusso di lavoro, ma è solo un inizio. Molti ci hanno già fatto sapere di aver bisogno di funzionalità aggiuntive, come codice snippet ed estrazione di asset, per meglio supportare la finestra di progettazione del flusso di lavoro dello sviluppatore. Stiamo lavorando per migliorare Design Specs e non vediamo l’ora di ricevere i vostri commenti.

Mentre continuiamo questo lavoro, terremo l’etichetta “Beta”. Anche in Beta, la qualità e le prestazioni saranno dello stesso livello delle altre features di XD. Per ulteriori informazioni su Design Specs (Beta) e su come definiamo una funzione Beta, guarda questa utile guida.

Design Specs (Beta) è disponibile solo in inglese, ma stiamo lavorando per renderlo presto disponibile in tutte le lingue supportate da Adobe XD.

Layout Grid

Le griglie e sistemi di layout sono parte dell’eredità del design e sono ancora rilevanti nel mondo a più schermi. Mentre Adobe XD supportava già una griglia quadrata, ci avete detto che ciò di cui avete veramente bisogno sono le layout grid con colonne e margini. Con la nostra nuova funzione Layout Grid, ora puoi ottenere un design coerente e organizzato e gestire la proporzione tra gli elementi.

Potete attivarli o disattivarli usando la finestra di ispezione proprietà o usando lo shortcut dalla tastiera (Shift+Cmd+’ su Mac e Shift+Ctrl+’ su Windows) e anche personalizzare il colore e l’opacità della griglia usando il selettore colori. I margini possono essere impostati allo stesso modo (collegati) o definiti in modo indipendente (non collegati). Tutti gli attributi (numero di colonne, larghezza di margini e di colonna) vengono aggiornati automaticamente in base a ciò che si inserisce.

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

Una volta che la griglia è impostata su una tavola da disegno, gli elementi che create si agganciano ad essa (analogamente a come funziona la griglia quadrata).

Con Layout Grid, abbiamo cercato di trovare il giusto equilibrio tra semplicità e personalizzazione. Non vediamo l’ora di avere il vostro feedback e vedere le vostre esperienze prendere vita.

JPG Export

Per realizzare la vostra visione, spesso avete bisogno di condividere le vostre risorse in SVG, PNG e molti di voi richiedono il formato JPG. Con questa versione, puoi esportare rapidamente tavole da disegno, elementi e immagini in JPG, il tutto con la possibilità di regolare la qualità dell’esportazione.

https://blog.adobe.com/media_59b73ac18389c1234cefe907bfc3034cd4dbe574.gif
Miglioramenti per Windows 10

Con i livelli contestuali e lo zoom intelligente, potete facilmente accedere ad un’area specifica di un progetto. Tuttavia, a volte potreste voler eseguire una panoramica e eseguire lo zoom su un’area proprio di fronte a voi. Con questa versione, ora è possibile utilizzare il tocco con due dita per eseguire il pan e lo zoom della tela XD sui dispositivi abilitati al tocco con Windows 10. Funziona sia in modalità di progettazione che in modalità prototipo. Speriamo che questa funzione vi aiuti a progettare ancora più velocemente.

Inoltre, il vostro flusso di lavoro potrebbe includere il portare risorse in XD. Ora puoi copiare e incollare elementi da InDesign nella tua progettazione e importare file SVG con file collegati esternamente.

Miglioramenti Testo

Aggiungere un linguaggio semplice nella progettazione per comunicare agli utenti può essere una sfida. Abbiamo aggiunto due nuove funzionalità che rendono il processo di aggiunta e aggiornamento del testo più veloce e più facile in modo da potersi concentrare sul contenuto.

In primo luogo, è possibile passare facilmente dal punto di testo (testo che scorre da quando esiste il testo) all’area di testo (testo che è costretto ad integrarsi in una zona specifica) e viceversa, con un semplice click nella finestra di ispezione proprietà.__

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

In secondo luogo, è possibile riutilizzare le ultime proprietà del testo utilizzato come la famiglia di caratteri, le dimensioni, il peso, l’allineamento e i colori su qualsiasi elemento di testo creato. Anche se si è passati ad un’altra modalità di strumento o prototipo, XD ricorda ciò che era stato precedentemente selezionato.

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

Mentre scrivere buone copie può richiedere diverse ripetizioni, questi due miglioramenti aiuteranno a scorrere più velocemente.

Ulteriori Miglioramenti per il cliente

C’è molto di più! Siamo entusiasti di condividere questi ultimi aggiornamenti che rispondono alle richieste ricevute su UserVoice, social media e incontri di persona, tra cui:

Adesso che il contagocce si trova nel selettore dei colori, è possibile utilizzarlo per acquisire i valori per le interruzioni del colore sfumato e i campioni nel pannello delle risorse.

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

Chiunque commenta un prototipo web adesso riceverà notifiche via e-mail quando c’è attività sui thread in cui hanno contribuito. I proprietari di un prototipo ricevono e-mail per tutte le attività. Le impostazioni delle e-mail possono essere modificate per non ricevere notifiche o ricevere anche una sintesi giornaliera.

Ci piacerebbe proseguire il dialogo! Potete seguire il nostro handle @AdobeXD per aggiornamenti o per raggiungere il team su Twitter utilizzando #AdobeXD. Puoi anche parlarci tramite Facebook, dove condividiamo video e aggiornamenti, e rispondiamo alle domande durante le sessioni live.

Incontra alcuni Designer UX che hanno usato Adobe XD. Impara come hanno iniziato la progettazione UX e il loro processo creativo; scopri alcuni dei loro lavori e ascolta la loro musica preferita.

#MadeWithAdobeXD

Mentre condividi i prototipi su Behance, non dimenticate di contrassegnarle con #MadeWithAdobeXD e selezionare Adobe XD su “Strumenti utilizzati” per l’opportunità di essere mostrati nella Newsletter Adobe XD.