- Видео 83
- Просмотров 228 039
Webdesignerd
Италия
Добавлен 2 мар 2021
Hi my name is For and I am an experienced Web and User Experience Designer.
In this channel I share FIgma and Adobe Xd tutorials with an extremely practical approach.
I’ll teach you how to create websites, landing pages and mobile apps and show you how to make your mockups dynamic through interactions.
I will also explain how to create components to create attractive and effective User Interfaces.
In this channel I share FIgma and Adobe Xd tutorials with an extremely practical approach.
I’ll teach you how to create websites, landing pages and mobile apps and show you how to make your mockups dynamic through interactions.
I will also explain how to create components to create attractive and effective User Interfaces.
Web designer: quanto guadagna, dove trovare lavoro, come fare portfolio e cv - 3/3
In questa terza ed ultima parte spiego quali sono le migliore piattaforme per cercare lavoro e dove è possibile crearsi un portfolio ed un CV creativo.
Infine vedremo quali sono le 4 tipologie di aziende in cui cercare lavoro.
Vedremo le caratteristiche, quali sono i pregi ed i difetti.
Ti è piaciuto il video? Puoi dirmi grazie offrendomi un caffè ☕️
www.buymeacoffee.com/webdesignerd
In questo modo mi aiuterai a mantenere e far crescere il canale. Grazie 🙏
Infine vedremo quali sono le 4 tipologie di aziende in cui cercare lavoro.
Vedremo le caratteristiche, quali sono i pregi ed i difetti.
Ti è piaciuto il video? Puoi dirmi grazie offrendomi un caffè ☕️
www.buymeacoffee.com/webdesignerd
In questo modo mi aiuterai a mantenere e far crescere il canale. Grazie 🙏
Просмотров: 802
Видео
Web designer: quali software deve conoscere, corsi in aula vs corsi online - 2/3
Просмотров 602Год назад
In questa seconda parte spiego il percorso formativo per diventare web, ux, ui designer e front-end developer. Dove è possibile studiare, quali sono i corsi online e i corsi in aula più validi. Infine indicherò tutti i software che un web, ux, ui designer e front-end developer deve assolutamente conoscere. Ti è piaciuto il video? Puoi dirmi grazie offrendomi un caffè ☕️ www.buymeacoffee.com/web...
Web designer: Differenza tra Web, Ux, Ui designer e Front-end developer - 1/3
Просмотров 1,1 тыс.Год назад
In questo video vi dirò tutto quello che c'è da sapere se volete diventare Webdesigner. Nello specifico vedremo: 1 Webdesigner 2 UX/UI designer 3 Front-end developer Quale è la definizione e quale la differenza tra queste 3 mansioni. Di cosa si occupano nello specifico e quale delle 3 è la più indicata in relazione alle vostre skill. Ti è piaciuto il video? Puoi dirmi grazie offrendomi un caffè...
Come guadagnare con Figma: 4 modi per guadagnare migliaia di euro con i tuoi design
Просмотров 762Год назад
In questo video tutorial ti spiego come fare soldi con Figma. Ci sono designer che hanno fatto decine di migliaia di euro con Figma. Altri hanno fatto centinaia di migliaia di euro con Figma. Non ci credi? Te li mostro nel video. Già perché con Figma puoi fare soldi. Come si guadagna con Figma? Quali piattaforme devo utilizzare? Quanto si guadagna con Figma? Rispondo a queste ed altre domande n...
Da Figma ad Html - Come trasformare un design di Figma in un sito web con HTML e CSS con la dev mode
Просмотров 10 тыс.Год назад
In questo tutorial vi mostrerò come convertire un design di Figma in un sito web in html e css. Utilizzeremo 2 metodi: il plugin Anima e la dev mode di Figma che ci permetterà di utilizzare il codice css. Link al codice sorgente di Codepen (utilizzalo per confrontarlo con il tuo) codepen.io/For_0083/pen/oNQqNjX Immagine Lamborghini www.freepnglogos.com/uploads/lamborghini-png/lamborghini-png-tr...
Figma download - Come scaricare Figma e iniziare ad utilizzarlo
Просмотров 566Год назад
In questo tutorial vi mostrerò tutti gli utilizzi di Figma. Figma si può utilizzare scaricando l'app per PC o Mac oppure semplicemente utilizzandolo dal vostro browser (Chrome, Safari o Firefox) senza scaricare nessuna applicazione. Inoltre vi mostrerò il corretto utilizzo dei Google fonts su Figma, come scaricare assets gratuiti dalla community di Figma e come realizzare un semplice prototipo ...
Come creare componenti con Figma - 2a parte - Proprietà testo, instance swap, component set
Просмотров 1,3 тыс.Год назад
In questa 2a parte del tutorial creare un componente con Figma, impareremo ad utilizzare altre proprietà del componente come la proprietà testo, instance swap, component set e nested instances. Ti è piaciuto il video? Puoi dirmi grazie offrendomi un caffè ☕️ www.buymeacoffee.com/webdesignerd In questo modo mi aiuterai a mantenere e far crescere il canale. Grazie 🙏
Come creare componenti con Figma - 1a parte - Tutorial componenti, varianti, istanze e boolean
Просмотров 2,7 тыс.Год назад
In questo tutorial impareremo ad utilizzare i componenti di Figma ed alcune delle sue proprietà come le varianti, le istanze e i boolean. Ti è piaciuto il video? Puoi dirmi grazie offrendomi un caffè ☕️ www.buymeacoffee.com/webdesignerd In questo modo mi aiuterai a mantenere e far crescere il canale. Grazie 🙏
Auto layout in Figma: la guida completa - Livello Medio
Просмотров 1,1 тыс.Год назад
In questo secondo tutorial impareremo un utilizzo "mid-level" dell'auto layout di Figma. In sostanza vedremo nuove funzionalità come lo spacing-mode e realizzeremo la lista delle canzoni che troviamo nella pagina band di Spotify Ti è piaciuto il video? Puoi dirmi grazie offrendomi un caffè ☕️ www.buymeacoffee.com/webdesignerd In questo modo mi aiuterai a mantenere e far crescere il canale. Graz...
Auto layout in Figma: la guida completa - Livello expert
Просмотров 1,4 тыс.Год назад
In questo terzo ed ultimo tutorial impareremo un utilizzo "expert" dell'auto layout di Figma. Vedremo la funzionalità "Absolute position" per creare delle hero section con un'immagine come elemento di background ed un testo sopra. Ti è piaciuto il video? Puoi dirmi grazie offrendomi un caffè ☕️ www.buymeacoffee.com/webdesignerd In questo modo mi aiuterai a mantenere e far crescere il canale. Gr...
Auto layout in Figma: la guida completa - Livello base
Просмотров 1,6 тыс.Год назад
In questo tutorial impareremo l'utilizzo dell'auto layout di Figma. L'auto layout è una funzione fondamentale di Figma. Ci permette di progettare più velocemente ed in modo più intelligente. È fondamentale sapere come si usa e per questo ho realizzato 3 video per voi: un tutorial sull'auto layout livello base, uno livello medio e uno livello expert. Ti è piaciuto il video? Puoi dirmi grazie off...
Figma and Midjourney amazing websites design tutorial - Speedart
Просмотров 714Год назад
Figma and Midjourney amazing websites design tutorial - Speedart
AI web design with Midjourney and Figma - Speedart
Просмотров 722Год назад
AI web design with Midjourney and Figma - Speedart
Come creare dropdown e accordion con Figma - Trucchi e suggerimenti
Просмотров 2 тыс.Год назад
Come creare dropdown e accordion con Figma - Trucchi e suggerimenti
Figma tutorial Italiano - Le basi di Figma
Просмотров 33 тыс.Год назад
Figma tutorial Italiano - Le basi di Figma
Creare un sito portfolio con Figma - Da principiante ad ESPERTO in 45min
Просмотров 9 тыс.2 года назад
Creare un sito portfolio con Figma - Da principiante ad ESPERTO in 45min
Loader animation tutorial con Figma | SVG MOTION PLUGIN
Просмотров 1,1 тыс.2 года назад
Loader animation tutorial con Figma | SVG MOTION PLUGIN
Figma: crea un carosello interattivo in pochi minuti
Просмотров 1,3 тыс.2 года назад
Figma: crea un carosello interattivo in pochi minuti
Creare animazioni allo scroll con Figma - Figma scroll animation tutorial
Просмотров 6 тыс.2 года назад
Creare animazioni allo scroll con Figma - Figma scroll animation tutorial
PIzza slider con Figma - Website design tutorial
Просмотров 6482 года назад
PIzza slider con Figma - Website design tutorial
Halloween "SMART ANIMATE" tutorial - Halloween website design
Просмотров 3652 года назад
Halloween "SMART ANIMATE" tutorial - Halloween website design
Home page carousel design con Figma - Come creare un carousel in homepage con Figma
Просмотров 3,1 тыс.2 года назад
Home page carousel design con Figma - Come creare un carousel in homepage con Figma
Radio button e checkbox tutorial con Figma
Просмотров 5982 года назад
Radio button e checkbox tutorial con Figma
Hamburger menù animation in Figma - Tutorial [ITA]
Просмотров 1,1 тыс.2 года назад
Hamburger menù animation in Figma - Tutorial [ITA]
Hero section tutorial - Website design con Adobe Xd
Просмотров 5152 года назад
Hero section tutorial - Website design con Adobe Xd
Le 10 euristiche di Jakob Nielsen - spiegazione ed esempi pratici
Просмотров 7212 года назад
Le 10 euristiche di Jakob Nielsen - spiegazione ed esempi pratici
grazie mille!!
Grazie. Con windows me la trova subito così localhost/wordpress/, non come spiegato nel video in caso dovesse essere utile ad altri
Bravo!
Bel video! Solo non ho capito una volta creato il sito su Figma, come fare per metterlo on line.
Consideri ux e ui designer ancora lavori ricercati? Oppure adesso sono inflazionati e trovare lavoro è diventato difficile?
E se non dovessimo avere la dev mode? Come posso fare? Con il metodo macchinoso? Grazie
Ciao grande! Complimenti per tutto bil materiale che hai pubblicato! Hai in cantiere anche qualcosa sulle alle animazioni allo scroll senza le freccette e con la header con il menù che rimane fissa? Complimenti ancora 💪
ciao grazie per il tutorial! ho un problema con una variante posso scriverti in privato?
Certo però consulenze extra sono a pagamento
Ciao! Io ho una domanda: una volta che ho creato tutto il codice con VSC, come porto il sito online? Ho sempre usato WordPress ma con elementor come editor, prima di passare a Figma / XD per avvicinarmi alla programmazione. Grazie.
CI sono diversi metodi per farlo, ci farò un tutorial. Il modo migliore è saper tradurre il design in codice html,css e js.
@@Webdesignerd23 ah.. pensavo che questo passaggio venisse già fatto tramite la dev mode di figma importando il codice su visual studio... attivo le notifiche per il video
Ciao, io ho un problema nella creazione della 2 tavola. Non avendo un mc, non posso usare il tasto command. Quindi quando trascino la 1 tavola verso il basso, trascina in automatico le 3 icone social. Come posso procedere?
Ciao usa CTRL. support.apple.com/it-it/guide/mac-help/cpmh0152/mac
Grazie! Veramente chiaro ed efficace.
Grazie, un tutorial molto esaustivo. La scheda Inspect di recente è stata tolta ed è disponibile sono nella dev mode, a pagamento. Correggimi se sbaglio. Esistono alternative, ad esempio tramite qualche plugin? Grazie.
Ciao grazie! non credo esistano essendo una funzione nativa di Figma
non mi e chiaro quando raggruppi tutto
vai un po troppo veloce ma sei bravo vero.
Bel tutorial! Ma come mai la parte testuale prima di nasconderla bisogna metterla a metà dell'header?
Grazie di cuore. Avevo davvero bisogno di un corso così bello per iniziare a usare figma! Grazie davvero per il tuo tempo e il tuo impegno per realizzare il tutorial
Ciao! Anzitutto grazie e complimenti per l'esposizione chiara ed esaustiva. Puoi indicarmi se hai realizzato un video che spiega come gestire il form dei contatti?
@@sergiomolinari2655 Ciao grazie per i complimenti.. no non l'ho fatto. Considera che quello è solo il design di un form, svilupparlo e renderlo funzionante è complesso e servono conoscenze di programmazione ciao!
Ciao, sto cercando di costruire il mio portfolio, conosco i linguaggi di programmazione ma sono del tutto ignorante sulle motions da poter applicare, tu come fai a trasformare i progetti in codice poi? Grazie in anticipo.🙏🏻
@@francescocristiano3921 Ciao li sviluppo a mano perché i tool che convertono il design in codice non sono affidabili
Davvero ben fatto. Ho iniziato a seguire il tuo canale Grazie
Grazie a te per il follow😉
Grazie, grazie, grazie , grazie!
Come faccio ad avere Figma con l'interfaccia che vedo nel tutorial? Perdonate la mia inesperienza...
mi rispondo da sola, nel tutorial, adesso vado al 7° minuto...
ma a me non mi fa vedere il codice in basso, come mai?
Grazie!
Grazie! Non sai come mi hai salvato con il tuo tutorial
thank you so much for the link!!!
Grazie! Spieghi molto bene e si vede che sei molto ferrato sull'argomento! Ti ringrazio di cuore ! <3
@@ShinkaMyers grazie a te! Gentilissima
grazieeee
Ciao volevo chiederti perché a volte XD mi modifica il link creato dopo aver fatto aggiorna e quindi se ho fatto un qr code smette di essere valido...
Bellissimo video
Fantastico Tutorial, solo una cosa, purtroppo al cambio della tavola dopo il click sulla freccetta non parte l'animazione ma fa solo dissolvenza, sapresti dirmi perché?
faccio una domanda perhè mi sono un po confusa, sto da poco creando dei siti con wordpress per degli amici tipo ho messo una pagina ecommerce con un plugin, poi un traduttore di testo, la possibilità di chattare su whatsapp, niente di complicato sto utilizzanto i preset di wordpress, sto lavorando come un web designer ?
Ciao diciamo che quello che fai riguarda una competenza molto visuale e di layout. Per essere definito web designer sarebbe meglio (anche a livello di carriera) avere una base di HTML e CSS e di prototipazione con Figma
Mitico! Super tutorial!
ciao, una domanda come posso rendere l'animazione allo scroll del mouse senza cliccare
Ci farò un tutorial! Ciao
Ciao e grazie per questo utilissimo video ! Come mai io non ho la sezione "Inspect" di fianco a "Prototype"?Dipende dalla versione Free? grazie mille
Mi sono imbattuto ora su FIGMA, ma la DEV MODE è pagamento immagino giusto?
Adesso si
Come si fa per mobile?
Ciao dovrei fare un tutorial per spiegarlo
@@Webdesignerd23Ah ok va bene
Grazie per questo video
si ma come si fa ad allineare ad un elemento scelto?
grazie mille sei stato fondamentale!
Ciao, non trovo Iconsax, ne hai un altro da consigliare? Complimenti per i tuoi video perchè sono chiarissimi, grazie!
Grazie
ALTRO VIDEO ECCELLENTE
Ottimo video , mi sono scritto ed ho attivato la campanella , bravo
hanno tolto la dev mode nella versione free...
E chi non ha laurea?? 😅
sei stato chiarissimo grazie 🥰❤
Bravissimo. grazie. Ancora non mi è chiaro quando mettere le misure fix hug o fill, magari hai già fatto qualche video in cui spieghi come usarle e perché. Grazie ancora.
GRAZIEEEE
piccolo particolare che le frecce di dx e sx spanciano quando le inserisco al posto quella di default (verticale) perchè non hanno lo stesso ingombro in larghezza (immagino sia quello il problema) ma comunque grazie tantissime!!!
Finalmente uno che spiega le cose con un senso logico!!