Tutto sul design visivo

La teoria del colore spiega come le tinte si relazionano, si combinano e influenzano la percezione su schermo e in stampa. Questo capitolo tratta…

La psicologia del colore studia come i colori influenzano umore, memoria e azioni. Questo capitolo tratta della psicologia del colore e come usarla…

La psicologia del colore nel marketing collega le scelte di palette agli obiettivi delle campagne e alla personalità del brand. Questo capitolo tratta…

Usare la psicologia del colore nel branding significa scegliere tinte che corrispondono alla personalità che prometti ai clienti. Questo capitolo…

La psicologia del colore blu spesso suggerisce fiducia, calma e professionalità. Questo capitolo tratta della psicologia del colore blu e come usarla…

La psicologia del colore verde è di solito legata a crescita, salute e natura. Questo capitolo tratta della psicologia del colore verde e come usarla…

La psicologia del colore rosso può segnalare urgenza, passione o appetito, a seconda della sfumatura. Questo capitolo tratta della psicologia del…

Buoni abbinamenti di colori usano una tinta dominante, dei neutri e un colore d'accento per le azioni. Questo capitolo tratta degli abbinamenti di…

Una ruota dei colori dispone le tinte in modo da mostrare le relazioni tra colori primari, secondari e terziari. Questo capitolo tratta della ruota…

Una palette colori del brand elenca i colori approvati per loghi, web, stampa e grafiche social. Questo capitolo tratta della palette colori del brand…

Il contrasto cromatico misura la differenza di luminosità tra testo e sfondo. Questo capitolo tratta del contrasto cromatico e come usarlo sul tuo…

Gli schemi di colori sono insiemi pianificati di tinte usati in un design per creare armonia. Questo capitolo tratta degli schemi di colori e come…

Tra gli errori di colore più comuni nei siti ci sono il contrasto basso, troppe tonalità e pulsanti incoerenti. Questo capitolo tratta gli errori di…

Il design per i social media adatta in fretta la grafica del brand ai formati quadrati, verticali e orizzontali. Questo capitolo tratta il design per…

Il design per il marketing crea la grafica delle campagne su annunci, email, web e stampa. Questo capitolo tratta il design per il marketing e come…

Tra le buone pratiche per il design delle email ci sono layout a colonna singola, pulsanti grandi e facili da toccare e testo alternativo per le…

Il design delle newsletter unisce oggetti efficaci, sezioni facili da scorrere e un solo link principale. Questo capitolo tratta il design delle…

Il design dei banner web bilancia brand, chiarezza dell'offerta e peso dei file per le reti pubblicitarie e le promozioni sul sito. Questo capitolo…

Il design delle brochure organizza servizi, prove e modi per contattarti, per la stampa o il download in PDF. Questo capitolo tratta il design delle…

Il design di siti web accessibili permette alle persone con disabilità di percepire, esplorare e usare il tuo sito. Questo capitolo tratta il design…

Rendere un sito web conforme all'ADA richiede contrasto, testo alternativo, accesso da tastiera e una struttura chiara. Questo capitolo tratta la…

Il design di siti web conformi all'ADA segue standard riconosciuti per interfacce percepibili e utilizzabili. Questo capitolo tratta il design di siti…

Il design inclusivo crea prodotti utilizzabili dal maggior numero possibile di persone, senza versioni separate. Questo capitolo tratta il design…

Una dichiarazione di accessibilità del sito web documenta i tuoi standard, le lacune note e il canale per i feedback. Questo capitolo tratta la…

Le tendenze del web design nel 2025 premiano prestazioni, caratteri decisi, movimenti sottili e colori accessibili. Questo capitolo tratta le tendenze…

Tra le tendenze del graphic design per le aziende ci sono fotografia autentica, sistemi di brand flessibili e geometrie semplici. Questo capitolo…

Un'immagine hero è la grande immagine in cima a una pagina che sostiene il messaggio principale. Questo capitolo tratta l'immagine hero e come usarla…

Cos'è un'immagine hero su un sito web? In particolare, è l'immagine principale a forma di banner sulle pagine chiave. Questo capitolo tratta…

La SEO delle immagini ottimizza nomi dei file, testo alternativo, dimensioni e formato, così le immagini aiutano la visibilità nelle ricerche. Questo…

