Dopo aver creato il tuo wireframe e quindi lo scheletro e lo schema del tuo sito web, devi pensare al design.

In questa lezione vedremo insieme alcune delle indicazioni di web design che devi conoscere prima di approcciarti all'aspetto grafico allo stile del tuo sito web.

Partiamo da un concetto molto semplice Minimalismo è un concetto che devi conoscere e rispettare e considerare nei tuoi progetti.

Ho preso in esame il sito di Apple che come vedi è fatto molto, molto in modo semplice.

Come vedi se lo andiamo un po' a scremare sono le immagini che lo fanno da padrone.

Si sono utilizzate delle sezioni e dei background molto chiari e semplici, bianchi e tonalità di grigio chiaro.

Font con una tonalità di nero più grandi e meno grandi, come vedete, tutto ben organizzato e non c'è un abuso di colori troppi diversi.

Quindi in linea generale si è rimasti su uno stile minimale.

Quindi il consiglio che vi do è cercate di tenere il vostro minimale, il vostro design delle vostre pagine web nello stile più minimale possibile, quindi senza esagerare con colori vivaci, tanti colori diversi, fonti diverse tra loro, quindi cercate di fare focus su quello che è il reale obiettivo della pagina, rimanendo appunto minimali ed essenziali.

Un aspetto molto importante è anche la scelta del font.

In questo caso io ho preso in esame il sito di Google Font, dove potete scegliere varie tipologie di font, ma anche qui dovrete scegliere che tipo di font utilizzare.

Se è un font SEF, un font uno fond più complesso, meno complesso.

In linea generale, il consiglio che vi do è di mantenere al massimo due font diversi, ad esempio uno per le intestazioni e uno per i per ripararvi.

Io nella maggior parte dei casi utilizzo quasi sempre un font per tutto il sito.

Ovviamente poi andrò a bilanciare la dimensione tra grassetti, persone like o versione regular.

Però in linea generale cerco di utilizzare solamente un Google fonte.

Un altro aspetto molto importante che si è sviluppato negli anni è quello della Dark mod.

Probabilmente ti sarai già accorto, a partire dalle app mobile, dagli smartphone, dai vari sistemi operativi fino ai siti web, che è disponibile anche la versione dark e quindi la versione completamente scura delle app o di alcune versioni di siti web.

Questo perché? Perché è in grado di um risaltare alcuni elementi, alcuni colori, alcune immagini all'interno delle piattaforme e un altro aspetto molto importante è che affaticano meno la visita la vista quando gli utenti leggono le pagine web.

Quindi mettiamoci anche nei panni di un lettore che sta leggendo i contenuti del nostro blog.

Sicuramente possiamo considerare la dark mode in modo tale da affaticare meno la vista degli utenti.

Un altro aspetto fondamentale è sicuramente quello di rendere la navigazione mobile sempre più facile.

Quindi una volta che um avete deciso la struttura del vostro sito web a livello di design dovete andare a capire come costruire e organizzare bene tutte le sezioni, specialmente per la navigazione mobile.

Oggi la maggior parte degli accessi avvengono da mobile e quindi questa è una delle parti più importanti.

Negli ultimi anni ormai si sviluppa nella maggior parte dei casi il sito web, prima pensandolo per la versione mobile e poi per la versione desktop.

Un altro aspetto molto importante è quella legata agli spazi bianchi, perché gli spazi bianchi spesso sono poco considerati all'interno dei siti web, ma in realtà non devono essere visti come dei vuoti inutili che non hanno senso.

Non sono messi lì casualmente.

In realtà sono sono messi in determinate posizioni per dar modo di far respirare le sezioni e per e per esaltare anche altri elementi.

In questo esempio io ho preso il sito di Google, non un sito a caso dove come vedete ai lati c'è molto spazio bianco.

E questo perché? Perché ci dà modo di concentrarci direttamente su quello che c'è all'interno.

Quindi considerate gli spazi bianchi chiaramente non abusate.

Ma non preoccupatevi se tra una sezione e l'altra c'è troppo spazio bianco sarà più utile all'utente.

Quindi in linea generale in questo caso cercate di evitare tutte quelle sezioni molto attaccate tra loro.

Andiamo avanti.

Un altro aspetto importante è è anche quello delle illustrazioni e delle animazioni.

Qui ho preso due siti in in esame.

Come vedete, questo sito web è molto creativo allo scroll ci sono diverse cose che si animano è stato sono state sviluppate delle immagini, delle illustrazioni ad hoc e questo è un aspetto molto importante che può dare quel boost in più all'aspetto grafico del vostro sito web.

Quindi se collaborate, se siete dei grafici, se se siete degli esperti di animazione e illustrazione o collaborate con una figura di questo tipo, valutate insieme di inserire qualcosa legato con questo stile, perché sicuramente è in grado di dare quella marcia in più al vostro progetto.

Più che altro anche quella personalizzazione in più e anche un ricordo in più che, um farete scattare nella nella mente del vostro potenziale visitatore.

Un altro aspetto importante è quello del insite.

Tradotto i tempi di caricamento e quanto è veloce un sito web perché ovviamente più un sito web è lento e più visitatori andrete a perdere, fate pure i test su pad punto web punto dev inserite il link del vostro sito web e andrete a misurare la velocità del vostro sito web, quindi sostanzialmente riceverete dei parametri e dei risultati in base ad una scala da uno a cento.

E la velocità è importante perché è anche un fattore di ranking ora ed è oltre ad essere un fattore di ranking, è anche importante per l'esperienza utente che che ha all'interno della vostra piattaforma.

Un altro aspetto importante legato proprio alla velocità è quello dei web.

Cos sono dei parametri delle metriche di Google che um sono tra le altre cose, eh? Raggruppati una volta che fate il test e sono legati alla velocità all'interazione e alla parte grafica di stabilità visiva.

Ogni volta che le vostre pagine web si aprono sono rispettivamente l' l C P, l'argent pate, il feed e il C l S che riguarda la stabilità visiva.

Questi parametri, di cui abbiamo parlato in una lezione dedicata, devono essere tutti rispettati e ve li ritrovate qui ogni volta che fate, fate un test su Google e mi raccomando, dovete rispettarli, perché se così non fosse, probabilmente non verrete posizionati come sperate.

Quindi mi raccomando, curate anche questo aspetto.

In linea generale, um l'ultimo aspetto importante di cui voglio parlarvi è legato anche all'aspetto contenutistico del sito e quindi quello che riguarda le le immagini.

In generale in molti siti web si possono utilizzare immagini, grafiche, illustrazioni e infografiche, ma per presentare dei concetti o per presentare a voi stessi potete utilizzare anche dei video.

Il video sicuramente è uno dei dei format che si è sviluppato di più negli ultimi anni anni, a partire dai vari canali social, Instagram e TikTok, ma è molto importante anche all'interno dei siti web, quindi ad esempio in una immagine di copertina, in una in una copertina dove presentate voi stessi in una home o in una presentazione di un servizio considerate di inserire magari un video dove voi presentate.

Il servizio, quindi è molto importante.

Vi dà molta più valore e autorevolezza il fatto di mostrarvi e descrivere vivere a parole video perché, come già sappiamo, gli utenti non hanno molto tempo di leggere.

Quindi probabilmente sarà più semplice per un utente visualizzare un video piuttosto che andarsi a leggere tutti i paragrafi e i dettagli che sono presenti nella pagina.

Quindi, facendo un breve recap, abbiamo visto in questa lezione tutto quello che riguarda le indicazioni di web design che devi assolutamente conoscere prima di scegliere e definire tutto lo stile l'asset grafico del tuo sito web.