Kyky värjätä mustavalkoisia valokuvia on ollut vuosikymmenien valokuvamateriaali, ja modernit kuvankäsittelyohjelmat tekevät lämpimästä ja jäähdyttämästä harmaasävykuvia.

Tätä käsitystä tasaisten sävyjen etenemisestä voidaan käyttää myös tietojen esittämiseen.

Tämä tekniikka sävyttää digitaalisia valokuvia toimii hyvin tietojen esittämiseen ja parantaa käytettävyyttä.

Aivan kuin kaltevuus näyttää värialueen, monotonia tai duotonia voidaan käyttää näyttämään erilaisia ​​tietoja.

Tässä artikkelissa opimme käyttämään väriä infografisten tietojen parantamiseksi.

Elleivät he laske myyntiä, useimmat ihmiset eivät liitä laskentataulukoita hienojakoiseen valokuvaukseen. Mutta jopa kirjanpidon ulkopuolelle, pöydät ja duotonit voivat sekoittua. Temppu tietää, milloin käyttää väriä.

Sävytys parantaa harmaasävykuvaa

Digitaalisesti seepianvärisiä kuvia ovat harmaasävyiset kuvat, joiden pikseliä on väriltään hieman, yleensä beigen tai sinisen. Oranssi tai keltainen voi jäljitellä vanhojen valokuvien vaikutusta, joka joskus sävytettiin seepia pigmentillä. Seepian sävyt (tai laajemmin monotoniset) voivat joko "lämmittää" tai "viilentää" mustavalkoista (harmaasävyistä) kuvaa ilman, että se heikentää koostumusta.

värivalokuva, harmaasävykuva ja seepian sävy

Harmaasävyisen kuvan ja seepia-äänisen eron ero on seepian sävy, kuten edellä on todettu. Kaikki digitaaliset valokuvat voidaan muuntaa seepian sävyksi, vaikka jotkut valokuvat toimivat paremmin kuin toiset. Kuvat, jotka perustuvat enemmän väriin (erityisesti värisävyyn) kuin kontrasti, usein heikentävät sävyyn siirtymistä.

esimerkki siitä, miten jotkin valokuvat vaativat väriä

Silmiinpistävä vaaleanpunainen loistaa alkuperäisessä kuvassa, mutta katoaa, kun sävyt tasaantuvat. Vaikka kuva voisi toimia sävyllä, väärän sävyn voi ylittää valokuvan.

esimerkki monotonista liian kaukana

Sävy voi olla kikka, jos väri on liian ilmeinen. Yllä, alkuperäinen valokuva ottaa psykedeelisen ilman, kun liikaa sinistä käytetään. Tavoitteena ei ole lisätä väriä vaan lisätä "makua".

Käyttämällä useampaa kuin yhtä väriä sävyssä on mahdollista:

näytteitä monotonista, duotoneista ja tritoneista

Kolme sävytyyppiä on nimetty oikein. Monotonit käyttävät samaa värisävyä koko kuvan yli. Duotonit käyttävät yhtä sävyä varjoille ja toinen kohokohdista. Tritones lisää kolmannen värisävyn puoliväliin.

Duotonit tarjoavat luonnolliset alueet

Perinteiset pöydät ja pylväskaaviot toimivat kahdessa ulottuvuudessa, mutta kaikki tiedot eivät sovi rivi-sarakkeen muotoon.

Duotoni on erinomainen tietojen esittämiselle, koska se on itsessään värivaihtoehto. Esteettisesti puhuttaessa kahden päävärin seokset näyttävät siltä, ​​että ne kuuluvat yhteen. Tietojenkäsittelyyn, väreihin on kuitenkin muita etuja. Ensinnäkin, koska ei kaikki voi nähdä värejä hyvin , käyttämällä erilaisia ​​tumma-valoisia värejä, auttaa ihmisiä näköhäiriöt nähdäksesi vaikutuksen. Toiseksi erilaiset sävyt ovat hyödyllisiä erilaisten datakokonaisuuksien esittämisessä.

Alla olevissa kaavioissa kuvataan kuvitteellisen yrityksen myyntivolyymiä useiden vuosien ajan. Kuinka väri parantaa niitä?

näytepalkkikaaviot, joissa on värejä

Otetaan taulukot yksitellen:

  • 1998: Tämä standardipalkkikartta käyttää tilaa selittää tietoja. Jokaisen palkin korkeus ja vaakasuora asema kertovat meille, kuinka myynti kului jokaisella vuosineljänneksellä. Se on toimiva ja selkeä.
  • 1999: Värikoodauspalkit lisää tyyliä, mutta eivät kerro mitään uutta. Värejä olisi voitu yhdistää palkit yhteen, mutta koska jokainen palkki on erilainen väri, mikään ei ole parantunut. Voimme kertoa jokaisen palkin välisen eron yhtä helposti ilman väriä.
  • 2000: Värien käyttäminen vertikaalisesti osoittaa, kuinka palkit liittyvät toisiinsa. Huomaa esimerkiksi, kuinka Q4 tuskin saavuttaa punaisen alueen, tosiasia on helposti unohdettu kahdessa ensimmäisessä kaavassa.
  • 2001: Tämä viimeinen käyttää duotonia, mutta se ei auta. Tehokkuuden lisääminen ilman, että tiedot ovat informatiivisempia, ei hyödytä käyttäjää. Se on ero kimmokkeen ja lisälaitteen välillä.
näytteitä monotoneista pylväskaavioista