Gli esempi di testo alternativo descrivono contenuto e funzione dell'immagine in modo breve e semplice. Questo capitolo tratta gli esempi di testo…

Tra i tipi di file immagine più comuni ci sono JPEG, PNG, WebP, SVG e GIF, ognuno per usi diversi. Questo capitolo tratta i tipi di file immagine e…

L'ottimizzazione delle immagini per il web riduce il peso dei file mantenendo una qualità visiva accettabile. Questo capitolo tratta l'ottimizzazione…

Le immagini del sito web devono sostenere il tuo messaggio, rispecchiare il tono del brand e sembrare autentiche. Questo capitolo tratta le immagini…

La fotografia con spazio negativo lascia aree vuote che mettono in risalto il soggetto. Questo capitolo tratta la fotografia con spazio negativo e…

Le immagini di sfondo del sito web dovrebbero avere poco contrasto dietro al testo, oppure essere coperte da un overlay ben marcato. Questo capitolo…

Le foto stock funzionano quando sono abbinate alla tua palette, ritagliate in modo originale e mescolate a scatti reali. Questo capitolo tratta le…

Le dimensioni cambiano in base al social network e alla posizione, quindi i preset di esportazione fanno risparmiare tempo. Questo capitolo tratta le…

L'alt text descrive contenuto e scopo in circa centoventicinque caratteri, quando possibile. Questo capitolo tratta l'alt text delle immagini e come…

La qualità delle immagini per il branding comunica professionalità prima ancora che i visitatori leggano i testi. Questo capitolo tratta la qualità…

La gerarchia visiva ordina gli elementi, così chi guarda vede per prime le informazioni più importanti. Questo capitolo tratta la gerarchia visiva e…

Lo spazio negativo è l'area vuota attorno agli elementi di design e tra di essi. Questo capitolo tratta lo spazio negativo e come usarlo sul tuo sito…

Lo spazio bianco è uno spazio vuoto voluto, usato per dare chiarezza e concentrazione, non spazio sprecato. Questo capitolo tratta lo spazio bianco e…

Lo spazio bianco nel design separa le sezioni, mette in risalto i pulsanti e migliora la comprensione. Questo capitolo tratta lo spazio bianco nel…

I principi della Gestalt descrivono come le persone percepiscono gruppi, schemi e layout interi. Questo capitolo tratta i principi della Gestalt e…

La progettazione del layout dispone blocchi di contenuto, navigazione e media su una pagina o su uno schermo. Questo capitolo tratta la progettazione…

I tipi di layout del sito web comprendono schemi a colonna singola, divisi, a griglia e in stile rivista. Questo capitolo tratta il layout del sito…

L'equilibrio visivo nel design distribuisce il peso visivo, così la pagina appare stabile. Questo capitolo tratta l'equilibrio visivo nel design e…

L'allineamento nel design mette in linea bordi e linee di base, così i layout sembrano voluti. Questo capitolo tratta l'allineamento nel design e come…

Il contrasto nel design usa differenze di dimensione, colore e peso per mettere in risalto gli elementi chiave. Questo capitolo tratta il contrasto…

Spazio positivo e negativo insieme definiscono le forme e dirigono l'attenzione nelle composizioni. Questo capitolo tratta lo spazio positivo e…

La ripetizione nel design ripete colori, forme e spaziature per dare unità alle pagine. Questo capitolo tratta la ripetizione nel design e come usarla…

Il design dell'identità del brand è il sistema visivo e verbale che rende riconoscibile un brand. Questo capitolo tratta il design dell'identità del…

Il brand design è il lavoro strategico e visivo che dà forma a come viene percepita un'attività. Questo capitolo tratta il brand design e come usarlo…

I tipi di logo comprendono wordmark, lettermark, marchi figurativi, marchi astratti, mascotte e combinazioni. Questo capitolo tratta i tipi di logo e…

Un buon logo è semplice, memorabile, versatile e adatto al tuo pubblico. Questo capitolo tratta un buon logo e come usarlo sul tuo sito web e nei…

I tipi di graphic design per le aziende comprendono branding, marketing, web, packaging e motion. Questo capitolo tratta i tipi di graphic design e…

