Le basi di Adobe Xd – L’area di lavoro

Che cos’è Adobe Xd?

Adobe Xd è un software grafico che ti consente di disegnare siti web e app mobile.

Negli ultimi 6 anni hanno fatto ingresso nel mondo del web-design dei tool grafici che ti permettono di disegnare siti web e app che allo stesso tempo ti danno la possibilità di “prototipare” le schermate attraverso le interazioni e le animazioni.

Cosa vuol dire tutto questo?

Facciamo un passo indietro.

Prima dell’avvento di Adobe Xd cosa utilizzavano i web designer per disegnare i siti web?

Il 90% risponderebbe con Photoshop, in alternativa Illustrator.

Come è nata l’esigenza di avere un tool dedicato?

Proprio perché Photoshop, per quanto sia potente, non è lo strumento ideale per disegnare siti web e app.

Un sito web e un app non possono rimanere statici come un illustrazione o un fotoritocco.

È necessario mostrare in fase di progettazione l’interazione tra le pagine o le sezioni che compongono l’interfaccia del tuo progetto.
Cosa significa?

Significa che se disegno un bottone o un link devo permettere a chi vede il design di poterci “interagire”.

In questo caso devo scatenare un’azione al click del bottone (per esempio facendo comparire un pop-up) oppure fare in modo che al click su una voce del menù di navigazione, l’utente vede un cambio di pagina o uno scorrimento verticale sulla stessa.

Ed ecco che qui entra in gioco Adobe Xd che ti permette di fare tutto questo con estrema semplicità.

Se vuoi imparare ad utilizzare Adobe Xd in modo professionale è fondamentale che tu conosca le basi.

Guarda questo video tutorial dove ti mostrerò tutta l’area di lavoro di Adobe Xd.

È un video necessario qualora tu non conosca Adobe Xd e ti permetterà (con i video successivi) di disegnare un sito web Portfolio da zero.

Iscriviti al canale e resta aggiornato se vuoi imparare ad utilizzare Adobe Xd come un professionista.