Oblikovanje Dashboardov | Barve

Oblikovanje Dashboardov | Barve

28. 08. 2018 Poslovna analitika

Barve v poročilih predstavljajo informacijo, zato jih je potrebno uporabljati po principu manj je več. Predvsem je pomembno, da se držimo principa konstantnosti, tako da ista barva predstavlja vedno isto sporočilo - npr. rdeča negativno odstopanje.

Avtor: Matej Mušič

Barve naj bi predstavljale:

  • Zelena: Plodnost, rast, varnost, harmonija
  • Rdeča: Energija, moč, nevarnost, strast
  • Oranžna: Ustvarjalnost, uspeh, veselje, radovednost
  • Rumena: Sreča, Intelekt, mladost
  • Modra: Modrost, vera, varnost, spokojnost

Ustrezno s pomeni je v poročilih in analizah rdeča barva rezervirana za prikaz slabega, padca, zelena pa za dobro, uspešnost, rast. Na splošno se za druge namene tem dvema barvama izogibamo, vendar to ni pravilo. Če ne vemo, katero barvo izbrati za prikaz vizualizacij, je v večini primerov najvarnejša izbira modra barva, pri čemer moramo paziti na pravi odtenek. Modro barvo pogosto uporabljajo finančne institucije, izdelovalci avtomobilov, zdravstvo, itd.

Nekja tipičnih napak pri uporabi barv na Dashboardih

  • Uporaba prenasičenih barv
  • Uporaba različnih barv za prikaz iste informacije oz. iste barve za različne informacije
  • Uporaba klasičnih signalih barv (rdeča, rumena, zelena) za druge informacije
  • Uporaba neprimernih barv celostne grafične podobe podjetja za prikaz informacij

Kako uporabljati barve

Pri izbiranju barv smo tako zelo konzervativni. Za prikaz različnih izdelkov si podjetja pogosto želijo uporabe barv iz celostne grafične podobe (CGP) podjetja. Lahko se zgodi, da v nekaterih primerih ne moremo uporabiti enakih barv, saj so barve premočne, oziroma nenaravne. Človeško oko je namreč navajeno barv, ki jih najdemo v naravi.

Naravne barve niso polno nasičene, čeprav lahko v naravi izgledajo tako. Nasičenost barve pomeni, koliko sivine ima. Polno nasičene barve nimajo sivine, popolnoma nenasičene barve pa so že sivo-bele. Če bi slikali naravo in z enim od programskih orodij preverili nasičenost barv na sliki, bi ugotovili da se nasičenost giblje precej pod 100%. Poleg tega, če uporabljamo nenasičene barve, pomeni tudi, da več različnih barv lahko mešamo med seboj. Če uporabljamo nasičene barve, se dve ali tri barve med seboj hitro izključujejo.

Slika: odstotek nasičenosti barv

Na spletu je nekaj orodij, kjer lahko izbiramo barve:

  1. Palleteon
    1. http://paletton.com
  2. Adobe Color Wheel
    1. https://color.adobe.com/
    2. https://color.adobe.com/explore/?filter=most-popular&time=month
  3. Google Material design
    1. https://material.io/guidelines/style/color.html#color-color-palette

 

Nazaj