Adobe XD Lo strumento di progettazione UI e UX gratuito che è possibile utilizzare in questo momento

Spesso non si associa Adobe “gratuito” download, ma questo è esattamente ciò che l'azienda ha fatto con Adobe XD. Si tratta di una rapida applicazione di prototipazione dell'interfaccia per dispositivi mobili e siti Web, che consente ai progettisti di creare rapidamente progetti per piattaforme specifiche.

La cosa migliore di Adobe XD è la facilità d'uso. Anche se hai poca esperienza nella progettazione di qualcosa, c'è solo una curva di apprendimento molto graduale per trattenerti.

Anche l'interfaccia utente è piacevolmente rigida, senza tutti gli strumenti e i pannelli che allontanano così tante persone dalle app come Photoshop, Illustrator e Lightroom 15 Alternative gratuite a Photoshop, Illustrator, Lightroom e Altro 15 Free Alternative a Photoshop, Illustrator, Lightroom e Altro Non vuoi spendere $ 50 al mese su un abbonamento Adobe Creative Cloud? Ecco alcune delle migliori alternative gratuite disponibili. Leggi di più . In questo articolo, ti presentiamo Adobe XD e ti spieghiamo che cosa puoi e non puoi fare con esso.

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 ciò che desideri per la tua prossima app per dispositivi mobili o tablet, sito Web o altra interfaccia utente. L'app utilizza schede artistiche, in sostanza mockup di schermate, per fornire una rappresentazione visiva del design dell'app.

Creazione di app per dispositivi mobili Crea la tua prima app per dispositivi mobili con questi pacchetti di corsi scontati Crea la tua prima app per dispositivi mobili con questi pacchetti di corsi scontati Hai le carte in regola per sviluppare la prossima grande app per iOS o Android? Questi pacchetti di corsi fortemente scontati ti insegneranno come è fatto! Per saperne di più e siti Web che funzionano possono richiedere un sacco di know-how tecnico. Adobe XD ti fornisce 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 senza fine finché non sei soddisfatto del design.

