Röd gradient: energi utan larmkänsla

En röd gradient är en blandning byggd kring rött, från klar scharlakan och karmosin till djupt oxblod och mjuk korall, och den är den mest energiska gradient du kan lägga på en skärm. Konsten att använda en väl är återhållsamhet: låt ett stopp bära full mättnad, för resten mot djupare vinrött eller varmare orange och rosa, och håll rött borta från de platser där folk väntar sig varningar. Då läses rött som värme och aptit i stället för ett felmeddelande.

Nedan hittar du tre röda paletter, nio röda gradientkoder att kopiera, kontrasttalen för text på rött och var rött fungerar bäst. För hur färger bär mening överhuvudtaget, se färgpsykologi.

Därför är rött svårare att designa med än det ser ut

Rött låter högt av flera skäl på en gång. Skärmrött når mycket hög mättnad, så det dominerar allt bredvid. Gränssnitt har lärt folk att läsa det som fara: felmeddelanden, raderaknappar, låg batterinivå och olästa märken är nästan alltid röda. Och klart rött precis intill mättat blått kan verka skimra eller ligga på ett annat djup, en effekt som kallas kromastereopsi och som gör text i den kombinationen tröttsam att läsa.

Tre röda paletter: karmosin, oxblod och korall

De flesta lyckade röda gradienter kommer från en av tre familjer. Karmosin lutar lite åt blått och känns djärvt och klassiskt. Oxblod och vinrött är djupa, mörka röda toner som känns som läder, sammet och rödvin. Korall är rött lyft mot orange och rosa, mjukare och vänligare. Välj familj innan du väljer gradient, eftersom en blandning av alla tre i samma övergång oftast blir smutsig.

Röda gradientkoder att kopiera

Alla de här gradienterna behåller rött som huvudton men skiljer sig i temperatur och djup. De mörkare fungerar som hela bakgrunder, de klarare passar bättre för knappar, märken, kort och korta skott av uppmärksamhet.

Lägg märke till vad koderna har gemensamt. Det klara stoppet sitter i ena änden eller i en punkt, aldrig över hela ytan. De mörka stoppen är mörkröda toner, inte svart eller grått, så övergången behåller sin färg när den faller. Blir en röd gradient brun i mitten har du troligen blandat den mot grönt eller grått. Vår guide om smutsiga gradienter förklarar varför.

Så hanterar du rödens intensitet

1. 1

   Välj ett klart stopp

   Bestäm var det mest mättade röda ska bo, oftast nära en rubrik eller blickfånget. Allt annat trappas ner från det i ljushet eller mättnad.

2. 2

   Ge det mörka grannar

   Djupa röda toner som #7f1d1d och #4a0e0e får det klara stoppet att glöda genom kontrast, som ett enda glödande kol i en mörk eld.

3. 3

   Blanda mot varma färger

   Orange, korall och rosa ligger intill rött på färgcirkeln, så de blandas rent. Se analoga färger för varför grannar alltid beter sig.

4. 4

   Låt rött vara en del av designen

   Rött är till sin natur en accentfärg. Även i en rödledd design hjälper en stor lugn yta. 60-30-10-regeln är ett bra förhållande att börja med.

5. 5

   Ha en annan färg för fel

   Är ditt varumärke rött, ge felmeddelanden en tydligt annan behandling, som en ikon plus ett mörkare eller orangetonat rött, så att en varning aldrig ser ut som marknadsföring.

Text på en röd gradient

Rött hamnar i en besvärlig mitt för text. Rent skärmrött är för mörkt för att svart text ska kännas bekväm och för ljust för att vit text ska klara minimikravet för brödtext. Lösningen är att göra bakgrunden mörkare när du vill ha vit text, eller ljusare när du vill ha mörk text, och att kontrollera den ljusaste punkten i gradienten bakom orden.

Där röda gradienter fungerar bäst

Rött hör hemma där energi och aptit är poängen. Det är vanligt inom mat och dryck, sport, underhållning och försäljning samt i festlig design. I kinesisk tradition förknippas rött starkt med lycka och firande, vilket är därför det leder designen kring kinesiska nyår. Betydelser skiljer sig mellan kulturer, så kontrollera din egen i färgers betydelse i världen.

• Mat, caféer och restauranger: korall och terrakotta ger en varm och aptitlig känsla
• Sport och träning: karmosineld och scharlakan till vinrött bär fart och ansträngning
• Mode och skönhet: oxblod, vinrött och blekrosa känns genomtänkta och exklusiva
• Rea och lanseringar: ett klart stopp på en djupröd yta drar blicken utan att skrika
• Musik och nattliv: rött till svart och körsbärsglöd passar mörka, upplysta rum

Vill du ha rött utan att bygga om det för varje format kan du i Marknaden i Gradiently söka bland Marks med ord som ”djupröd” eller ”korall”. Varje Mark flyttar sin lugnaste yta bakom dina ord, vilket löser problemet med text på rött åt dig.