Adobe XD: l'interfaccia utente e lo strumento di progettazione UX gratuiti che puoi utilizzare subito

Annuncio pubblicitario

Spesso non associ Adobe a download "gratuiti", ma è esattamente quello con cui ha fatto l'azienda Adobe XD. È un'app di prototipazione a interfaccia rapida per dispositivi mobili e siti Web, che consente ai progettisti di elaborare rapidamente progetti per piattaforme specifiche.

La cosa migliore di Adobe XD è quanto sia facile da usare. Anche se hai poca esperienza nella progettazione di qualcosa, c'è solo una curva di apprendimento molto graduale per trattenerti.

Anche l'interfaccia utente è straordinariamente rigida, senza tutti gli strumenti e i pannelli che rimandano così tante persone app come Photoshop, Illustrator e Lightroom 15 alternative gratuite ad Adobe Lightroom, Illustrator e PhotoshopDesideri ottenere Adobe Photoshop, Lightroom o Illustrator gratuitamente? Ecco alcune delle migliori alternative a Creative Cloud. Leggi di più . In questo articolo, ti presenteremo Adobe XD e spiegheremo cosa puoi e cosa non puoi fare con esso.

Che cos'è Adobe XD?

Adobe XD è uno strumento di progettazione. Non costruirà la tua app per te, ma ti aiuterà a presentare una visione o un prototipo per quello che vorresti che fosse la tua prossima app mobile o tablet, sito Web o altra interfaccia utente. L'app utilizza tavole da disegno, essenzialmente modelli di schermate, per fornire una rappresentazione visiva del design dell'app.

Creazione di app mobili Crea la tua prima app mobile con questi pacchetti di corsi scontatiHai quello che serve per sviluppare la prossima grande app iOS o Android? Questi pacchetti di corsi fortemente scontati ti insegneranno come è fatto! Leggi di più e i siti Web che funzionano possono richiedere molto know-how tecnico. Adobe XD offre gli strumenti per trasformare un'idea in una prova di concetto. Quando hai finito avrai un progetto da cui lavorare e uno che puoi modificare all'infinito fino a quando non sei soddisfatto del design.

Allo stesso modo che la concept art è così importante nelle attività creative (vedi questo bellissimo concept art di videogiochi Dove trovare bellissimi videogiochi Concept Art OnlineVuoi vedere alcune delle meravigliose concept art dietro i tuoi giochi preferiti? Ecco le risorse artistiche per i videogiochi a tua disposizione! Leggi di più come prova), una prova di concetto per la progettazione dell'interfaccia desiderata è importante quando si tratta di software e costruzione di siti Web. Fornire ai programmatori un concetto che corrisponda così strettamente al prodotto finito è un ottimo modo per allineare le vostre aspettative a ciò che è possibile.

La migliore di tutte le app è progettata in modo tale che chiunque possa usarla. Che tu sia un designer esperto, un programmatore o qualcuno a cui mancano entrambe queste abilità; Adobe XD può colmare il divario tra la visione e le conoscenze tecniche. Non è nemmeno necessario impara a programmare Impara a codificare Remixando le app esistenti gratuitamenteQuesto sito ti consente di creare o remixare le app, consentendoti di essere creativo senza il timore di interrompere nulla. Leggi di più per progettare un'app.

Cosa può fare Adobe XD?

Adobe XD è progettato pensando ad alcune applicazioni specifiche, ma puoi anche pensare fuori dagli schemi. L'app semplifica le cose includendo modelli per:

• App per smartphone: Da iPhone 5 e SE fino ai modelli più recenti; e anche un modello Android generico.
• App per tablet: Con i modelli per iPad, entrambe le dimensioni di iPad Pro, Surface Pro 3 e 4 e un modello di tablet Android generico.
• Siti Web / app Web: Con alcune impostazioni predefinite tra cui scegliere, incluso Full HD.

Non è necessario attenersi a questi modelli, sono solo lì per semplificarti la vita. Puoi anche specificare un'interfaccia completamente personalizzata (ad es. Schermo) e iniziare a progettare per qualsiasi piattaforma tu possa immaginare.

Se stai progettando un'app mobile, puoi scaricare l'app Adobe XD gratuita per la tua piattaforma ed esportare i tuoi progetti per un'anteprima dal vivo sul tuo dispositivo.

I kit di interfaccia utente rendono la vita ancora più semplice

Se stai pensando progettazione per iOS 7 motivi per cui vale la pena imparare il linguaggio di programmazione SwiftDovresti imparare il linguaggio di programmazione Swift prima piuttosto che dopo se non vuoi essere lasciato indietro. Ecco alcuni eccellenti motivi che potrebbero convincerti. Leggi di più , Android, Windows o un'altra piattaforma consolidata; puoi usare i kit UI per ottenere una mano. Si tratta essenzialmente di modelli di progetto gestiti da Apple, Google, Microsoft e altri, scaricabili nel formato di file .XD di Adobe.

Con i kit UI puoi velocizzare la produzione, permettendoti di progettare la tua app entro i vincoli e gli elementi comuni visti nella tua piattaforma preferita. Poiché sono gestiti dagli sviluppatori della piattaforma, sono generalmente sempre aggiornati e completi.

Ad esempio, il kit di interfaccia utente iOS di Apple include dimensioni dello schermo vuote per una vasta gamma di dispositivi, esempi di Tastiera iOS, elementi di navigazione come la barra multifunzione nella parte superiore dello schermo, i pulsanti di attivazione e disattivazione di iOS e Di Più. Puoi facilmente copiare e incollare elementi nelle tue tavole da disegno e creare prototipi accurati.

