In questa serie di video tutorial vi insegnerò a realizzare un sito portfolio da zero con Adobe Xd.
Ho suddiviso il tutorial in 4 macro-categorie che al loro interno avranno a loro volta 3-4 capitoli.
In questa prima parte vi introdurrò il progetto che realizzeremo insieme, imposteremo il template e disegneremo la Navbar, la Hero image e l’About me section.
Successivamente completeremo il design e ci occuperemo anche della prototipazione.
Se siete già padroni di Adobe Xd troverete questo video tutorial molto semplice.
In caso contrario non preoccupatevi.
Potete guardare il video dove spiego le basi di Aboxe Xd.
https://www.youtube.com/watch?v=ITlLkyWBJfY&t=2069s
In quel video spiego tutta l’area di lavoro di Adobe Xd.
Link per il download della figura scontornata
Hero Section
https://www.dropbox.com/s/q76iz9rbfxvcf84/guy-1.png?dl=0
About Section
https://www.dropbox.com/s/v1jw0odq6rjldy5/guy-2.png?dl=0
Indice del tutorial 1/4
1. Impostare il template 01:10
2. Navbar 05.47
3. Hero Image 11:25
4. About me Section 16:00
source
Ciao, mi sono guardato molto volentieri tutti i video del portfolio e l'ho realizzato in contemporanea. GRANDIOSO!
Volevo chiederti una cosa. Vorrei impostare il mio nuovo portfolio con più pagine, quindi, per esempio, realizzare una tendina nella voce "portfolio" nella navbar, che al click si estende e mi fa vedere i sottocapitoli che ci sono all'interno della sezione portfolio. Mi potresti spiegare come si fa? Grazie in anticipo, spero di essermi spiegato bene! Ancora complimenti per i video!
Contenuti di altissimo livello, bravo!
Ciao, ho appena terminato tutti i quattro video di questo tutorial. Ho iniziato da poco con Adobe xd ma le tue spiegazioni, oltre ad essere chiare in ogni passaggio, insegnano anche importanti skill di come migliorare il proprio workflow. Ti ringrazio per questo contenuto e non vedo l'ora di guardare altri tuoi video. Grazie ancora e in bocca al lupo per tutto!
Domanda. Ma questo sito si può mettere direttamente su internet? O c’è bisogno usare html? Grazie