Hur kontrasterar jag mellan färger för design?

Vilken är den bästa kontrasten för din design?



En av de viktigaste sakerna som gör att en design sticker ut och ser fantastisk ut är 'kontrasten' av färger som används på designen. En design har en förgrund och en bakgrund. Och om färgerna för båda dessa inte är kontrasterade kan designen vara en katastrof. Bakgrunden ska vara en färg som gör att texten eller designen i förgrunden sticker ut. På samma sätt måste du se till att färgerna du använder för innehållet i förgrunden är balanserade med bakgrunden och inte verkar felaktiga.

Om du ser en webbplats med dåliga val av kontrast kan det vara mycket svårt att läsa vad som står på webbsidan. Det är en av de främsta anledningarna till att trafiken på sådana webbplatser är extremt låg. Deras låga läsbarhet och dåliga val av kontrast.



När du utformar en webbplats rekommenderas det att du testar olika kontraster för att analysera vilken kontrast som passar bäst för din webbplats. Du vill att tittarna ska bli imponerade av din design medan de tydligt kan läsa vad som står skrivet. Om bakgrunden är för ljus och förgrunden är för ljus kommer inte tittaren att kunna läsa eller ens se innehållet.



Saker att tänka på när du väljer kontrast på din webbsida

Välj en kontrast av färger som matchar ditt tema, men det är OK att lägga till nya färger i kontrast

Du kanske redan har bestämt kontrasten som matchar den med färgerna på din logotyp, men du kanske vill ompröva några alternativ. Det skulle vara jättebra att använda samma färger som din logotyp, men om du kan skapa en lämplig kontrast med en annan färg samtidigt som du bibehåller förhållandet till logotypens färgschema, kan du bli förvånad över de olika kontraster som du just upptäckte.



Syftet med att prova nya färger med varumärkesfärgerna är att hitta alternativa alternativ för webbplatsen om varumärkesfärgerna inte blir som du vill att den ska se ut. Medan klienten förmodligen vill att du ska använda de färger som ges av dem, men om den färgpalett som tillhandahålls av dem inte gör att designen sticker ut på webbplatsen, bör du prova nya paletter för en bättre bild för klienten.

En dålig kontrast av färger

Låt oss säga att det finns ett varumärke vars grundfärger för varumärket inkluderar ljusgrön och citrongul. Kan du föreställa dig dessa två i förgrunden och bakgrunden? Nej. Eftersom båda dessa färger är superlätta för ögat. Ljus på ljus kommer aldrig att göra texten läsbar. I ett sådant fall kan du alltid använda andra färger, tillsammans med dessa färger, för att få en webbplats att sticka ut och lägga till tydlighet i den medan den förblir ansluten till varumärkets rötter.

En bra kontrast av färger

En bra kontrast av färger betyder inte alltid att designen skulle bli perfekt. Ibland tänker de goda kontrasterna ögat för mycket på grund av vilket läsaren eller tittaren på webbplatsen inte kommer att kunna fortsätta läsa innehållet på webbsidan. Till exempel har ett varumärke ett färgschema i svart och vitt, bakgrund respektive förgrund. Svart och vitt är en utmärkt kombination eftersom det ser bra ut. Men om du tittar på en webbplats med svart bakgrund och vitt förgrundsinnehåll kommer läsarens ögon att bli ansträngda utan tvekan. För situationer som denna kan det vara ett bra experiment att lägga till en kontrasterande färg eller ändra kontrasten med andra nyanser av samma färg.



Bakgrundsfärger
Förgrundsfärger NettoOrangeGulGrönBlåViolettSvartVitgrå
NettoFATTIGFATTIGBRAFATTIGFATTIGFATTIGBRABRAFATTIG
OrangeFATTIGFATTIGFATTIGFATTIGFATTIGFATTIGBRAFATTIGFATTIG
GulBRABRAFATTIGFATTIGBRAFATTIGBRAFATTIGBRA
GrönFATTIGFATTIGFATTIGFATTIGBRAFATTIGBRAFATTIGBRA
BlåFATTIGFATTIGBRABRAFATTIGFATTIGFATTIGBRAFATTIG
ViolettFATTIGFATTIGBRAFATTIGFATTIGFATTIGBRABRAFATTIG
SvartFATTIGBRABRABRAFATTIGBRAFATTIGBRAFATTIG
VitBRABRABRAFATTIGBRABRABRAFATTIGBRA
gråFATTIGFATTIGBRABRAFATTIGFATTIGFATTIGBRAFATTIG

Denna tabell för kontrast kan alltid användas för att föranalysera hur din färgkontrast kommer att se ut på din design. Även om det finns några som ser bra ut här, men det finns chanser att de kanske inte ser så bra ut när de används på designen. Att arbeta med din design med dessa kontraster och olika nyanser ger fantastiska kontraster åt dig. Så experimentera med färgpalett med säkerhet. Kom bara ihåg att din design, oavsett om den är för webb eller för utskrift, ska vara tydlig. Tydlighet är en av de viktigaste egenskaperna i utformningen, och för det och för detta spelar kontrasten en mycket viktig roll.