Adobe mantiene anche alcuni altri kit di interfaccia utente, inclusi esempi di smartwatch conformi a watchOS, un kit di siti Web di e-commerce e una serie di esempi per la creazione app per smartphone con valuta digitale Le 10 migliori app di Bitcoin e criptovaluta per iPhoneOra è più facile che mai acquistare Bitcoin, convertirlo in altcoin e persino investire in ICO, tutto dal tuo telefono con app di criptovaluta. Leggi di più . Dovrai scaricare l'appropriato Kit di interfaccia utente per iOS, Design dei materiali di Google e Microsoft Windows separatamente.

Un semplice set di strumenti integrati

A differenza delle altre complesse app di grafica e design di Adobe, XD ha un'interfaccia utente chiara e pulita con pochi semplici strumenti. Hai le tue forme di base: rettangoli, cerchi, linee e uno strumento penna per creare forme personalizzate. C'è anche un semplice strumento di testo, con accesso alla libreria di font Typekit (ma non tutto).

È quindi possibile modificare vari attributi relativi a questi elementi, come l'opacità, il colore di riempimento, i bordi, le ombre e il comportamento di scorrimento. Infine c'è una lente d'ingrandimento e uno strumento da tavola per espandere il tuo design.

Adobe XD ti aiuta a posizionare gli elementi in luoghi esteticamente gradevoli "scattandoli" in posizione attorno ai bordi dello schermo, al punto centrale della tela e ad altri elementi. Puoi ignorarlo, se lo desideri, tenendo premuto un pulsante (sulla versione per Mac lo è cmd).

Lungo il bordo superiore dell'app vedrai due levette: Design e Prototipo. Il design è il luogo in cui trascorri la maggior parte del tempo a creare la tua visione. Passa alla modalità prototipo per aggiungere varie interazioni tra elementi sullo schermo. È possibile attivare eventi e passare a diverse tavole da disegno, fornendo una semplice esperienza utente in esaurimento senza scrivere una riga di codice.

Questo viene fatto tramite una semplice interfaccia di trascinamento della selezione, ad esempio: crea un pulsante con lo strumento cerchio, crea una nuova tavola da disegno con il risultato della pressione di quel pulsante (ad es. una scheda diversa nella tua app), passa alla modalità prototipo e trascina la freccia dal pulsante alla tua nuova tavola da disegno. Premi il pulsante "Riproduci" o visualizza l'anteprima sul tuo dispositivo live per vedere come si svolge.

Puoi anche specificare transizioni ed effetti per renderlo elegante. Ci sono alcune limitazioni piuttosto grandi alla modalità prototipo. Non puoi davvero approfondire, ma ha uno scopo e la sua semplice implementazione lo rende facile da usare.

Quanto è limitata la versione gratuita di Adobe XD?

Essendo un prodotto gratuito, Adobe XD è progettato per farti agganciare al suo flusso di lavoro semplice e agli strumenti intuitivi senza spendere un centesimo. Il più grande svantaggio della versione gratuita è l'incapacità di avere più di un prototipo o set di specifiche di progettazione attivi contemporaneamente.

Quindi, per il tuo primo disegno o progetto, la versione gratuita potrebbe essere sufficiente. Quando si tratta di condividere più disegni o progetti con il proprio team o gli sviluppatori di app, si raggiunge rapidamente un muro. Puoi sempre esportare le tue varie tavole da disegno come file .PNG gratuitamente, per sempre tramite il File> Esporta opzione.

Tuttavia, la prototipazione condivisa e l'interattività tra le tavole da disegno sono una delle caratteristiche principali qui. L'app è ancora utile senza di essa, ma non nella stessa misura. Non puoi costruire un prototipo completamente realizzato, ma puoi definire rapidamente il tuo progetto.

Le altre limitazioni della versione gratuita includono un numero limitato di caratteri Typekit e 2 GB di spazio di archiviazione cloud (rispetto a 100 GB) per gli abbonati Creative Cloud. Se decidi di incassare i soldi per la versione a pagamento, Adobe XD ti costerà $ 9,99 / mese per questa sola app o $ 52,99 / mese per l'intera suite Creative Cloud.

Pensiamo Adobe Creative Cloud vale i soldi 5 motivi per acquistare Adobe Creative CloudAdobe Creative Cloud offre molti grandi vantaggi. Abbiamo compilato un elenco di motivi per investire in Adobe Creative Cloud mentre è ancora possibile. Leggi di più , purché tu ne sia in grado di sfruttarne abbastanza.

Adobe XD è uno strumento sorprendentemente intuitivo

Adobe XD è uno strumento utile, che tu abbia intenzione di pagare o meno. In alcuni casi, potresti cavartela con la versione gratuita per lavorare su piccoli progetti personali. Quando si tratta di lavorare seriamente e condividere con i team, è necessario eseguire l'aggiornamento.

Adobe XD non è il principio generale dell'interfaccia utente. I designer utilizzano da anni strumenti grafici per creare modelli per siti Web, design di app e altro ancora. Dai un'occhiata al migliori strumenti di grafica vettoriale per Mac per i progettisti con un budget limitato Il miglior software vettoriale per designer Mac con un budget limitatoEcco i migliori software vettoriali per macOS che puoi utilizzare gratuitamente o acquistare con un budget limitato. Perfetto per i designer moderni! Leggi di più per vedere alcune alternative capaci.