Branding

Branding con i gradienti: un’identità a gradiente tutta tua

I gradienti sono ovunque, ed è proprio questo il problema. Ecco come trasformarne uno in un’identità che le persone riconoscono, invece che in uno sfondo che chiunque potrebbe usare.

GradientlyAccount Gradiently verificato··7 min di lettura
Copertina: Dahlia Shadow · GR·WASZ·E3

In breve

  • Il branding con i gradienti significa usare una specifica sfumatura di colori come parte centrale e riconoscibile di un brand, come altri brand usano un singolo colore.
  • Un gradiente funziona come branding solo quando è coerente: gli stessi colori, la stessa direzione, la stessa texture e lo stesso comportamento ovunque compaia il brand.
  • I gradienti più diffusi sono condivisi da migliaia di brand, quindi un gradiente costruito da un preset raramente diventa riconoscibile da solo.
  • Le identità a gradiente più forti aggiungono qualcosa di più difficile da copiare del colore: un materiale, una texture, un modo di muoversi o un modo di fare spazio alle parole.
  • Ogni identità a gradiente ha bisogno di un colore piatto di riserva per le dimensioni piccole, la stampa a un colore e i posti in cui i gradienti non si possono rendere.
In questa pagina

Il branding con i gradienti consiste nell’usare una particolare sfumatura di colori come parte centrale di come le persone ti riconoscono, come un altro brand potrebbe possedere un solo rosso. Fatto bene, il gradiente diventa una firma: le persone vedono l’angolo di un post o una striscia di un header e sanno di chi è prima di leggere una parola. Fatto male, diventa uno sfondo gradevole che potrebbe appartenere a chiunque, perché di fatto già appartiene a chiunque.

Questa guida spiega perché i gradienti sono diventati firme di brand, perché la maggior parte di loro non riesce a essere riconoscibile e i passi pratici per costruirne uno che puoi chiamare tuo. Se l’argomento è nuovo per te, comincia da cos’è un gradiente e dai tipi di gradiente.

Perché i brand sono passati dal colore piatto ai gradienti

Il flat design ha dominato gli schermi per anni perché era pulito, veloce e facile da mantenere coerente. Ma il colore piatto ha un tetto: esistono solo un certo numero di tinte distinguibili, e la maggior parte delle categorie ha già un colore che usano tutti. Un gradiente moltiplica le opzioni. Due o tre colori, una direzione e una texture danno uno spazio di combinazioni abbastanza grande da trovare qualcosa di distintivo.

I gradienti sembrano anche vivi sugli schermi. Una sfumatura suggerisce luce, profondità e movimento come un singolo colore non riesce a fare, ed è per questo che compaiono così spesso su icone di app, pagine di lancio e film di prodotto.

Un’identità a gradiente su un post nel feed…

…e su una storia. Stesso materiale, un compito diverso.

Perché la maggior parte del branding con i gradienti non è riconoscibile

La stessa cosa che ha reso facili i gradienti li ha resi comuni. Gli strumenti di design forniscono gli stessi preset, i generatori suggeriscono gli stessi abbinamenti e le tendenze spingono tutti verso la stessa sfumatura dal viola al rosa o dal blu al verde acqua nello stesso momento. Quando migliaia di brand partono dalle stesse poche centinaia di gradienti, quei gradienti smettono di appartenere a qualcuno.

Sfumature a due colori familiari. Ognuna è attraente, e ognuna è usata da così tanti brand che nessuna dice chi sei.

C’è una seconda trappola: l’incoerenza. Un brand usa un gradiente sul sito, uno leggermente diverso sui social e un terzo nelle slide perché qualcuno lo ha ricostruito a memoria. La riconoscibilità nasce dalla ripetizione, e la ripetizione richiede che il gradiente sia lo stesso ogni volta. La nostra guida alla coerenza del brand spiega meglio perché.

Cosa rende un gradiente davvero tuo

Il solo colore è facile da prendere in prestito. Ciò che rende difficile copiare un’identità a gradiente è tutto ciò che sta attorno al colore. Pensa a un’identità a gradiente come a una ricetta e non a un campione.

IngredienteCosa faQuanto è difficile da copiare
ColoriLa prima cosa che le persone notanoFacile: chiunque può campionare un codice esadecimale
Direzione e strutturaCampi lineari, radiali, mesh o fluidiDa facile a moderato
Materiale e textureGrana, seta, vetro, carta, luceDifficile: sta nel modo in cui si comporta la superficie
MovimentoCome il colore deriva o scorreDifficile: serve lo stesso sistema per riprodurlo
Comportamento con le paroleCome il campo fa spazio al testoMolto difficile senza lo stesso sistema
Più scendi nella lista, più un gradiente diventa tuo.

È il ragionamento alla base degli asset distintivi del brand: gli elementi che scatenano il riconoscimento da soli, senza un logo. Un gradiente diventa uno di questi asset solo quando la sua ricetta completa resta coerente. Approfondisci negli asset distintivi del brand.