Yllä olevat kaaviot käyttävät värimuutoksia kiinteiden palkkien sijaan. Molemmilla versioilla on sama tarkoitus: näyttää myynnin kasvuna neljänneksittäin. Väri vie tiedot askeleen pidemmälle.

  • Vuosi 2002: Taantuma-kohta lisää uusia tietoja: myynnin on läpäistävä tämä linja, jotta yritys voi tuottaa voittoa. Vuoden 2002 kaavio osoittaa, että yhtiö toimi vain neljänneksen tappiolla.
  • 2003: Varjostusero osoittaa ristikkopisteen. Mutta onko se tarpeeksi selkeä?
  • 2004: Alueiden palkit osoittavat voittoa näkyy vielä selvemmin täällä, mutta olemme menettäneet lisäykset.
  • 2005: Päinvastoin vuoden 2004 kaaviosta, tämä merkitsee lisäyksiä taantuma-pisteen yläpuolella, mikä selvästi osoittaa yrityksen voittoa (jos sellainen on) jokaisella neljänneksellä ja jättää huomiotta loput.

Väri on tehokas työkalu sanatonta viestintää varten. Estetiikan lisäksi sitä voidaan käyttää järjestämään. Kuinka muuten voisimme käyttää viimeisen joukon esimerkkien värejä?

näytteitä monotoneista pylväskaavioista
  • 2006: Gradients osoittavat, missä kukin baari osuu $ 20,000 ja $ 40,000 markkaa. Tämä on hyödyllistä, mutta taantuma-piste on 30 000 dollaria.
  • 2007: Puhtaiden kaltevuudet kasvavat tummemmiksi osoittaakseen suurempaa myyntiä, kunnes saavutetaan taittopiste. Koska 30 000 dollarin yläpuolella olevat värit ovat samanlaisia ​​kuin taustaväri, ne heikkenevät. Suuri kontrasti kiinnittää huomiota siihen, että yhtiö kääntyi voitolliseksi vain kolmella neljäsosalla.
  • 2008: Kaltevuuden kääntäminen puoliväliin y-akselilla on epätavallinen lähestymistapa. Tämä tarkoittaa sitä, että $ 20,000 - $ 30,000 lohko on merkittävä, mutta ei itse $ 30,000 break-even piste. Toisin kuin vuoden 2007 puhtaat kaltevuudet, tämä kaavio osoittaa selvästi jokaisen 10 000 dollarin lisäyksen.
  • 2009: He sanovat, että jotkut säännöt on tehty rikki, mutta tämä kaavio erottaa heidät ilman ilmeistä syytä. Yksikään sävyistä ei vastaa dollarin lisäyksiä, ja taittopiste on vaikea nähdä. Varjostus toimii parhaiten, kun se kertoo käyttäjälle jotain. Varjostus omin silmin on pelkkä koristelu.

Lisää esimerkkejä

Tämä tekniikka ei ole rajoitettu pylväskaavioihin.

Esimerkki taulukkoon sijoitetusta tekstistä

Edellä olevat tiedot keräävät kriittisten arvostelijoiden tähdet useille elokuville. Vasemmanpuoleiset raakatiedot ovat luettavissa mutta hyödyttömiä; skannaaminen jokaiselle tekstiriville yhdelle datumille on mahdollista, mutta on vaikea nähdä suurta kuvaa. Tietojen esittäminen taulukossa (oikealla) antaa katsojalle kaiken tunnetta kerralla. Voimme ainakin kertoa selvästi, että on viisi kriitikkoa ja seitsemää elokuvaa, ja meillä on karkea käsitys siitä, kuka piti mitä.

Värin määrittäminen jokaiselle tähtiluokitukselle paljastaisi enemmän siitä, miten kukin elokuva lähti. Mutta mitään värejä ei tehdä.

parantaneet elokuvien tarkistustaulukoita

Vasemmanpuoleinen taulukko noudattaa sääntöjä, mutta ei värikoodauksen henkeä. Arvojen jakaminen yhdellä silmäyksellä on helppoa, koska jokainen arvo on johdonmukainen väri, mutta värivalintojen takana ei ole logiikkaa.

Oikealla oleva taulukko käyttää väriä tarkoituksellisesti. Tummia sävyjä on annettu alemmille luokituksille, ja vaaleat sävyt on osoitettu suuremmille. Se toimisi myös toisinpäin, mutta vaikutus on sama: useita sävyjä on määritetty useille arvoille.

Tämä ei ole pelkästään visuaalisesti miellyttävämpi, vaan se paljastaa tietojen trendit. Nyt on helppoa nähdä, että elokuva F on päässyt hyvin yhteen, mutta elokuva B ei ole, että kriitikko 2 oli vaikeampi miellyttää kuin kriitikko 4, että kaikki kriitikot pitivät elokuvaa F mutta ei elokuvaa D ja että he eivät olleet samaa mieltä elokuvasta A. Eri sävyjä samasta värisävystä, voi sitten paljastaa enemmän kuin tiedot yksinään.

Monotonit ja duotonit toimivat parhaiten, kun tiedot järjestetään kerroksittain, tasoina tai alueina. Esimerkiksi:

kaavion keskimääräiset korkeat ja matalat lämpötilat

Lähde: infoplease

tapahtuma erillinen aikataulu

Lähde: Tapahtuman lisäksi, Boston 2010


Kirjoittanut yksinomaan Webdesigner Depot - Ben Gremillion . Ben on freelance-web-suunnittelija, joka ratkaisee viestinnän ongelmat paremmalla suunnittelulla.

Missä muualla monotoni tai duotone voi auttaa selittämään tietoja? Jaa ajatuksesi alla olevaan kommenttiin.