Lezione gratuita dal corso Figma Basics
Abbiamo visto nella scorsa lezione come possiamo inserire tutta una serie di elementi sulla Callas Fig? Ma un'altra cosa importantissima sono i tram e come questi elementi si mettono in relazione tra loro.
Quando crea un frame, infatti, posso inserire degli elementi al suo interno.
In questo caso abbiamo questo rettangolo contenuto nel fra me abbiamo il tram che questa dimensione se lo spostiamo vedete il rettangolo si muove insieme al frame in cui è contenuto, insieme a appunto il suo contenitore.
Questo è molto importante perché crea delle relazioni tra gli elementi che vedremo dopo.
Con un esempio pratico possiamo poi definire tutta una serie di proprietà che definiscono come componenti diversi si interfacciano tra loro.
Se, per esempio seleziono questo rettangolo nel pannello design, possiamo vedere questa parte con Stein.
Dice che dovrà rimanere a una certa distanza da sinistra.
Infatti il Conseil qua left e mantenere una certa distanza dall'alto e dal basso.
Quindi se le dimensioni il frame in questo senso non succede nulla.
Ma se lo faccio in questo senso, il rettangolo si sposta di conseguenza per mantenere le stesse proporzioni, le stesse distanze, eccetera.
La stessa cosa se lo faccio in verticale, vedete, mantiene sempre ventiquattro punti di distanza.
Ho preparato un piccolo mockup per vedere nel pratico che cosa intendo con relazione tra oggetti.
Abbiamo prima di tutto un fra me grande mockup che include tutto quello che sta in questa schermata.
Vediamo subito cosa c' è dentro.
Vediamo che ci sono tre elementi.
Abbiamo una navigazione che concettualmente un blocco a sé.
Abbiamo del contenuto, un contenuto che a sua volta un body a una top bar, così come questo piccolo elemento in basso a destra continua in background.
Ogni elemento è innestato dentro l'altro in modo logico per trasmettere un significato.
Per esempio, nella Navigation posso navigare con doppio click all'interno dei player.
Vedete, ho un luogo di lavoro.
Ho vari navigation hit di cui uno selezionato con questo sfondo particolare anche qua.
Per fare un altro esempio, abbiamo il body e al suo interno ha la tabella all'interno della tabella o questi elementi Eder e due righe e avanti così all'infinito abbiamo un dividere delle celle, eccetera.
Questo è il modo preferito dentro Fig, ma di intendere delle relazioni tra gli oggetti.
C'è un altro strumento che viene usato molto spesso da chi passa da sketch Fig, ma che sono i gruppi.
Questo io sconsiglio di usarlo.
Nella maggior parte dei casi è usato in modo improprio, ma quello che fa è raggruppare degli oggetti, in questo caso tre rettangoli, ed è solo un modo più facile di selezionarli tutti insieme.
Ma in tutti i momenti in cui vogliamo esprimere una relazione, vogliamo creare un bottone.
Vogliamo creare una schermata.
Vogliamo creare una navigazione.
Quello che dobbiamo usare sono i frammenti.
Learnn è la piattaforma online che ti aiuta a 360 gradi a crescere nel digitale. Sviluppa competenze con oltre 220 corsi, condividi i tuoi risultati, fai networking con otre 120.000 professionisti/e e oltre 300 aziende.
Vogliamo cambiare l’Italia, una persona alla volta.
Per farlo ci proponiamo di democratizzare l’apprendimento e accelerare la crescita di persone, idee e aziende attraverso strumenti tecnologici a supporto di qualsiasi professionista.
Learnn prevede un piano totalmente gratuito (Free) che ti permette di iniziare qualsiasi corso che abbiamo su Learnn.
Per chi volesse finire i corsi, ottenere certificazioni e connettersi con professionisti e aziende, Learnn Pro permette di avere accesso illimitato a tutto questo. Il corso di Learnn Pro è 9.99 euro / mese e puoi disdire quando vuoi.
Per i team di aziende abbiamo anche un Piano Team con oltre 300 clienti aziendali.
Potrai seguire i contenuti da computer, tablet e smartphone.
Scarica l’App iOS/Android Learnn e segui i contenuti in modalità video, audio e testo.
Learnn ha un piano gratuito che ti permette di accedere all 40% di ogni corso in maniera gratuita e solo con la tua email.
Learnn offre sia un piano gratuito con accesso limitato ai contenuti, sia un piano PRO del costo di soli 9.99 euro al mese con cui potrai avere accesso a tutti i nostri contenuti senza limiti o sorprese.
Una volta completata l’iscrizione sarà possibile gestire i propri dati e disdire in qualsiasi momento e in completa autonomia.
No, non offriamo certificazioni, facciamo di meglio.
Man mano che completi corsi potrai verificare le tue competenze e condividerle sul tuo profilo LinkedIn o CV.
Inoltre abbiamo sviluppato una feature chiamata Profile attraverso il quale otterrai un link personale per mostrare in tempo reale tutti i contenuti da te completati e molto altro.
Immagine personale, username, badge, link esterni e molto altro.
Crea una vera e propria sales page dove il prodotto in vendita sono le tue competenze.
Se avessi altre domande puoi usare la live chat qui di fianco.
Per partnership compila questo form
La nostra vision è rendere l'Italia famosa nel mondo per l'esecuzione.
La missione di Learnn
è accelerare la crescita di ogni individuo rendendo accessibili conoscenza, opportunità e tecnologia per avere un impatto positivo sul mondo e sugli altri.
Tutto incluso (come Netflix), IVA inclusa, nessuna sorpresa o addebito indesiderato.
Disdici quando vuoi, in 1 click.
Scegli di migliorare ogni giorno per 12 mesi senza interruzioni scegliendo il piano annuale.
In un unico pagamento annuale
Disdici quando vuoi, in 1 click.
Con l’abbonamento otterrai:
Consuma i +200 corsi e webinar di Learnn da webapp o app iOS e Android, in formato video, audio o testo.
Con l'abbonamento a Learnn hai accesso a tutto (proprio tutto) ciò che contiene la piattaforma.
Ogni mese registriamo nuovi corsi su tutto cio di cui potresti avere bisogno nel mondo digitale.
Con l'app Learnn trasformi ogni momento di vuoto in un'occasione di apprendimento.
Scarica tutto il materiale che ti serve e utilizza i moduli riassuntivi per fissare i concetti.
Ogni settimana nuove offerte di lavoro da parte di tantissime aziende che operano nel mondo digitale.