Lyhyesti
- Useimmat vahvat logot käyttävät yhtä tai kahta väriä, sillä jokainen lisäväri vaikeuttaa toistoa pienenä, painossa ja vaihtelevilla taustoilla.
- Hyvä kaksivärinen logo yhdistää tumman vaaleaan tai kirkkaaseen, jotta muodot erottuvat myös silloin, kun värejä on vaikea erottaa.
- Samassa vaaleudessa olevat värit, kuten keskisävyinen punainen ja sininen, näyttävät värisevän kosketuskohdassa ja menettävät rajansa harmaapainatuksessa.
- Jokaisen logon tulee toimia myös yhtenä värinä, mustana ja valkoisena, ennen värien lisäämistä.
- Logon värien ei tarvitse kattaa brändin koko palettia: tunnus voi pysyä yksinkertaisena ja taustat kantaa rikkaamman värin.
Tällä sivulla
Parhaat logon väriyhdistelmät liittävät yhden tumman värin yhteen vaaleaan tai kirkkaaseen: esimerkiksi laivastonsininen ja kulta, metsänvihreä ja kerma tai hiilenharmaa ja lime. Vaaleusero pitää muodot luettavina favicon-koossa ja harmaasävyissä, kun taas sävyero antaa tunnukselle luonteen. Alla on kymmenen testattua paria ja kolme kolmikkoa hex-koodeilla ja kontrastisuhteilla sekä nopea oma tarkistusmenetelmä.
Miksi logoissa on niin vähän värejä
Logo on yrityksen useimmin toistettu omaisuus. Se näkyy 16 pikselin selainkuvakkeena, paidan kirjontana, kahvikupin leimana ja kuitin yksivärisenä painatuksena. Jokainen lisäväri voi epäonnistua yhdessä näistä paikoista. Siksi monet tunnetut tunnukset ovat yksivärisiä ja useimmat muut kaksivärisiä.
Aloita mustasta. Jos muoto toimii mustana valkoisella ja valkoisena mustalla, väri voi vain auttaa. Jos ei toimi, mikään yhdistelmä ei pelasta sitä. Logosuunnittelun perusteet käsittelee muotoa; tässä oletetaan sen olevan valmis.
Kymmenen kaksiväristä logoyhdistelmää
Koodit
#14213d #fca311Kontrasti
Tunnelma
Koodit
#1b4332 #f1e9daKontrasti
Tunnelma
Koodit
#2d2d2d #c6f432Kontrasti
Tunnelma
Koodit
#4a1942 #f7c8d0Kontrasti
Tunnelma
Koodit
#6b0f1a #e9d8a6Kontrasti
Tunnelma
Koodit
#1c1917 #f97316Kontrasti
Tunnelma
Koodit
#5b21b6 #a7f3d0Kontrasti
Tunnelma
Koodit
#1d4ed8 #ffffffKontrasti
Tunnelma
Koodit
#111111 #e63946Kontrasti
Tunnelma
Koodit
#0f766e #ff7f6eKontrasti
Tunnelma
Petrooli ja koralli poikkeavat joukosta. Molemmat ovat vaaleudeltaan lähellä toisiaan, joten korallikirjaimia olisi vaikea lukea petroolin päällä ja ne muuttuisivat yhdeksi harmaaksi möhkäleeksi mustavalkopainatuksessa. Pari toimii erillisinä muotoina, kuten petroolisymbolina korallitekstilogon vieressä, kumpikin valkoisella tai tummalla pohjalla. Luvut perustuvat WCAG-kaavaan, jonka värikontrasti ja saavutettavuus selittää.
Kolmiväriset logoyhdistelmät
Kolme väriä sopii erillisistä osista tehtyyn tunnukseen: laatoista muodostuva symboli, väripisteellinen tekstilogo tai lastenbrändin muotosarja. Ankkuroi kolmikko yhdellä tummalla värillä ja valitse kaksi selvästi eri sävyä. Niiden sijoittaminen ympäri väriympyrää kolmisointuvärien tapaan vähentää kilpailua.
Logon vältettävät väriyhdistelmät
Vältä
- Keskipunaista ja keskisinistä kosketuksissa: ne värisevät
- Puhdasta punaista ja vihreää yhdessä: vaikea monille värisokeille
- Keltaista tai vaaleita pastelleja valkoisella: tunnus katoaa
- Neljää tai useampaa yhtä painavaa väriä
- Liukuväriä logon ainoana versiona
Tee mieluummin
- Tee toisesta parin väristä paljon tummempi
- Erottele vaaleudella, älä pelkällä sävyllä
- Aseta vaaleat värit tummalle pohjalle tai rajaa ääriviivalla
- Yksi pääväri, yksi tai kaksi tukiväriä
- Ensin tasaväriversio, liukuväri muunnelmaksi
Liukuvärilogot ovat erikoistapaus. Ne voivat näyttää upeilta suurina, mutta porrastuvat painossa ja sumentuvat pieninä. Säilytä tasaista yhtä tai kahta väriä käyttävä versio ja käsittele liukuväriä muunnelmana; liukuvärilogot selittää molempien tekemisen.
Logon väriyhdistelmän testaus
- 1
Tulosta harmaasävyisenä
Muunna logo harmaaksi. Jos molemmat värit muuttuvat samaksi harmaaksi, niiden vaaleusero on liian pieni.
- 2
Pienennä 16 pikseliin
Katso sitä selaimen välilehtikuvakkeena. Vaaleat ohuet osat katoavat ensin.
- 3
Käännä tausta
Aseta logo brändisi tummimmalle värille ja valkoiselle. Kirjaa, mikä väri pitää kummassakin vaihtaa.
- 4
Tarkista värisokeus
Käytä värisokeussimulaattoria. Punavihreät parit sulautuvat usein yleisimmissä värisokeuden muodoissa.
- 5
Aseta oikealle taustalle
Logo on harvoin pelkällä valkoisella todellisessa käytössä. Testaa valokuvalla, liukuvärillä ja levottomassa somevirrassa.
Elävän taustan yli kulkeva tekstilogo voi menettää osia kirjaimistaan.
Sama tekstilogo, jonka takana tausta rauhoittuu ja syvenee.
Viimeisessä kokeessa monet logot kamppailevat. Logo liukuväritaustalla käsittelee tekniikoita. Gradientlyssä Mark tietää sanojen ja logon paikan: sen rauhallisin alue siirtyy taakse ja Automaattinen muste valitsee vaalean tai tumman riveittäin Markin omasta paletista. Näin yksinkertainen kaksivärinen logo voi olla rikkaalla taustalla ilman laatikkoa.
Pidä logo yksinkertaisena ja brändi rikkaana
Logon ei tarvitse kantaa kaikkia brändivärejä. Monet brändit pitävät tunnuksen yhdessä tai kahdessa värissä ja tuovat syvyyttä taustoihin, kuviin ja typografiaan. Jos valitset seuraavaksi laajempaa palettia, brändiväri-ideat tarjoaa 30 lähtökohtaa ja tunnetut liukuvärilogot näyttää, miten vakiintuneet brändit yhdistävät yksinkertaisen tunnuksen ilmeikkääseen väriin.
Usein kysyttyä
Mikä on paras väriyhdistelmä logolle?
Yhtä parasta paria ei ole, mutta tumma väri vaalean tai kirkkaan kanssa, kuten laivastonsininen ja kulta tai metsä ja kerma, toimii lähes kaikkialla, koska muodot pysyvät erillisinä.
Montako väriä logossa pitäisi olla?
Useimmissa yksi tai kaksi. Kolme toimii erillisistä osista tehdyissä tunnuksissa, mutta jokainen lisäväri vaikeuttaa painamista ja pieniä kokoja.
Mitä värejä ei kannata käyttää yhdessä logossa?
Vältä saman vaaleuden värejä kosketuksissa, kuten keskipunaista ja keskisinistä, äläkä luota punaiseen vihreää vasten, sillä moni värisokea ei erota niitä.
Pitäisikö logon toimia mustavalkoisena?
Kyllä. Logon pitää toimia yhtenä värinä, mustana ja valkoisena, ennen värien lisäämistä, koska sitä painetaan ja leimataan yksivärisenä.
Voiko logo olla liukuväri?
Voi, mutta säilytä tasaväriversio pieniin kokoihin, kirjontaan ja yksiväripainatukseen. Käytä liukuväriä, kun sille on tilaa.
Kirjoittanut Gradiently
Gradientlyn tiimi. Gradiently on Markien ympärille rakennettu suunnittelutyökalu: eläviä liukuvärejä, joiden ansiosta kaikki suunnittelemasi näyttää omaltasi.
Katso profiilimme