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.
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
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.
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!!!
ciao, se tieni premuto barra spaziatrice durante lo spostamento di uno o piu elementi al di fuori del frame, questi non verrano posizionati al di fuori del frame stesso.
Ciao, non ho mai utilizzato Adobe XD, pertanto la domanda che mi faccio è: posso poi utilizzare la grafica creata con XD su Wordpress? Ossia: posso creare un tema Wordpress? Come funziona?
Ciao, certo puoi farlo ma devi essere in grado di sviluppare codice html, css, js e php. Non è semplice e sono competenza da dev ma si possono imparare senza problemi. Magari ci farò un video
4 месяца назад
Ciao! Grazie per il video. Come posso fare vedere la mia animazione nel prototipo del progetto Figma? Posso vederla in azione solo sul sito web?
In realtà è un errore. Quando vuoi un immagine di sfondo devi mettere in fill l'immagine, così che sia sempre sotto. Non c'è bisogno di creare il rettangolo. Una volta fatto questo metti l'autolayout e Figma ti memorizza padding e posizione, senza dover fare nient'altro. In sintesi crei il frame mettendo in fill l'immagine (in questo caso sarà il background), posizioni i testi dove vuoi, selezioni tutto e attivi l'autolayout
Molto bello il video, ma domanda che sorge spontanea: come mai se in altri software un'immagine di BACKGROUND, nella gestione dei livelli, apparirebbe sotto a tutti gli altri nel gruppo, FIGMA invece ha impostato questo comportamento all'inverso?! Image va messa...Sopra a tutto, per farla comparire di sfondo (quindi Sotto a tutto!). Grazie.
Ciao! me lo sono chiesto anche io, non saprei esattamente il motivo, magari è una loro scelta perchè credono che così i livelli assoluti siano più visibili.
Ciao! sto provando ad installare il plugin Iconsax ma non lo trova... cercandolo su google sono riuscita a trovarlo ma come faccio ad aggiungerlo all'app?
Ciao, molto utile anche questo tutorial, ti ringrazio. Ho provato ad implementare queste animazioni, partendo da un template realizzato seguendo il tuo tutorial sulla realizzazione di un portfolio, e una volta aggiunta la scroll animation, con i tasti up and down, non mi funzionano più gli elementi della NavBar, oltre allo scrolling generale. Ho dimenticato qualche passaggio?
Ciao, vorrei aiutarti ma faccio fatica a capire cosa non va nel tuo template..potrebbe essere che gli elementi della nav non sono dentro la nav? mandami il template via mail se vuoi
Domanda... io ho creato un sito web con i frame in formato 1920x1080, quando vado a fare la preview però mi taglia parte del sito perché ovviamente parte dello schermo viene sormontato dalla barra degli indirizzi del browser e da tutte le altri componenti del browser. quindi quale formato dovrei usare per far si che la mia pagina sia della grandezza giusta?
Se vuoi che si adatti perfettamente al tuo schermo, crea un frame delle dimensioni del tuo schermo. Io per esempio ho un Macbook Pro da 2880x1800. A quel punto dopo aver aperto l'anteprima clicchi sul tasto in alto a destra (con le frecce) per espandere la view a full screen. Un altro consiglio è utilizzare Figma tramite web app e non da browser, in questo modo non hai la barra del browser.
Ciao e complimenti per i tuoi tutorial. Sto provando ad usare la dev mode, ma mi chiede di passare alla versione a pagamento, quindi non posso seguire il tutorial. Hai un video tutoria più recente che posso seguire? Grazie.
Ciao Gianluca purtroppo da quando ho fatto questo tutorial le cose sono cambiate perché se vuoi utilizzare la dev mode devi avere il progetto in un "paid team" ovvero piano a pagamento.