La scelta di un determinato font o di un determinato colore può incidere positivamente o negativamente sull'esperienza del tuo visitatore.

In questa lezione vedremo insieme come scegliere i font e come scegliere il miglior colore più adatto al tuo settore e attività.

Innanzitutto partiamo dal font Google Fonte è un sito web che raccoglie tutti i font presenti nella suite di Google e li categorizzare per quelli più famosi e di tendenza.

Una volta che siete arrivati in questo sito web, potete innanzitutto ed è il consiglio che vi do digitare qualcosa per vedere come effettivamente sarà mostrato nel vostro futuro sito web con quel determinato font, ad esempio servizio di consulenza social media.

A questo punto, una volta che avete inserito il testo da mostrare nel corpo di Google Font, potete decidere anche la dimensione e quindi aumentare o diminuire in base a come poi avete intenzione di mostrare a livello di dimensioni il vostro font.

A questo punto la cosa più importante è decidere se volete un font serif o un font serif.

I font sono i classici font con le grazie, quindi come vedete quelli mostrati in questo corpo centrale, oppure il font è il font più menomale ed essenziale.

Chiaramente questo dipende molto dal tipo di business, attività o vostro stile grafico che volete adottare.

Quindi chiaramente è una scelta molto personale.

Però voglio mostrarvi come individuare e poi scegliere il miglior font per la vostra esigenza.

Una volta che avete scelto, quindi che tipo di font inserire spostando in alto, avete la possibilità di filtrare per i font più più popolari per nome i più nuovi.

Diciamo che nella maggior parte dei casi io utilizzo prima, eh? I più popolari, quindi, um quelli che sono maggiormente utilizzati nel web, ma non perché sono già stati utilizzati, ma perché in linea generale sono più popolari anche per dei motivi ben precisi.

Ad esempio, il font robot è uno dei più utilizzati perché è essenziale, di facile lettura, ma è anche molto leggero da caricare per i motori di ricerca e anche buono ai fini delle performance e e così via.

Quindi diciamo che un giusto compromesso potrebbe essere tra popular e Trani e a questo punto quindi, una volta che troverete il font più adatto alla vostra esigenza, ad esempio, seleziono questo font entrando nella singola scheda.

Potete decidere anche qui la dimensione per vedere l'anteprima e poi nel dettaglio vi ritroverete i vari stili che ci sono all'interno di questo font, come ad esempio il lite eh, il regular, il bold, il semi bold, il bold.

Quindi ci sono varie tipologie di stili all'interno di questo determinato Pont nella maggior parte dei casi gli extra e si utilizzano per i titoli e le intestazioni e l'ad, mentre in regola si utilizza per i paragrafi.

Ovviamente non tutti i font hanno tutti questi stili diversi, quindi chiaramente se il vostro obiettivo è quello di inserire dei font che post che devono avere più stili dal al team al fino al.

Dovete individuare chiaramente un font che ha tutti gli stili, perché ci sono alcuni font che hanno solamente la versione o, ad esempio, quindi qui chiaramente andrete a fare una ricerca avanzata e a trovare il font che fa alla vostra esigenza.

Una volta che vi siete decisi a quale font scegliere, lo dovrete poi andare ad impostare sul vostro sito web con WordPress all'interno delle schede di stile di elemento.

Lo vedremo poi in una sezione avanzata e questo è quello che riguarda il l'aspetto dei Google Phone.

Poi, come scegliere i colori del sito web ci sono diversi pool.

Partiamo da yumi punto com è un sito web che è in grado di generare tramite intelligenza artificiale varie tipologie di palette colori nel menù a sinistra potete organizzare per categorie ad esempio website, magazine oppure monocromatico e ve li divide anche in diverse categorie semplicemente cliccando su generate.

Aspettiamo il caricamento.

Il tool vi genererà tante palette colori che potrebbero anche interessarvi e quindi prendere ispirazioni.

Come vedete sono fatte molto molto bene e divise per categoria.

Esempio magazine vado a generare vari colori monocromatico anche qui io vado a generare varie tipologie di colore.

Insomma qui c'è veramente un sacco di eh.

Ci sono un sacco di funzionalità da cui prendere ispirazione e questo potrebbe essere un modello.

Un altro metodo interessante è quello di andare su magic punto app e cliccare su Pat.