I consigli per chi ha un'attività includono un brief chiaro, l'analisi dei concorrenti e la consegna dei file in formato vettoriale. Questo capitolo…

L'identità visiva è l'aspetto complessivo di un brand: logo, colori, font, immagini e impaginazione. Questo capitolo spiega l'identità visiva e come…

Un'infografica presenta dati o passaggi in forma visiva, così le informazioni complesse si leggono in fretta. Questo capitolo spiega l'infografica e…

Creare un'infografica parte da una scaletta, dalla verifica dei dati, dalla gerarchia visiva e dall'esportazione per il web. Questo capitolo spiega la…

Un design system raccoglie componenti, token e regole per costruire interfacce coerenti. Questo capitolo spiega il design system e come applicarne le…

Una guida di stile del brand documenta l'uso del logo, i colori, i font, le immagini e il tono di voce. Questo capitolo spiega la guida di stile del…

Un brief di design spiega obiettivi, pubblico, materiali da consegnare, tempistiche ed esempi che ti piacciono o non ti piacciono. Questo capitolo…

La tipografia è l'arte e la tecnica di disporre i caratteri in modo che il testo sia leggibile e piacevole da vedere. Questo capitolo spiega la…

I font serif hanno piccoli tratti alle estremità delle lettere; i font sans serif no. Questo capitolo spiega la scelta tra serif e sans serif e come…

L'abbinamento dei font unisce due o più caratteri tipografici che si distinguono ma risultano coerenti tra loro. Questo capitolo spiega l'abbinamento…

I web safe font sono caratteri che con buona probabilità si vedono allo stesso modo su browser e dispositivi diversi. Questo capitolo spiega i web…

I migliori font per il testo di un sito web puntano sulla leggibilità anche a dimensioni piccole sugli schermi. Questo capitolo spiega i font migliori…

La leggibilità dei font dipende da dimensione, lunghezza della riga, interlinea e contrasto con lo sfondo. Questo capitolo spiega la leggibilità dei…

La gerarchia dei font usa dimensione, peso e spaziatura per mostrare quale testo conta di più. Questo capitolo spiega la gerarchia dei font e come…

La tipografia nel web design influisce su fiducia, comprensione e tempo di permanenza sulla pagina. Questo capitolo spiega la tipografia nel web…

I tipi di font comprendono le categorie serif, sans serif, slab, script e display. Questo capitolo spiega i tipi di font e come applicarne le idee sul…

Le regole tipografiche riguardano il numero massimo di font, una gerarchia coerente e spaziature adeguate. Questo capitolo spiega le regole…

Google Fonts per i siti web offre famiglie di font gratuite, ottimizzate per il web, che puoi inserire nel tuo sito. Questo capitolo spiega Google…

Tra gli errori di tipografia ci sono troppi font, poco contrasto e paragrafi lunghi centrati. Questo capitolo spiega gli errori di tipografia e come…

Il font del brand comunica la personalità prima ancora che i visitatori leggano una frase intera. Questo capitolo spiega il font del brand e come…

L'UX design si concentra su come si sentono e su come si muovono le persone quando usano un prodotto o un sito web. Questo capitolo spiega l'UX design…

L'UI design riguarda le superfici visive e interattive su cui gli utenti toccano e cliccano. Questo capitolo spiega l'UI design e come applicarne le…

UI vs UX mette a confronto l'aspetto dell'interfaccia con l'esperienza complessiva e il successo nello svolgere i compiti. Questo capitolo tratta la…

Il test di usabilità osserva persone reali mentre cercano di svolgere dei compiti sul tuo sito o su un prototipo. Questo capitolo tratta il test di…

I principi di UI design comprendono coerenza, feedback, visibilità e prevenzione degli errori. Questo capitolo tratta i principi di UI design e come…

Il design centrato sull'utente si basa su ricerca, feedback e test ripetuti con utenti reali. Questo capitolo tratta il design centrato sull'utente e…

L'UX design per le aziende collega percorsi più fluidi a una conversione e a una fidelizzazione più alte. Questo capitolo tratta l'UX design per le…

Il design di app mobile punta su zone raggiungibili con il pollice, navigazione semplice e stati offline. Questo capitolo tratta il design di app…

Per migliorare l'esperienza utente del sito, sistema navigazione, velocità, leggibilità e attriti nei moduli. Questo capitolo tratta il miglioramento…