Nello stesso modo in cui la concept art è così importante negli sforzi creativi (vedi questo bellissimo concept di videogiochi Dove trovare bellissimi videogiochi Concept Art Online Dove trovare bellissimi videogiochi Concept Art Online Vuoi vedere alcuni dei bellissimi concept art dietro il tuo giochi preferiti? Ecco le risorse artistiche di videogiochi a tua disposizione! Per saperne 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 tue aspettative con ciò che è possibile.

La cosa migliore è che l'app è progettata in modo tale che chiunque possa usarla. Che tu sia un designer esperto, un programmatore o qualcuno a cui mancano entrambe queste capacità; Adobe XD può colmare il divario tra la tua visione e le conoscenze tecniche. Non devi nemmeno imparare a programmare Imparare a codificare rimappare le app esistenti gratuitamente Imparare a codificare rimappare le app esistenti gratuitamente Questo sito ti consente di creare o remixare app, permettendoti di essere creativo senza il timore di rompere nulla. Ulteriori informazioni per progettare un'applicazione.

Cosa può fare Adobe XD?

Adobe XD è progettato pensando a poche applicazioni specifiche, ma puoi anche pensare fuori dagli schemi. L'app facilita le cose includendo i 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 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 alcuni preset tra cui scegliere, compreso Full HD.

Non devi attenersi a questi modelli, sono lì solo per semplificarti la vita. Puoi anche specificare una dimensione dell'interfaccia completamente personalizzata (ad esempio schermo) e iniziare a progettare praticamente qualsiasi piattaforma tu possa immaginare.

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

I kit dell'interfaccia utente rendono la vita ancora più facile

Se stai pensando di progettare per iOS 7 motivi per cui vale la pena imparare il linguaggio di programmazione Swift 7 motivi per cui vale la pena imparare il linguaggio di programmazione Swift Dovresti imparare il linguaggio di programmazione Swift prima o poi, se non vuoi essere lasciato indietro. Ecco alcune ottime ragioni che potrebbero convincerti. Ulteriori informazioni, Android, Windows o un'altra piattaforma ben consolidata; puoi usare i kit dell'interfaccia utente per ottenere una mano. Questi sono essenzialmente modelli di progetto gestiti da Apple, Google, Microsoft e altri, scaricabili nel formato di file .XD di Adobe.

Con i kit dell'interfaccia utente puoi accelerare la produzione, permettendoti di progettare la tua app entro i limiti e gli elementi comuni presenti nella tua piattaforma preferita. Dal momento che 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 gamma di dispositivi, esempi di tastiera iOS, elementi di navigazione come la barra multifunzione nella parte superiore dello schermo, i pulsanti di commutazione iOS e altro. Puoi facilmente copiare e incollare elementi nelle tue tavole da disegno e creare prototipi accurati.

Adobe mantiene anche alcuni altri kit di interfaccia utente, compresi gli esempi di smartwatch compatibili con watchOS, un kit di siti Web per l'e-commerce e una serie di esempi per la creazione di app per smartphone digitali top 10 App per Bitcoin e Cryptocurrency per iPhone Top 10 applicazioni Bitcoin e Cryptocurrency per iPhone Ora è più facile che mai acquistare Bitcoin, convertirlo in altcoin e persino investire in ICO, tutto dal tuo telefono con le app di criptovaluta. Leggi di più . Dovrai scaricare separatamente i kit di interfaccia utente appropriati per iOS, il design dei materiali di Google e Microsoft Windows.

Un semplice set di strumenti integrati

A differenza delle altre complesse app di grafica e design di Adobe, XD ha una bella interfaccia utente pulita con pochi semplici strumenti. Hai le 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 opacità, colore di riempimento, bordi, ombre e comportamento di scorrimento. Infine c'è una lente di ingrandimento e uno strumento da disegno per espandere il tuo design.

Adobe XD ti aiuta a inserire elementi in luoghi esteticamente piacevoli “snapping” in posizione attorno ai bordi dello schermo, al punto centrale della tela e ad altri elementi. Puoi sovrascriverlo se vuoi tenendo premuto un pulsante (nella versione Mac è cmd).

Lungo il bordo superiore dell'app vedrai due cavicchi: Design e Prototipo. Il design è dove trascorrerai la maggior parte del tuo tempo a creare la tua visione. Passa alla modalità Prototipo per aggiungere varie interazioni tra gli elementi sullo schermo. Puoi attivare eventi e passare a diverse tavole da disegno, fornendo un'esperienza utente semplice senza scrivere una riga di codice.

Ciò avviene 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 desiderato di tale pulsante (ad esempio una scheda diversa nella tua app), passa alla modalità Prototipo e trascina la freccia dal pulsante sulla nuova tavola da disegno. Colpire il “Giocare” pulsante o anteprima sul tuo dispositivo live per vedere come si gioca.

È anche possibile specificare transizioni ed effetti per renderlo elegante. Ci sono alcuni limiti piuttosto grandi alla modalità Prototipo. Non puoi davvero approfondire la questione, 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 appassionare al suo semplice flusso di lavoro e agli strumenti user-friendly senza spendere un soldo. Il più grande svantaggio della versione gratuita è l'impossibilità di avere più di un prototipo condiviso attivo o una serie di specifiche di progettazione contemporaneamente.

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

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

Gli altri limiti 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 di Creative Cloud. Se decidi di incassare il denaro per la versione a pagamento, Adobe XD ti costerà $ 9,99 al mese per questa app da solo o $ 52,99 al mese per la suite Creative Cloud completa.

Pensiamo che Adobe Creative Cloud valga i soldi 5 motivi per acquistare Adobe Creative Cloud 5 Motivi per acquistare Adobe Creative Cloud Adobe Creative Cloud offre molti vantaggi. Abbiamo compilato un elenco di motivi per investire in Adobe Creative Cloud finché è ancora possibile. Leggi di più, a patto di essere in grado di usarne abbastanza.

Adobe XD è uno strumento sorprendentemente facile da usare

Adobe XD è uno strumento utile, indipendentemente dal fatto che tu intenda pagare o meno. In alcuni casi, potresti ottenere 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 è l'essenza e il design dell'interfaccia utente. I progettisti utilizzano da anni strumenti grafici per creare prototipi per siti Web, progetti di app e altro ancora. Scopri i migliori strumenti di grafica vettoriale per Mac per i progettisti con un budget Il miglior software vettoriale per progettisti Mac con un budget Il miglior software vettoriale per progettisti Mac con un budget Adobe Illustrator potrebbe essere il gold standard quando si tratta di software vettoriale per Mac, ma non devi sempre spendere una fortuna per il software di progettazione. Leggi di più per vedere alcune valide alternative.

Scopri di più su: Adobe Creative Cloud, Design.