A questo punto dobbiamo semplicemente inserire la parola chiave del nostro settore business, ad esempio freelance, premere su genera e verremo reindirizzati a una palette di colori che potenzialmente potremo utilizzare nel nostro sito web, ovviamente definiti e decisi per parole chiave che sono inerenti al settore.

Quindi in questo caso poi prenderò questo codice colore e lo utilizzerò nel mio sito web, sempre nella sezione avanzata del design di elemento.

Un altro tour interessante è quello di Adobe perché ti vi permette, attraverso un color picker di definire varie palette.

Potete innanzitutto creare degli stili personalizzati, ma potete ovviamente poi navigare tra quelli che sono i colori di tendenza.

Ma la cosa più importante che vi consiglio di controllare è alla tab esplora, dove semplicemente con una parola chiave potete inserire l'argomento, per cui volete ricercare una palette di colore.

Ad esempio.

Anche in questo caso cercherò freelance diverse palette di colore legate appunto al mondo del settore freelance.

Ma potrebbe essere per i ristoranti potrebbe essere per il digital marketing, per i social media e questo anche in base a la scelta di alcune foto.

Come vedete in questo caso c'è la combinazione molto interessante tra palette di colore decisa da Adobe e questa immagine.

Quindi anche qui sarete in grado poi di definire una palette colore.

Ad esempio.

Poi, cliccando su questa sul mood di colori andrete a salvarvi le varie palette di colori.

Poi, sempre per quanto riguarda i colori, il all'interno di Camba ci sono quattro tol ci sono quattro tool dove il primo vi servirà in questo caso per definire la palette di colori sulla base di un'immagine.

Qui andrete a caricare un'immagine e il sistema vi estrapola e genererà delle palette di colori che vanno bene e sono abbinate bene a quel tipo di immagine.

Questo potrebbe tornarvi utile, magari forse più per un post di social media oppure magari per un landing page.

In linea generale.

Nel sito web si definisce una palette di colore, si mantiene in tutte le pagine, però potrebbe comunque tornarvi utile.

Magari avete una copertina da cui partire o un logo da cui partire.

Potete tramite questo strumento estrapolare i colori.

Poi un altro tour molto interessante è quello di um della palette colori.

Quindi definire un tema o una parola chiave, come in questo caso freelance posso in questo caso non ha prodotto risultati.

Proviamo social media Come vedete anche qui vengono fuori dei risultati legati al settore un'altra.

Cosa interessante, ovviamente c'è quella della la possibilità del color will quindi creare anche qui delle palette di colori personalizzate, complementari, monocromatiche e così via.

Ma una cosa interessante invece, è quella di capire di più il simbolo di determinati colori e quindi quello che c'è dietro, perché chiaramente ogni dietro ogni aspetto di colore c'è un significato.

Ad esempio, effettuando la ricerca per parola chiave Red, troviamo tutto il significato, quello che c'è dietro a questo colore.

Quindi chiaramente ci andremo poi a a leggere e analizzare se il significato di quel colore sposa un po', i nostri obiettivi, i valori e principi e poi decideremo se sceglierli o meno.

Quindi in questa lezione abbiamo visto come definire e scegliere un font, quindi prendetevi il giusto tempo per fare questa scelta che è molto importante.

Deve essere un font chiaro, semplice, leggibile e soprattutto coerente anche col vostro brand e con il vostro logo.

Mi raccomando, cercate di stare su un font al massimo due font, magari un font per le intestazioni e per titoli e un font per i paragrafi.

Oppure, come nel mio caso, e nel novantanove percento dei progetti dei miei di web design utilizzo sempre lo stesso Google Phone dove vado ad inserire i titoli con un um e utilizzo lo stesso sia per i titoli e per i paragrafi.

Ovviamente.

Poi nel paragrafo andrò ad inserire uno stile oppure per quanto riguarda i colori, abbiamo visto dei tool che sono in grado di generare palette di colore tramite intelligenza artificiale.

Abbiamo visto il tool di Adobe che ci aiuta molto nella scelta del colore.

Abbiamo visto poi il tool di gamba che è un tool molto potente e per trovare delle basi da cui partire e eventualmente comprendere meglio il significato di determinati colori.

Quindi questo è tutto per quanto riguarda l'asset grafico e siamo pronti poi per andare a configurare concretamente il design all'interno del nostro sito web con elemento.