Ogni graphic designer ha qualche vecchio lavoro che oggi preferirebbe non rivedere. Un logo esportato male, un volantino con troppi font, una foto allargata fino a perdere le proporzioni. Non è un dramma. Fa parte del mestiere.
Il problema nasce quando questi errori diventano abitudini. Nei primi progetti è facile concentrarsi sull’effetto finale e dimenticare le basi: tipografia, griglia, contrasto, immagini, spazio bianco e accessibilità. Sono dettagli solo in apparenza. In realtà decidono se un layout si legge, se una fotografia stock funziona, se una call to action si nota e se un contenuto sembra professionale oppure improvvisato.
Questa guida raccoglie gli errori più comuni dei nuovi graphic designer e li traduce in controlli pratici da usare prima di consegnare o pubblicare un progetto.
Troppi font nello stesso layout
La tipografia è uno dei punti in cui si vede subito la maturità di un progetto. Usare molti font non rende un layout più ricco. Spesso lo rende solo più confuso.
Una buona regola di partenza è usare al massimo due famiglie tipografiche: una per titoli e punti di attenzione, una per testi lunghi e contenuti secondari. La varietà può arrivare dai pesi, dalle dimensioni e dagli stili, non per forza da un nuovo carattere ogni volta.
Per il web, una scala semplice può bastare:
- titolo tra 32 e 48 px
- sottotitolo tra 18 e 24 px
- corpo tra 14 e 16 px
- interlinea del corpo tra 1.4 e 1.6
- interlinea dei titoli tra 1.1 e 1.3
Anche tracking e kerning meritano attenzione, soprattutto nei titoli. Un titolo può avere il font giusto e sembrare comunque sbagliato se le lettere sono troppo strette, troppo larghe o mal distribuite.
Gerarchia poco chiara
Un layout deve dire al lettore dove guardare prima. Se titolo, sottotitolo, testo, pulsanti e didascalie hanno tutti lo stesso peso, l’utente deve fare fatica per capire cosa conta.
La gerarchia visiva nasce da scelte semplici: dimensione, peso, contrasto, posizione e spazio. Prima di decorare, conviene definire tre livelli chiari:
- titolo
- sottotitolo o informazione secondaria
- corpo del testo
Il titolo deve essere riconoscibile a colpo d’occhio. Il corpo deve restare leggibile. Le informazioni secondarie non devono competere con il messaggio principale.
Un errore frequente è usare il colore per risolvere tutto. Il colore aiuta, ma non sostituisce una buona gerarchia tipografica. Se togli il colore e il layout non si capisce più, probabilmente la struttura è debole.
Griglie ignorate o usate troppo tardi
La griglia non serve a rendere tutto rigido. Serve a dare coerenza.
Molti nuovi designer iniziano a posizionare testi, immagini e pulsanti “a occhio”, poi cercano di sistemare il layout alla fine. Di solito è il contrario che funziona meglio: prima si imposta la griglia, poi si distribuiscono gli elementi.
Per il web, una griglia a 12 colonne con gutter tra 16 e 24 px è un buon punto di partenza. Per la stampa, spesso bastano 3 o 4 colonne. L’importante è mantenere rapporti coerenti tra margini, gutter e blocchi di contenuto.
Nei testi lunghi, l’allineamento a sinistra resta quasi sempre la scelta più leggibile. I layout centrati possono funzionare per titoli brevi o composizioni molto controllate, ma diventano faticosi quando il testo aumenta.
Una griglia fatta bene aiuta anche nei layout asimmetrici. L’asimmetria non significa mettere gli elementi a caso. Significa bilanciare pesi diversi dentro una struttura che tiene insieme tutto.
Colori scelti solo per gusto personale
Il colore non deve solo piacere. Deve funzionare.
Una palette efficace ha un colore principale, un colore secondario e uno o due neutri. La regola 60-30-10 può essere utile: 60 per cento al colore dominante, 30 per cento al secondario, 10 per cento all’accento. Non è una legge, ma aiuta a evitare layout dove ogni colore urla con la stessa intensità.
I colori saturi rendono meglio quando sono usati come accenti: un bottone, un dettaglio, una parola chiave, un elemento che deve attirare l’attenzione. Se tutto è saturo, niente spicca davvero.
C’è poi il tema del contrasto. Per il testo normale, il rapporto minimo consigliato dalle linee guida WCAG AA è 4.5:1. Per il testo grande, almeno 3:1. Non basta guardare lo schermo e pensare “si legge”. Il contrasto va controllato con uno strumento, perché schermi diversi e condizioni di luce diverse possono cambiare molto la percezione.
Immagini deformate, pesanti o poco adatte
Una buona immagine può salvare un layout. Una cattiva immagine può rovinarlo subito.
Gli errori più comuni sono tre: usare immagini a bassa risoluzione, deformarle per farle entrare nello spazio disponibile, scegliere foto senza un vero punto focale. Se devi inserire testo sopra un’immagine, cerca fotografie con spazio negativo. Se il soggetto è troppo pieno o troppo vicino ai bordi, il testo finirà per combattere con la foto.
Il rapporto d’aspetto va mantenuto. Allargare o schiacciare una foto è uno di quegli errori che anche un occhio non esperto percepisce subito, magari senza sapere spiegare perché.
Anche il formato conta:
- JPEG per fotografie
- PNG per elementi con trasparenza
- WebP quando serve ottimizzare il peso sul web
Prima della pubblicazione, prepara versioni desktop e mobile. Un’immagine perfetta su desktop può diventare inutile su smartphone se il soggetto viene tagliato male.
Spazio negativo trattato come spazio vuoto
Lo spazio negativo non è spazio sprecato. È una parte attiva della composizione.
Lasciare respiro attorno a un titolo, a un’immagine o a una call to action rende il contenuto più leggibile e più forte. Riempire ogni angolo del layout, invece, dà spesso un’impressione amatoriale.
Un esempio pratico: se devi costruire una hero image con testo, puoi posizionare il soggetto a sinistra e lasciare almeno il 30 per cento di spazio libero a destra. In quel punto potrai inserire titolo, sottotitolo o bottone senza coprire la parte più importante della fotografia.
La regola dei terzi può aiutare a trovare il punto focale, ma non va usata in modo meccanico. Serve a chiedersi dove cade lo sguardo e se il layout accompagna l’utente nella direzione giusta.
Accessibilità lasciata alla fine
L’accessibilità non è una rifinitura. È parte del design.
Un progetto può essere bello e allo stesso tempo difficile da usare. Testi troppo piccoli, contrasti deboli, bottoni poco visibili, immagini informative senza testo alternativo e stati di focus assenti creano problemi reali.
Alcuni controlli minimi dovrebbero entrare nella routine:
- corpo testo web non inferiore a 14 px
- contrasto di almeno 4.5:1 per testo normale
- contrasto di almeno 3:1 per testo grande
- testo alternativo per immagini informative
- elementi interattivi raggiungibili da tastiera
- focus visibile su link, pulsanti e campi
Se un layout funziona solo per chi vede perfettamente, usa un monitor grande e naviga con il mouse, allora non è ancora finito.
Una checklist prima della consegna
Prima di pubblicare un progetto, vale la pena fare un controllo finale. Non deve essere complicato. Deve essere costante.
Tipografia: ci sono al massimo due famiglie di font? La gerarchia è chiara? L’interlinea rende il testo leggibile?
Griglia: margini, colonne e gutter sono coerenti? Gli elementi sembrano allineati o solo appoggiati?
Colore: la palette ha un colore dominante, un secondario e un accento? Il contrasto è stato verificato?
Immagini: la risoluzione è adeguata? Il rapporto d’aspetto è corretto? Esistono versioni desktop e mobile?
Spazio: ci sono aree di respiro o il layout è troppo pieno?
Accessibilità: testi, alt text, focus e navigazione da tastiera sono stati controllati?
Performance: le immagini sono ottimizzate? Il lazy loading è previsto dove serve?
Conclusione
Diventare bravi nel graphic design non significa evitare ogni errore fin dall’inizio. Significa imparare a riconoscerli prima che arrivino al cliente, alla stampa o alla pubblicazione online.
Tipografia, griglie, colore, immagini e accessibilità non sono dettagli separati. Lavorano insieme. Quando sono curati, il progetto sembra più chiaro, più solido e più facile da usare. Quando vengono trascurati, anche una buona idea perde forza.
La differenza, spesso, sta in pochi controlli fatti con metodo.
