Lezione gratuita dal corso Web Design e Webflow
La prima cosa che dobbiamo pensare quando progettiamo per il web è che il web responsive quindi è costantemente in mutazione e man mano che passano gli anni nascono sempre più dispositivi, di conseguenza più risoluzioni per le quali saper progettare un sito internet.
Noi pensiamo sempre che ci sono tre tipologie di risoluzioni, quindi quelle più classiche del backstop, quella del tablet, quella del mobile.
In realtà ce ne sono di piu' se consideriamo che prima del desktop normale, cioè un desktop large, quindi per gli schermi molto molto grandi e abbiamo Mobile Land Scape.
Inoltre tal mobile normale e il mobile Land Scape ci sono una serie di passaggi intermedi, come ad esempio cosa succede quando lo vedo su un telefono molto piccolo, come esempio su un trecentosessanta pixel che può essere un iPhone sei sei s è che vengono ancora utilizzati oggi e rappresentano comunque una fetta del mercato, così come altri telefoni Android che sono molto utilizzati e sul quale dobbiamo saper capire come verrà visualizzata la nostra schermata, il nostro design.
Passiamo quindi a vedere effettivamente come si progetta questa parte che abbiamo visto in precedenza un minimo, ma ne la vediamo in una maniera un pochino più in dettaglio.
Come vi dicevo, all'inizio la tipografia è una parte fondamentale che andremo a vedere dentro e dentro anche fig.
Ma vi ho fatto vedere la tipografia che abbiamo disegnato all'interno del sito del seno, che ha una tipografia totalmente definita qua al proprio interno, con un body m, i body xs, eccetera eccetera eccetera.
Quindi possiamo vedere tutti, ma era molto più chiara.
Come vedete però qua non c' è una differenza tra il desktop mobile, ma sono interamente di stati.
Questo perché la tipografia in questo caso viene utilizzata cross mobile e ex top.
Poi vedremo anche perché e qua all'interno invece dall'altra parte su tematiche ho preparato e un template esattamente progettato e pensato con l'idea che saremo noi designer a lavorare o comunque noi né i progettisti saremo noi a lavorare all'interno di word flow con queste tipografie.
Quindi da una parte o il backstop è quello che vedo all'interno qua dell'account è una causa che hanno intentato pixel dall'altra parte nuova slot o altre tipografie che in questo momento sono le stesse, ma che invece dovranno cambiare.
Quindi, ad esempio qui vediamo invece trentotto probabilmente sarà un ventiquattro pixel perché subisce il digiuno non può essere grande quanto su back stop e man mano che vado a definire gli altri stili inizio a definire quello che sarà lo stile all'interno di quel film.
Float mette a disposizione le tipografie classiche li' che ding trading uno fino alle sei per poi avere del paragrafo e dei film texts del texas link dei blog white all'interno e dei wilkes element all'interno.
Quello che noi possiamo fare é iniziare a definire la tipografia sud stop e poi andare a definire su mobile qualora si partisse dal contrario è più difficile secondo me è più difficile sempre partire dalla parte mobile è per il per il fatto che bisogna tornare avanti indietro, quindi se lei ding lo utilizzate a tutto pixel facciamo a sessantaquattro pixel su back stop con una light in automatico distante quattro pixel le lingue una dovrà avere anche lui l'automatico all'interno qui dentro light e avrà ventiquattro pixel, quindi sarà leggermente diverso.
Poi le proprietà possono essere diverse, quindi io qua posso selezionare meno un pixel.
Altre cose che vi consiglio di utilizzare non le percentuali perché possono utilizzate dentro solo che sono meglio gestite, quindi vi consiglio di usare sempre i pixel oppure delle soluzioni come rem che vedremo dopo.
Quindi la parte iniziale è prima tipografia? Assolutamente.
Una volta che la tipografia è definita in entrambi i modi, possiamo iniziare a progettare all'interno delle nostre schermate.
Mettiamo caso che io voglia cambiare questi.
Io posso andare a definire qua gli h una h due qua alla fine è solamente una questione di nomenclatura, quindi questo per me può essere sempre il mio account però sarà il mio h uno con uno slash davanti o anzi prima quindi mobile slash h uno e dall'altra parte invece magari il backstop account, quindi euro da tutte le parti extra mobile.
Altrimenti quello che posso fare anche per non averle due separate.
Ma avere sempre la tipografia unica è avere all'interno di questi di questo contesto l'account direttamente come cartella avere qui all'interno il vai e quindi lo stop credete ci sono due modi in cui possiamo lavorare o selezioniamo l'account e poi diamo creiamo due differenti viste per mobile l'ex top oppure addirittura creiamo prima tutta la tipografia backstop e poi la tipografia mobile dovrà seguire quella backstop che abbiamo definito prima.
In questo modo abbiamo sempre un'idea precisa di quello che sarà il mobile e il ex top e non ci perdiamo niente.
Quindi io vi consiglio sempre partite da questo file dove iniziate a definire quella che è tipografia e l'ha definita completamente e questa poi la vedremo come si parlerà all'interno del contesto superfluo.
Andremo a capire come poi inserire tutti i diversi colori e tutta la tipografia che abbiamo fatto prima su film.
Piccolo preambolo
1) sono utente fin dal suo lancio
2) quest’anno ho speso oltre 3000 ore sulla piattaforma con oltre 13 corsi
3) Pago di tasca mia l’abbonamento e non ho conflitto d’interessi
Esperienza
Quando Learnn è stato lnaciato ho deciso di abbonarmi perchè ho visto nella piattaforma una possibilità di affrontare argomenti di cui sono carente.
Mi occupo di IT ma non sono così miope da non capire che il digital marketing va conosciuto passando per chi lo pratica.
Ho avuto e avrò anche abbonamenti? Si
Perchè allora dici di iscriversi a questo servizio? Perchè a prescindere di quale servizio specialistico a cui ti abbonerari questa è la base. La base per tutti gli argomenti del digital Marketing oggi e in futuro visto che ogni settinaman escono corsi nuovi e vengono aggiornati, ampliati, approfonditi gli esistenti con gli stessie con nuovi docenti.
I docenti poi sono professionisti e hanno reale esperienza rendendo estremamente pratico applicare i concetti.
Ho una iniziativa nel non-profit e per riuscire, nel tempo libero, a non fare danni e a crescere mi serviva portermi aggiornare e capire come funzionano alcune parti del digital marketing con Learnn ci riesco, mi diverto e sopratutto posso delegare perchè ho capito come funziona quell’ambito.
Avere questo allo stesso prezzo di un abbonamento di streaming permette di ampliare la conoscenza in un ambito in cui troppi parlano senza padronanza.
Prendiamo come società Learnn perchè volevamo avere più il controllo della situazione su ciò che succedeva nel nostro dietro le quinte. Ci sembrava che il nostro venditore non fosse sul pezzo, dormisse sugli allori e non studiasse nuove strategie.
Dopo 1 settimana abbiamo eliminato il nostro “venditore”, ne abbiamo trovati altri validi nel sito con i quali collaboriamo, abbiamo acquisito competenze e abbiamo grazie alla competenza, un sacco di consapevolezza in più, dato che adesso lavoriamo solo online.
Uno degli investimenti migliori mai fatti, insieme ai 50k risparmiati (che non era un problema spendere, volevamo “solo” il lavoro fatto bene)
Learnn è la soluzione olistica alla formazione di imprenditori e professionisti. Professionalmente, essendo un Growth & Innovation Advisor, utilizzo la piattaforma per ampliare la vision e per rimanere sul pezzo grazie a imprenditori e professionisti di altissimo livello presenti al suo interno, che offrono il loro contributo in maniera a dir poco magistrale.
L’abbonamento Learnn permette di avere a disposizione un tool di formazione continua, sempre aggiornato su temi e trend professionali.
Uso Learnn per tenermi costantemente aggiornato sul mondo del digital marketing e per approfondire tutti quelli aspetti dove non sono verificale (sono dei specialist) e lo reputo molto utile per un infarinatura.
Piattaforma estremamente professionale e professionalizzante. Corsi di qualità, docenti anche di più e le risorse a disposizione sono veramente tante. Chiunque può formarsi qui, da chi parte da zero a chi ha già esperienza. La flessibilità nel seguire le lezioni è totale: ci sono lezioni fast per chi ha due minuti al giorno e corsi più strutturati per quando si ha più tempo. C’è anche una parte community da non sottovalutare: grazie alla rete di possibili contatti che hanno creato, io ho trovato lavoro come Digital Marketer!
Ho scoperto Learnn tramite una sponsorizzata IG! Mi si è aperto un mondo! Trovo tutti i corsi molto utili ed interessanti, complimenti a Luca ed a tutto il team Learnn
Learnn e’ tutto ciò che un imprenditore ha bisogno per formarsi ed avere una base solida nel mondo del digital marketing ma anche in tanti altri aspetti.
E soprattutto avere le consulenze 1to1 a pagamento sono un valore aggiunto incredibile non e’ il solito corsetto pre-registrato che poi ti abbandona a te stesso qui puoi confrontarti e secondo me e’ una cosa unica.
Learnn mi ha permesso di approfondire temi che stavo studiando all’università e mi ha fatto scoprire altri corsi che mi sono serviti molto all’inizio del mio percorso da freelance.
Ad oggi ho l’abbonamento annuale perché trovo sempre qualcosa di nuovo e interessante da approfondire.
Consiglio Learnn perché copre una vasta gamma di argomenti e permette di passare da tematiche di Growth alla User Experience passando per il GDPR e la psicologia.
Davvero molto interessante e sempre in espansione.
Ultimamente sono state inserite anche nuove funzionalità che la rendono una piattaforma veramente completa e super utile.
Grazie alla community si possono scambiare opinioni con altre persone che stanno studiando e poi ci sono gli esperti che hanno messo a disposizione anche degli slot a prezzi ragionevoli.
Ultimo ma non meno importante il prezzo che è veramente affrontabile anche per gli studenti universitari.
Luca e tutta la sua squadra hanno davvero fatto un ottimo lavoro, grazie.
Scoprire Learnn è stato un salto di qualità per la mia formazione personale. Con l’autorizzazione dell’azienda, ascolto corsi anche mentre lavoro: con una cuffietta sempre in ascolto e uno dei tre schermi esclusivamente dedicato.
Ritengo che Learnn sia una piattaforma che abbia una mission reale e vera. Si percepisce semplicemente dal prezzo super accessibile e dalla qualità elevata di quasi tutti i corsi.
Avendo completato più di 80 ore posso dire veramente grazie a tutto il team di Learnn che mi ha svoltato la formazione e svoltato a livello pratico il mio lavoro!
Il titolo della recensione sarebbe il Netflix della formazione ma sarebbe troppo da clickbait, però è quello che penso. Buon lavoro!
Learnn è la piattaforma di formazione per ottenere maggiori risultati professionali e di business attraverso formandosi nel digitali (e non solo). In un unico abbonamento hai accesso a 400+ corsi, 120+ risorse, 25+ percorsi, live webinar e certificazioni. 190.000 professionisti/e e oltre 700 aziende si formano su Learnn per crescere.
Vogliamo digitalizzare 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.
In un unico abbonamento hai accesso a 400+ corsi, 120+ risorse, 25+ percorsi, live webinar e certificazioni. Potrai fruire i corsi sia dalla piattaforma web che dall’app.
I corsi sono on-demand, mentre i webinar sono live e poi caricati nella piattaforma per essere visti on-demand quando vuoi.
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.
Certamente. Learnn ha un piano gratuito che ti permette di accedere al 40% di ogni corso in maniera gratuita e solo con la tua email, no carta richiesta. Crea il tuo account per iniziare a seguire qualsiasi corso.
Learnn Pro costa 16.99 euro al mese nel piano trimestrale, ma offriamo sconti per il piano annuale. Crea il tuo account per vedere il prezzo corrente.
Si, le nostre certificazioni vengono rilasciate al completamento dell’80% di ogni corso dopo il superamento di un quiz di 10 domande.
La certificazione potrà essere condivisa sul proprio profilo personale Learnn e sui proprio profili LinkedIn e CV.
Le nostre certificazioni sono riconosciute da centinaia di aziende che formano i loro team su Learnn e queste aziende assumono abitualmente dentro alla nostra piattaforma.
Iscrivendoti a Learnn avrai accesso ad una community con 190.000 professionisti dove potrai confrontarti, fare networking e trovare nuove opportunità.
Inoltre potrai partecipare a workshop live e fare domande ai professionisti che hanno tenuto i corsi.
Se avessi altre domande puoi usare la live chat qui di fianco.
Per partnership compila questo form
Ogni acquisto ti garantisce 14 giorni di garanzia per richiedere il rimborso.
In qualsiasi momento puoi disabilitare il rinnovo automatico dalla tua area membri in pochi click e senza dover parlare con un operatore.
Non offriamo invece rimborsi per i rinnovi.
Vogliamo rendere l'Italia famosa nel mondo per l'esecuzione.
Learnn
è nato per 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.