# Linguaggio visivo: la grammatica dietro l’aspetto di un brand

[Canonical HTML page](https://gradiently.design/it/guide/visual-brand-language)

Un logo è una parola. Un linguaggio visivo è la grammatica che permette a un brand di dire cose nuove e di suonare comunque come sé stesso. Ecco le sue parti e un modo per scrivere le tue regole su una sola pagina.

## The short version

- Un linguaggio visivo è il vocabolario di un brand fatto di colori, caratteri, forme, immagini, superfici e movimento, più le regole su come si combinano.
- Le regole contano più degli elementi, perché due brand possono condividere un colore o un font e sembrare comunque completamente diversi.
- Un linguaggio visivo utile sta in una pagina e risponde a domande pratiche, come dove va il titolo e quanta parte del frame può coprire l’accento.
- Un linguaggio visivo funziona quando qualcuno riconosce il tuo post con il logo coperto.
- La maggior parte dei brand ha bisogno di meno elementi di quanto pensi, usati con più disciplina.

Un **linguaggio visivo** è l’insieme degli elementi che un brand usa (colore, carattere, forma, immagini, superficie e movimento) insieme alle regole su come questi elementi si combinano. Pensa agli elementi come al vocabolario e alle regole come alla grammatica. Il solo vocabolario dice pochissimo: molti brand usano il blu notte e un sans geometrico. È la grammatica, quanto grande corre il testo, dove sta il colore, cosa non è mai ammesso, a rendere un design inconfondibilmente di un brand.

Questa distinzione è il motivo per cui un linguaggio visivo va oltre un logo o una palette. È ciò che permette a un designer, a un freelance o a un’AI di creare qualcosa di nuovo un martedì pomeriggio che sembra comunque venire dallo stesso posto di tutto il resto. Sta dentro la tua [identità visiva](https://gradiently.design/it/guide/visual-identity) più ampia ed è la parte che le persone sentono davvero.

## Gli elementi di un linguaggio visivo

Il vocabolario di ogni brand attinge alle stesse sei famiglie. Non serve qualcosa di straordinario in tutte e sei. Serve una decisione chiara in ciascuna e, in una o due, una vera distintività.

| Elemento | La decisione | Una regola scritta potrebbe dire |
| --- | --- | --- |
| Colore | Un fondo, un colore principale, un accento e le loro proporzioni | Fondo inchiostro su tutto; l’accento corallo copre meno di un decimo di ogni frame |
| Carattere | Un carattere per i titoli, uno per il testo, dimensioni e maiuscole | Titoli con la maiuscola solo all’inizio, mai più di sette parole |
| Forma | Angoli, linee, contenitori, stile delle icone | Angoli morbidi sulle foto, angoli vivi sui pannelli di testo |
| Immagini | Cosa mostrano le foto e come sono trattate | Persone al lavoro, mai in posa; foto virate nel duotone del brand |
| Superficie | Piatta, granulosa, lucida, di carta, illuminata | Ogni sfondo ha una grana fine e luce dall’alto a destra |
| Movimento | Velocità, easing, cosa si muove e cosa resta fermo | Gli sfondi scorrono lentamente; le parole non si muovono più una volta arrivate |

Sei famiglie di elementi e il tipo di regola che trasforma ognuna da scelta in linguaggio.

Nota che ogni regola nella colonna a destra è abbastanza specifica da poterci discutere. «Moderno e pulito» non è una regola. «Titoli mai oltre le sette parole» lo è, perché puoi controllare un design rispetto a lei. [Gerarchia visiva](https://gradiently.design/it/guide/visual-hierarchy) e [font di brand](https://gradiently.design/it/guide/brand-fonts) approfondiscono le decisioni sui caratteri.

## Grammatica: le regole che lo rendono tuo

È nella grammatica che un linguaggio visivo diventa riconoscibile come tuo. Due brand possono scegliere entrambi il viola, ma uno inonda tutto il frame e usa testo bianco, mentre l’altro tiene un fondo di carta calda e lascia comparire il viola solo come una linea sottile. Stessa parola, frasi diverse.

- Fondo inchiostro: #14111f
- Viola profondo: #3b2a6b
- Viola principale: #8b6cf0
- Lilla pallido: #efe9ff
- Accento corallo: #ff7a59

Gli stessi cinque colori possono dare vita a due brand molto diversi. La palette è vocabolario; proporzione e posizione sono grammatica.

Le regole da mettere per iscritto sono di quattro tipi:

- **Proporzione:** quanto di un frame può occupare ogni colore, immagine o blocco di testo. La [regola 60 30 10](https://gradiently.design/it/guide/60-30-10-rule) è un buon punto di partenza.
- **Posizione:** dove stanno le cose. Logo in basso a sinistra, titolo nel terzo superiore, accento solo su un bordo.
- **Ritmo:** come i design si ripetono in un feed o in una presentazione. Per esempio, un post ogni tre è solo testo.
- **Sobrietà:** cosa non si fa mai. Niente contorni sul testo, non più di due dimensioni di carattere per frame, niente foto stock di strette di mano.

> **Il test del logo coperto** Copri con la mano il logo sui tuoi ultimi sei post. Se un estraneo riesce ancora a capire che sono tutti tuoi, il tuo linguaggio visivo funziona. Se no, cerca la famiglia in cui non hai nessuna regola.

## Esempi di linguaggio visivo in pratica

Ecco un piccolo brand, un laboratorio di ceramica di quartiere, che parla con un solo linguaggio visivo in due messaggi molto diversi. Le regole: un fondo scuro con un solo colore illuminato, titoli brevi con la maiuscola solo all’inizio, piccoli dettagli in una riga sotto e nient’altro nel frame.

Un post Instagram verticale per un laboratorio di ceramica che annuncia il ritorno dei corsi al tornio, con un titolo breve su uno sfondo scuro illuminato

Un annuncio: una frase, una riga di dettaglio, la superficie che fa il lavoro del brand.

Un post verticale con una citazione per lo stesso laboratorio di ceramica, con lo stesso sfondo, carattere e proporzioni dell’annuncio

Un post con una citazione: un compito diverso, la stessa grammatica, così sembra lo stesso laboratorio.

Nessuno dei due post ha bisogno di un logo per essere riconosciuto, una volta che il pubblico ne ha visti alcuni. È il vantaggio di una grammatica coerente, ed è ciò su cui si basano gli [elementi distintivi del brand](https://gradiently.design/it/guide/distinctive-brand-assets).

## Come scrivere il tuo linguaggio visivo in una pagina

1. **Raccogli ciò che già fai** Stendi i tuoi ultimi venti design. Cerchia ciò che si ripete per abitudine e ciò che cambia ogni volta. Le abitudini sono già il tuo linguaggio; il caos è dove mancano le regole.
2. **Scegli una firma** Scegli l’unico elemento per cui vuoi essere conosciuto. Per molti piccoli brand il candidato più forte è lo sfondo, perché riempie la maggior parte di ogni frame.
3. **Scrivi una regola per famiglia** Colore, carattere, forma, immagini, superficie, movimento. Una frase ciascuno, abbastanza specifica da poter essere superata o fallita da un design.
4. **Aggiungi tre cose che non fai mai** Le regole di sobrietà sono il modo più rapido per fermare la deriva. Scrivile come semplici divieti.
5. **Provalo su tre lavori diversi** Fai un post di saldi, un post di assunzioni e una citazione con le sole regole. Se uno somiglia a un’altra azienda, stringi la regola che l’ha lasciato vagare.

### Vago

- Usa i colori del brand
- Mantienilo pulito e moderno
- I font devono dare un senso di calore
- Le immagini devono essere in linea con il brand

### Utilizzabile

- Fondo inchiostro; corallo sotto un decimo del frame
- Un titolo, una riga di dettaglio, nient’altro
- Sans arrotondato per i titoli, maiuscola solo all’inizio
- Foto virate nel duotone del brand, solo persone

Tieni la pagina finita dove tutti quelli che creano cose possono vederla. Una [guida di stile del brand](https://gradiently.design/it/guide/brand-style-guide) completa può venire dopo; la pagina singola è quella che la gente legge davvero.

## Mantenere coerente il linguaggio visivo mentre cresci

I linguaggi vanno alla deriva quando più persone iniziano a parlarli. Il rimedio è mettere le regole dentro gli strumenti invece che in un documento che nessuno apre. I template aiutano, ma congelano i layout più di quanto portino una voce.

Qui Gradiently si inserisce in modo naturale. Un Mark porta da solo gran parte di un linguaggio visivo: la famiglia di colori, i materiali, la luce, la grana, il movimento e una voce tipografica, disegnati dal vivo dietro ogni design e a ogni dimensione. Le sue funzioni di leggibilità tengono le parole leggibili ovunque finiscano, così le regole di posizione reggono anche quando a creare il post è qualcuno di nuovo. Con font, loghi e voce nel brand kit, il Designer lavora dentro quelle regole quando imposta nuovi design.

## FAQ

### Cos’è un linguaggio visivo nel design?

È l’insieme degli elementi visivi che un brand o un prodotto usa, come colore, carattere, forma, immagini, superficie e movimento, più le regole per combinarli così che ogni design suoni come una sola voce.

### Che differenza c’è tra linguaggio visivo e identità visiva?

L’identità visiva è l’intero sistema di elementi, logo compreso. Il linguaggio visivo è la grammatica al suo interno: come quegli elementi si comportano e si combinano in qualsiasi nuovo design.

### Quali sono gli elementi di un linguaggio visivo?

Di solito colore, tipografia, forma, immagini, superficie o texture e movimento. Ognuno richiede almeno una regola chiara e verificabile.

### Come capisco se il mio linguaggio visivo funziona?

Copri il logo su una serie di design recenti. Se le persone capiscono ancora che vengono tutti da te, il linguaggio sta facendo il suo lavoro.