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 ciò che l'azienda ha fatto con 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 nitida, senza tutti gli strumenti e i pannelli che allontanano così tante persone da app come Photoshop, Illustrator e Lightroom 15 alternative gratuite ad Adobe Lightroom, Illustrator e Photoshop 15 alternative gratuite ad Adobe Lightroom, Illustrator e Photoshop ti piace 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 ti spiegheremo cosa puoi e non puoi farci.
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 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 della tua app.
Creazione di app mobili Crea la tua prima app mobile con questi pacchetti di corsi scontati Crea la tua prima app mobile con questi pacchetti di corsi scontati Hai le carte in regola per sviluppare la prossima grande app iOS o Android? Questi pacchetti di corsi fortemente scontati ti insegneranno come è fatto! Maggiori informazioni 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 in cui la concept art è così importante negli sforzi creativi (vedi questa bellissima concept art 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 per l'arte dei 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 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 abilità; Adobe XD può colmare il divario tra la visione e le conoscenze tecniche. Non è nemmeno necessario imparare a programmare Impara a scrivere codice Remixando app esistenti gratuitamente Impara a scrivere codice rimuovendo app esistenti gratuitamente Questo sito ti consente di creare o remixare app, permettendoti di essere creativo senza il timore di infrangere nulla. Maggiori informazioni 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 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 devi 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 UI rendono la vita ancora più semplice
Se stai pensando di progettare per iOS 7 Ragioni per cui vale la pena imparare il linguaggio di programmazione Swift 7 Ragioni per cui vale la pena imparare il linguaggio di programmazione Swift Dovresti imparare il linguaggio di programmazione Swift prima piuttosto che dopo se non vuoi essere lasciato indietro. Ecco alcuni eccellenti motivi che potrebbero convincerti. Ulteriori informazioni, Android, Windows o un'altra piattaforma consolidata; puoi usare i kit di interfaccia utente per ottenere una mano. Si tratta essenzialmente di modelli di progetto gestiti da Apple, Google, Microsoft e altri, scaricabili nel formato 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. Dato 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 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 altro ancora. 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 di app per smartphone in valuta digitale Le 10 migliori app di Bitcoin e criptovaluta per iPhone Le 10 migliori app di Bitcoin e criptovaluta per iPhone Ora è 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 i kit UI appropriati per iOS, il 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 (nella versione per Mac è Cmd ).
Lungo il bordo superiore dell'app vedrai due interruttori: Design e Prototype . Il design è dove trascorrerai 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 desiderato premendo quel pulsante (ad esempio una scheda diversa nella tua app), passa alla modalità Prototipo e trascina la freccia dal pulsante sulla 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 approfondire troppo, 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 contemporaneamente più di un prototipo o set di specifiche di progettazione condivisi attivi.
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 l'opzione File> Esporta .
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 che Adobe Creative Cloud valga la pena 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 mentre è ancora possibile. Leggi di più, a condizione che tu sia in grado di utilizzarlo a sufficienza.
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. Scopri i migliori strumenti di grafica vettoriale per Mac per i progettisti con un budget Il miglior software vettoriale per i progettisti di Mac con un budget Il miglior software vettoriale per i progettisti di Mac con un budget Ecco i migliori software vettoriali per macOS che puoi utilizzare gratuitamente o acquistare su un budget. Perfetto per i designer moderni! Leggi di più per vedere alcune alternative capaci.
Scopri di più su: Adobe Creative Cloud, Design.
