Gradienti rossi: energia senza allarme

Un gradiente rosso è una sfumatura costruita attorno al rosso, dallo scarlatto brillante e dal cremisi fino al sangue di bue profondo e al corallo tenue, ed è il gradiente più energico che puoi mettere su uno schermo. Il segreto per usarlo bene è la misura: lascia che un solo punto porti la saturazione piena, sposta il resto verso un vino più profondo o verso arancioni e rosa più caldi, e tieni il rosso lontano dai punti in cui le persone si aspettano un avviso. Così il rosso si legge come calore e appetito, non come un messaggio d’errore.

Qui sotto trovi tre palette di rossi, nove codici di gradienti rossi da copiare, i valori di contrasto per il testo sul rosso e i contesti in cui il rosso funziona meglio. Per capire come i colori trasmettono significato, leggi la psicologia del colore.

Perché il rosso è più difficile da usare di quanto sembri

Il rosso è rumoroso per diversi motivi insieme. Il rosso dello schermo raggiunge una saturazione altissima, quindi domina tutto ciò che gli sta accanto. Le interfacce hanno abituato le persone a leggerlo come pericolo: stati di errore, pulsanti di eliminazione, batteria scarica e badge dei non letti sono quasi sempre rossi. E un rosso brillante messo accanto a un blu saturo può sembrare vibrare o stare a una profondità diversa, un effetto chiamato cromostereopsi, che rende faticoso leggere il testo in quell’abbinamento.

Tre palette di rossi: cremisi, sangue di bue e corallo

La maggior parte dei gradienti rossi riusciti viene da una di tre famiglie. Il cremisi tende leggermente al blu e sembra deciso e classico. Il sangue di bue e il vino sono rossi profondi e scuri che ricordano la pelle, il velluto e il vino rosso. Il corallo è un rosso sollevato verso l’arancione e il rosa, più morbido e amichevole. Scegli una famiglia prima di scegliere un gradiente, perché mescolarle tutte e tre in una sfumatura di solito dà un effetto sporco.

Codici di gradienti rossi da copiare

Questi gradienti tengono tutti il rosso come nota principale, ma differiscono per temperatura e profondità. I più scuri funzionano come sfondi pieni; i più brillanti sono migliori per pulsanti, badge, schede e brevi richiami d’attenzione.

Nota cosa hanno in comune i codici. Il punto brillante sta a un’estremità o in un punto preciso, mai su tutto il campo. I punti scuri sono rossi scuri, non nero o grigio, quindi la sfumatura mantiene il suo colore mentre scende. Se un gradiente rosso diventa marrone al centro, probabilmente lo hai sfumato verso un verde o un grigio; la nostra guida ai gradienti sporchi spiega perché.

Come gestire l’intensità del rosso

1. 1

   Scegli un solo punto brillante

   Decidi dove vive il rosso più saturo, di solito vicino a un titolo o al punto focale. Tutto il resto scende di luminosità o saturazione a partire da lì.

2. 2

   Dagli vicini scuri

   Rossi profondi come #7f1d1d e #4a0e0e fanno brillare per contrasto il punto più acceso, come una sola brace che arde in un fuoco scuro.

3. 3

   Sfuma verso colori caldi

   Arancione, corallo e rosa stanno accanto al rosso sulla ruota dei colori, quindi si fondono in modo pulito. Leggi colori analoghi per capire perché i vicini si comportano sempre bene.

4. 4

   Limita il rosso a una parte del design

   Il rosso è per natura un colore d’accento. Anche in un design guidato dal rosso, un’ampia area calma aiuta; la regola 60-30-10 è una buona proporzione di partenza.

5. 5

   Dai agli errori un altro colore

   Se il tuo brand è rosso, dai ai messaggi d’errore un trattamento chiaramente diverso, come un’icona più un rosso più scuro o tendente all’arancione, così un avviso non sembra mai marketing.

Testo su un gradiente rosso

Per il testo il rosso sta in una scomoda via di mezzo. Il rosso puro dello schermo è troppo scuro perché il testo nero sia comodo e troppo chiaro perché il bianco superi il minimo per il testo corrente. La soluzione è spingere lo sfondo più scuro quando vuoi il testo bianco, o più chiaro quando vuoi il testo scuro, e controllare il punto più chiaro del gradiente dietro le tue parole.

Dove i gradienti rossi funzionano meglio

Il rosso sta dove energia e appetito sono il punto. È comune nel food e nelle bevande, nello sport, nell’intrattenimento e nei saldi, e nel design delle feste; nella tradizione cinese il rosso è fortemente associato alla fortuna e alla celebrazione, ed è per questo che domina il design del Capodanno lunare. I significati cambiano da una cultura all’altra, quindi controlla la tua nel significato dei colori nel mondo.

• Food, caffè e ristoranti: i gradienti corallo e terracotta sembrano caldi e invitanti
• Sport e fitness: fuoco cremisi e dallo scarlatto al vino trasmettono velocità e sforzo
• Moda e bellezza: sangue di bue, vino e cipria sembrano ragionati e premium
• Saldi e lanci: un solo punto brillante su un campo rosso profondo attira lo sguardo senza urlare
• Musica e vita notturna: dal rosso al nero e bagliore ciliegia si adattano a spazi bui e illuminati

Se vuoi il rosso senza ricostruirlo per ogni formato, il Mercato di Gradiently ti permette di cercare i Mark con parole come «rosso profondo» o «corallo». Ogni Mark sposta la sua area più calma dietro le tue parole, e questo risolve per te il problema del testo sul rosso descritto sopra.