Creare un sito portfolio con Adobe Xd - Parte 1/4 -Tutorial Italiano

Подписаться 3,2 тыс.

Просмотров 10 тыс.

50% 1

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.
• Adobe Xd Tutorial Ital...
In quel video spiego tutta l'area di lavoro di Adobe Xd.
Link per il download della figura scontornata
Hero Section
www.dropbox.com/s/q76iz9rbfxv...
About Section
www.dropbox.com/s/v1jw0odq6rj...
Ti è piaciuto il video? Puoi dirmi grazie offrendomi un caffè ☕️
www.buymeacoffee.com/webdesig...
In questo modo mi aiuterai a mantenere e far crescere il canale. Grazie 🙏
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

Опубликовано:

29 июн 2021

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 11

@davidec.159 2 года назад

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!

@Webdesignerd23 2 года назад

Grazie mille Davide! 🙏

@LuigiGrassi_Channel 2 года назад

Contenuti di altissimo livello, bravo!

@Webdesignerd23 2 года назад

Grazie!

@giacomomilizia4564 2 года назад

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!

@Webdesignerd23 2 года назад

Ciao Giacomo grazie mille. Segui questa procedura: 1. Innanzi tutto devi creare un componente alla voce “Portfolio” in modo tale che quando ci clicchi sopra si apre un menu a tendina con delle voci child (per esempio-> click su “portfolio” si apre un sottomenu con “project one”, “project 2” ecc). Per farlo potresti guardare questo tutorial (ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-bInAdfqrOKY.html) 2. Poi devi crearti delle nuove pagine dove l’utente atterra quando clicca su quella specifica voce. Potresti tenerti la nav e il footer come template. Lavori sul body della pagina dove se non ho capito male inserirai i progetti del portfolio. Crea tante pagine quante sono le sottovoci della voce “portfolio”. 3. A questo punto vai nella sezione “Prototipo” di Xd e linki le voci child della voce “portfolio” alla pagina corrispondente. Devi lavorare sul componente aperto in modo che puoi creare dei collegamenti tra quelle voci e la pagina corrispondente. Spero di essere stato chiaro. Se hai dubbi dimmi pure.

@giacomomilizia4564 2 года назад

@@Webdesignerd23 GRAZIE DAVVERO! Ho seguito tutti i passaggi, ed è facilissimo, grazie soprattutto a come spieghi🙏🏻 Ultima cosa che ti chiedo, si può caricare il progetto in adobe portfolio? Cioè, vorrei pubblicarlo come sito, ed ho già adobe portfolio, quindi pensavo di usare adobe portfolio come hosting, ma credo che questa piattaforma sia utilizzabile solo con i suoi template! GRAZIE ANCORA

@claudiodaloiso9644 3 года назад

Domanda. Ma questo sito si può mettere direttamente su internet? O c’è bisogno usare html? Grazie

@Webdesignerd23 3 года назад

Ciao Claudio, no questo è un design. Adobe Xd ti permette di creare design di siti web e app mobile. Per renderlo un sito web fatto e finito deve essere sviluppato con html, css e Javascript.

@claudiodaloiso9644 3 года назад

@@Webdesignerd23 ti ringrazio della risposta, aspetto altri tuoi video. spiegati benissimo

@Webdesignerd23 3 года назад

@@claudiodaloiso9644 grazie!