Come costruire un’identità a gradiente, passo dopo passo

  1. 1

    Parti da ciò che vuoi che le persone sentano

    Scrivi tre parole per il carattere del tuo brand, come calmo, preciso, caldo. Decidono temperatura, contrasto e texture prima ancora che tu guardi un solo colore. La personalità del brand ha un metodo semplice.

  2. 2

    Scegli un fondo

    Decidi se il tuo gradiente vive su un fondo scuro o chiaro. I fondi scuri fanno brillare il colore; quelli chiari sembrano arieggiati e stampati. La maggior parte delle identità ne sceglie uno e lo mantiene.

  3. 3

    Scegli da tre a cinque colori, non due

    Le sfumature a due colori sono le più copiate. Una piccola famiglia di colori affini con un accento dà profondità e più possibilità di essere distintivi. Controlla che le transizioni non diventino grigie al centro; vedi i gradienti sporchi.

  4. 4

    Aggiungi un materiale

    Grana, una lucentezza di seta, una luce morbida o la grana della carta cambiano come si leggono gli stessi colori. Qui sta gran parte del carattere, ed è la parte che un selettore di colori non può copiare.

  5. 5

    Decidi come si comporta con le parole

    Il tuo gradiente porterà titoli, prezzi e date. Decidi dove sta il testo e come lo sfondo gli fa spazio. Testo su un gradiente tratta le opzioni.

  6. 6

    Imposta un colore piatto di riserva

    Scegli un colore pieno dal gradiente per favicon, dimensioni minuscole, ricami e stampa a un colore. Un’identità a gradiente senza riserva si rompe alle dimensioni piccole.

  7. 7

    Mettilo per iscritto e usalo ovunque

    Registra colori, direzione, texture e riserva nella tua guida di stile del brand, poi applicalo a ogni formato nella stessa settimana.

Una famiglia di gradiente: un fondo scuro, tre colori collegati e un riflesso caldo. Il riflesso è usato con parsimonia, ed è ciò che lo rende memorabile.

Mantenere coerente un gradiente in ogni formato

Un post quadrato, una storia verticale e un banner tre a uno sono problemi diversi. Stirare una stessa immagine di gradiente su tutti li deforma e sposta la sua parte più luminosa nel punto sbagliato. La soluzione è trattare il gradiente come qualcosa che generi per ogni forma, non come un’immagine che ritagli.

Post 4:5

1080 × 1350

Storia 9:16

1080 × 1920

Intestazione X 3:1

1500 × 500

Slide 16:9

1920 × 1080

La stessa identità, generata per ogni formato invece di essere ritagliata da un’unica immagine.

Da evitare

  • Ricostruire il gradiente a memoria a ogni nuovo file
  • Ritagliare un’unica immagine larga in ogni formato
  • Un gradiente diverso per ogni piattaforma
  • Nessun colore piatto per le dimensioni piccole

Da fare

  • Una ricetta scritta che tutti usano
  • Generare il gradiente per ogni dimensione
  • Un’unica identità, con variazioni in impaginazione e parole
  • Un solo colore di riserva scelto dalla famiglia

Possedere un gradiente fino in fondo

Anche un gradiente costruito con cura può essere campionato e riutilizzato da qualcun altro. Ecco perché Gradiently tratta un’identità a gradiente come un Mark: una ricetta viva di colori, materiali, luce, grana e movimento che viene generata dietro tutto ciò che progetti, con un codice pubblico e esattamente un proprietario alla volta. Prima che un nuovo Mark venga pubblicato viene confrontato con tutti gli altri, e qualsiasi cosa troppo vicina viene rifiutata, così l’aspetto che riservi non sta nel feed di qualcun altro.

Dahlia Shadow

GR·WASZ·E3

Dahlia Shadow

Vedi questo Mark
Un Mark è un’identità a gradiente con un proprietario: la sua pagina mostra il codice, chi l’ha creato e chi lo possiede ora.

Puoi sfogliare migliaia di Mark nel Mercato, progettare con qualsiasi di loro gratis e riservare quello in cui ti riconosci. Oppure creare il tuo nella Forge, da una frase o controllo per controllo.

Le domande più frequenti

Cos’è il branding con i gradienti?

Il branding con i gradienti è usare una specifica sfumatura di colori come parte centrale e riconoscibile dell’identità di un brand, applicata con coerenza a ogni formato, un po’ come un colore firma del brand.

Si può registrare un gradiente come marchio?

La tutela di colori e combinazioni di colori dipende dal paese e di solito richiede di dimostrare che le persone associano già quei colori al tuo brand. Per le questioni legali, rivolgiti a un professionista dei marchi.

Quanti colori deve avere il gradiente di un brand?

Da tre a cinque colori affini di solito funzionano meglio: abbastanza per profondità e distintività, abbastanza pochi da restare coerenti. Le sfumature a due colori sono le più facili da copiare.

I loghi con gradiente funzionano alle dimensioni piccole?

Spesso no. Ogni identità a gradiente dovrebbe includere un colore piatto di riserva per favicon, piccole icone e stampa a un colore, preso dalla famiglia del gradiente.

Come rendo unico il mio gradiente?

Vai oltre il colore: aggiungi un materiale o una texture, decidi come si muove e come fa spazio alle parole e mantienilo identico ovunque. Con Gradiently puoi anche riservare un Mark, un’identità a gradiente con esattamente un proprietario.

Condividi questa guida

Scritto da GradientlyAccount Gradiently verificato

Il team dietro Gradiently, uno strumento di design costruito attorno ai Mark: gradienti vivi che fanno sembrare tuo tutto ciò che progetti.

Vedi il nostro profilo
Tutte le guide su Branding