Lezione gratuita dal corso Figma Basics
Come ci mostra tutta una serie di elementi nell'interfaccia e ci propone tutta una serie di strumenti che possiamo utilizzare.
Questi sono i principali, quelli che vediamo qua in alto a sinistra.
La prima cosa che possiamo creare, che voglio mostrarvi sono le fake.
Se le forme possiamo selezionare cliccando qui, oppure io preferisco usare le short possiamo per esempio tremendo r creare dei rettangoli con o degli ovali dell'ellisse che diventano cerchi quando teniamo premuto Maiusc dandogli la stessa altezza e larghezza.
Possiamo poi creare tutta una serie di altri elementi.
Possiamo creare poligoni stelle, ma anche qualcosa di più classico come linee e freccia.
Possiamo anche creare testi come questo qui, ma anche disegnare sia in vettoriale con lo strumento penna che a mano libera lo strumento matita con scarsi risultati.
Abbiamo poi iframe come ultimo punto che vedremo nelle prossime elezioni e muove muove lo strumento principale che viene impostato di default ci permette di selezionare gli elementi e modificarli, trascinarli, ridimensionare lì, eccetera.
Abbiamo poi un altro strumento che viene molto poco utilizzato ed è un po', un peccato perché super utile è la controparte di muove.
Si chiama Skye.
Glielo possiamo evocare con K.
Voglio farvi vedere un esempio su questa casetta.
Se io seleziono questa casetta e la dimensione vedete, questa casetta cambia di dimensioni, ma ha proprietà, come per esempio lo stock.
Il bordo rimane sempre costante, rimane sempre di punti, come in questo caso.
Se K.
Quello che succede è che il mio cursore cambia leggermente e tutto viene scalato.
Come vedete ora tutto quanto mantiene le stesse proporzioni, così come lo stesso o qualsiasi altra proprietà un'altra parte fondamentale dentro Fig.
Ma sono l'organizzazione in pagine e degli elementi li possiamo vedere nel menu qua a sinistra.
Nelle pagine possiamo dividere tutti i vari blocchi che creiamo, le interfacce che creiamo e in questo caso le sta usando per dividere i moduli di moduli di questo corso.
Subito sotto, invece, vediamo quello che chiamo albero dei componenti, dove vediamo tutti gli elementi, tutti i layer che abbiamo inserito dentro il nostro canvas.
Quindi troviamo per esempio il rettangolo che abbiamo creato prima, così come lo vale che possiamo vedere qua a sinistra, così come tutti gli altri elementi che abbiamo creato e che sono presenti qui, possiamo andare direttamente a un elemento preciso cliccando sulla sua piccola immagine.
Quindi per esempio, se sono spostato e voglio evidenziare questa ellisse con un doppio click.
Arrivo qui e posso anche nascondere e mostrare l'elemento e anche bloccarlo in modo che non sia più possibile interagire con con questo, come per esempio in tutti gli elementi che vogliamo stiano fermi di sfondo.
In questa lezione abbiamo poi la barra superiore che come molte parti di fibra è contestuale.
In questo caso non ho selezionato nulla e quindi vedo delle informazioni sul file.
Vedo il nome del progetto in cui è inserito il nome che posso evitare vedere e alcune azioni che posso fare sul file stesso.
Dicevo che questo elemento è contestuale e quindi cambia in base a quello che sto facendo a quello che ho selezionato.
Per esempio, in questo caso vedo questa stella e qua posso evitare l' oggetto il vettore come creare un componente che vedremo in un'altra lezione oppure direttamente creare una maschera come in questo caso, una bella maschera per il nostro gioco.
Abbiamo poi la barra di destra divisa in design, prototipi ed inspects.
Anche questa è una parte delle interfacce di Fig, ma che si adatta in base a quello che stiamo facendo ora.
Non ho selezionato nulla e quindi quello che posso fare è modificare il background dell'intera canvas così come vedere gli stili, anche se ora non ce n'è nessuno perché li definiremo in un'altra lezione.
Abbiamo poi il pannello di prototipi che anche questo approfondiremo in un'altra lezione è quello di speck nel quale possiamo vedere tutte le proprietà degli elementi nel nostro canvas.
Come si vede uno sviluppatore quando selezione degli elementi vedo tutte le impostazioni e le cose che posso modificare e manipolare di quell'elemento.
Se per esempio seleziono questo rettangolo vedrò la sua posizione all'interno della canvas o del suo contenitore.
Le sue dimensioni che posso variare come la larghezza l'lte zza border-radius ho anche l'inclinazione con inspects succede la stessa cosa, ma con un'interfaccia leggermente diversa che aiuta gli sviluppatori nel loro lavoro.
Quindi per esempio lo stesso rettangolo mi mostra le proprietà in questo modo facilmente copiavo gli e mi mostra come vengono mostrate al tuo codice, quindi questo caso l'abbiamo inversione css ci permette anche di avere tutta una serie di inside su altri elementi.
In questo caso abbiamo un'auto layout che approfondiremo in un'altra lezione e possiamo vedere tutti i margini, tutte le distanze e come rappresentarlo con CSS In questa lezione abbiamo visto quali elementi possiamo creare dentro la nostra canvas e l'interfaccia, come si presenta e le cose che ci permette di fare.
Poi nelle prossime elezioni vedremo ognuna di queste parti più in profondità.
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.