Adobe XD: progetta, prototipa e condividi con la soluzione UX / UI di Adobe

Oggi ho installato Adobe XD, la soluzione UX / UI di Adobe per la prototipazione di siti Web, applicazioni Web e applicazioni mobili. Adobe XD consente agli utenti di passare da wireframe statici a prototipi interattivi con un solo clic. È possibile apportare modifiche al progetto e visualizzare automaticamente l'aggiornamento del prototipo, senza necessità di sincronizzazione. E puoi visualizzare in anteprima i tuoi prototipi, completi di transizioni su dispositivi iOS e Android, quindi condividerli con il tuo team per un feedback rapido.

Adobe XD

Le caratteristiche di Adobe XD includono:

  • Prototipi interattivi - Passa dalla modalità di progettazione a quella di prototipo con un solo clic e collega le tavole da disegno per comunicare il flusso e i percorsi delle app multischermo. Collega gli elementi di design da una tavola da disegno all'altra, comprese le celle della griglia di ripetizione. Aggiungi interazioni con controlli visivi intuitivi per testare e convalidare l'esperienza.
  • Pubblica prototipi per feedback - Genera link web condivisibili per ottenere feedback sui tuoi progetti o incorporali su Behance o su una pagina web. I revisori possono commentare direttamente i tuoi prototipi e parti specifiche del tuo progetto. Riceverai una notifica quando fanno commenti e potranno semplicemente aggiornare il browser per vedere le tue modifiche.
  • Tavole da disegno veloci e versatili - Che tu stia lavorando con una o cento tavole da disegno, XD ti offre le stesse prestazioni veloci. Progettare per diversi schermi e dispositivi. Panoramica e zoom senza ritardi. Scegli tra dimensioni preimpostate o definisci le tue e copia tra le tavole da disegno senza perdere la posizione degli elementi di design.
  • Ripeti griglia - Seleziona gli elementi nel tuo design, come un elenco di contatti o una galleria fotografica, e replicali orizzontalmente o verticalmente tutte le volte che vuoi: tutti i tuoi stili e la spaziatura rimangono intatti. Aggiorna un elemento una volta e le tue modifiche verranno aggiornate ovunque.
  • Supporto multipiattaforma - Adobe XD supporta nativamente Windows 10 (Universal Windows Platform) e Mac, con app mobili complementari per Android e iOS.
  • Pannello risorse - Rendi i colori e gli stili di carattere facilmente disponibili per il riutilizzo aggiungendoli al pannello Risorse (in precedenza il pannello Simboli), che include automaticamente i simboli. Modifica qualsiasi colore o stile di carattere nel pannello e le modifiche si rifletteranno in tutto il documento.
  • Simboli reinventati - Risparmia tempo con simboli, elementi di design riutilizzabili che eliminano la necessità di trovare e modificare ogni istanza di una risorsa in un documento. Aggiornane uno e si aggiorneranno ovunque o scegli di ignorare istanze specifiche. I simboli possono essere grafica vettoriale, immagini raster o oggetti di testo e possono essere utilizzati anche come oggetti all'interno di Ripeti griglie.
  • Librerie Creative Cloud - Con l'integrazione di Creative Cloud Libraries, puoi accedere e applicare immagini raster, colori e stili di carattere creati in Photoshop CC, Illustrator CC e altre applicazioni Creative Cloud dall'interno di XD e riutilizzarli ovunque nei tuoi documenti.
  • Ispettore proprietà contestuale - Lavora in uno spazio ordinato grazie al Property Inspector sensibile al contesto, che mostra solo le opzioni per gli oggetti che hai selezionato. Modifica proprietà come colore e spessore del bordo, colori di riempimento, ombre, sfocature, opacità e rotazione e accedi alle opzioni di allineamento, dimensioni e Ripeti griglia.
  • Navigazione Smart Canvas - Ingrandisci facilmente un'area specifica del tuo disegno o effettua una selezione su una tavola da disegno e usa una scorciatoia per ingrandirla. Eseguire la panoramica o lo zoom con il mouse, il touchpad o le scorciatoie da tastiera. E ottieni ottime prestazioni anche se hai centinaia di tavole da disegno.
  • Livelli contestuali - Resta organizzato e concentrato mentre gestisci progetti complessi grazie a un approccio contestuale ai livelli. XD evidenzia solo i livelli associati alla tavola da disegno su cui stai lavorando, così puoi trovare rapidamente e facilmente ciò di cui hai bisogno.
  • Strumenti di guida del layout - Disegna, riutilizza e remix facilmente elementi di design utilizzando griglie di aggancio e altri strumenti di layout intuitivi che ti aiutano a creare misurazioni relative tra oggetti, mascherare con forme, raggruppare, bloccare, allineare e distribuire elementi di design e altro ancora.
  • Effetti di sfocatura - Sfoca rapidamente un oggetto specifico o un intero sfondo per modificare il punto focale del tuo disegno, conferendogli profondità e dimensione.
  • Gradienti lineari versatili - Crea bellissime sfumature lineari utilizzando controlli visivi semplici ma precisi nel Selettore colore. Puoi anche importare sfumature da Photoshop CC e Illustrator CC.
  • Strumento penna moderno - Disegna facilmente forme e percorsi con lo strumento Penna. Usa tracciati personalizzati, aggiungi o rimuovi punti di ancoraggio, manipola facilmente le linee e passa da tracciati curvi a tracciati ad angolo, tutto con lo stesso strumento.
  • Modifica gruppo booleano - Crea e sperimenta forme complesse combinando gruppi di oggetti utilizzando operatori booleani non distruttivi.
  • Stile tipografico - Stile del testo con controllo preciso per migliorare l'esperienza dell'utente. Regola facilmente elementi tipografici come carattere, carattere tipografico, dimensione, allineamento, spaziatura dei caratteri e interlinea. Cambia l'aspetto del tuo testo nello stesso modo in cui modifichi altri elementi in XD come opacità, riempimento, effetti di sfondo e sfocatura e bordi.
  • Controllo del colore ottimizzato - Scegli i colori inserendo valori esatti o campionando dall'interno o dall'esterno XD con il contagocce. Crea e salva i campioni di colore e utilizza le scorciatoie per i codici esadecimali nel Selettore colore.
  • Risorse dell'interfaccia utente - Progetta e realizza rapidamente prototipi per dispositivi Apple iOS, Google Material Design e Microsoft Windows utilizzando componenti dell'interfaccia utente di alta qualità.
  • Copia e incolla da altre app di progettazione - Porta la grafica in XD da Photoshop CC e Illustrator CC.
  • Anteprime iOS e Android contestualizzate - Visualizza in anteprima i tuoi progetti e tutte le interazioni sui dispositivi effettivi a cui ti rivolgi. Apporta le modifiche sul desktop e poi testale sui tuoi dispositivi per fedeltà e usabilità.
  • Suggerimento hotspot - Evidenzia automaticamente gli hotspot nel tuo prototipo in modo che gli utenti possano vedere quali aree sono interattive e cliccabili.
  • Gestione prototipi - Crea più URL dallo stesso file per condividere diverse versioni del tuo prototipo. Condividi un numero illimitato di prototipi e accedi ed eliminali facilmente dal tuo account Creative Cloud.
  • Registra le interazioni dei prototipi come video - Mentre fai clic sull'anteprima, registra un file MP4 da condividere con il tuo team o le parti interessate (solo Mac).
  • Esporta grafica, risorse e tavole da disegno - Esporta immagini e design nei formati PNG e SVG, che puoi configurare per iOS, Android, web o le tue impostazioni personalizzate. Esporta un'intera tavola da disegno o singoli elementi. E condividi risorse e tavole da disegno esportandole come singoli file PDF o come un unico file PDF.
  • Supporto multilingue - Le lingue supportate includono inglese, francese, tedesco, giapponese e coreano.
  • Notifiche e-mail per commenti - Ricevi notifiche e-mail quando le parti interessate commentano i tuoi prototipi web. Le e-mail possono essere inviate singolarmente o raggruppate in un digest giornaliero

Soprattutto, Adobe XD viene fornito con la mia licenza per Adobe Creative Suite!

Divulgazione: siamo affiliati di Adobe.

Cosa ne pensi?

Questo sito utilizza Akismet per ridurre lo spam. Scopri come vengono elaborati i dati dei tuoi commenti.