L'usabilità del sito significa che i visitatori trovano le informazioni e completano le azioni senza fatica. Questo capitolo tratta l'usabilità del…

La coerenza del design ripete gli stessi schemi per pulsanti, spaziature e tono su tutte le pagine. Questo capitolo tratta la coerenza del design e…

Il test del design del sito combina analytics, sessioni di usabilità e confronti A/B. Questo capitolo tratta il test del design del sito e come usarlo…

Il web design consiste nel pianificare e curare l'aspetto, la lettura e il comportamento dei siti per i visitatori. Questo capitolo tratta il web…

Un sito mobile friendly si legge senza zoom, senza toccare link minuscoli e senza scorrimento orizzontale. Questo capitolo tratta l'ottimizzazione…

Il design mobile first parte dal layout per smartphone, poi aggiunge le funzioni per gli schermi più grandi. Questo capitolo tratta il design mobile…

Un restyling del sito aggiorna struttura, aspetto, contenuti e spesso anche la tecnologia dietro il sito. Questo capitolo tratta il restyling del sito…

Il design dell'header del sito comprende la posizione del logo, la navigazione e le azioni chiave visibili in alto. Questo capitolo tratta l'header…

Il design del footer del sito ripropone i dati di contatto, i link legali e la navigazione secondaria. Questo capitolo tratta il design del footer del…

La navigazione del sito dovrebbe usare etichette familiari ed evidenziare la sezione in cui si trova il visitatore. Questo capitolo tratta la…

Il design della homepage dovrebbe dire in pochi secondi chi aiuti, cosa offri e qual è il passo successivo. Questo capitolo tratta il design della…

L'above the fold è il contenuto visibile prima di scorrere la pagina, su una determinata dimensione dello schermo. Questo capitolo tratta l'above the…

Il design di una landing page si concentra su una sola offerta, con poche distrazioni dalla navigazione. Questo capitolo tratta la progettazione di…

Le best practice per il design delle landing page comprendono titoli chiari, elenchi facili da scorrere e segnali di fiducia. Questo capitolo tratta…

Il design dei pulsanti usa dimensione, colore, etichetta e posizione per invitare al clic. Questo capitolo tratta il design dei pulsanti e come usarlo…

Il design del sito di una piccola impresa deve dare priorità alle prestazioni su smartphone, a servizi chiari e a un contatto facile. Questo capitolo…

La grafica, o graphic design, è l'arte di combinare testo, immagini e impaginazione per comunicare un messaggio in modo visivo. Questo capitolo spiega…

Gli elementi del design sono linea, forma, colore, texture, spazio, volume e valore. Questo capitolo li spiega e mostra come usarli sul tuo sito e nei…

I principi del design guidano il modo in cui gli elementi si relazionano tra loro: equilibrio, contrasto, enfasi, movimento, pattern, ritmo, unità e…

I principi del design visivo sono regole pratiche per disporre testo, colore, immagini e spazio su schermi e pagine. Questo capitolo li spiega e…

Elementi e principi del design sono i due lati di un unico sistema: le parti e il modo in cui interagiscono. Questo capitolo li presenta insieme e…

I principi del design descrivono come disporre gli elementi visivi perché il risultato appaia intenzionale. Questo capitolo spiega quali sono e come…

Il design visivo consiste nel disporre gli elementi visivi in modo che le informazioni siano chiare, piacevoli e in linea con un obiettivo. Questo…

Il processo di design va dalla ricerca e dagli obiettivi fino a schizzi, feedback e rifinitura finale. Questo capitolo spiega come funziona e come…

Un wireframe è una semplice mappa del layout che mostra blocchi di contenuto e navigazione senza lo stile finale. Questo capitolo spiega che cos'è e…

I buoni esempi di design di siti web usano una navigazione chiara, testi leggibili, un marchio coerente e passi successivi evidenti. Questo capitolo…

Il design sbagliato di un sito web si riconosce da disordine, testi minuscoli, caricamenti lenti e menu confusi. Questo capitolo lo spiega e mostra…

Il costo del design di un sito web varia in base al numero di pagine, alle funzioni personalizzate, ai contenuti necessari e a chi fa il lavoro.…