LINUXSOFT.cz Přeskoč levou lištu
Uživatel: Heslo:  
   CZUKPL

> Gimp - GRAFIKA PRO WEB (2.)

Barva v prezentaci
Dnešní díl vám ukáže, jak důležitou roli hraje barva při tvorbě webové prezentace.

26.7.2005 06:00 | Yippee | Články autora | přečteno 46756×

Barva v prezentaci

Barevné podání prezentace je jedním ze základních hledisek uživatelského hodnocení stránek. Přestože hodnocení je z velké části subjektivní, existují určitá pravidla určující vhodnost a správnost použití kombinací barev. Tón, jas a sytost barvy mají při tvorbě grafické kompozice podstatný vliv na konečný barevný efekt.

Existuje několik modelů pro míchání barev. Základním technickým modelem jsou tzv. spektrální barvy a jejich doplňkové barvy (zelená, tyrkysová, modrá, purpurová, červená, žlutá). Model spektrálních barev se v grafickém designu nepoužívá. Nejčastěji se budete setkávat s tradičním modelem míchání barev. Tento model obsahuje tři typy barev: primární, doplňkové, terciální. Mezi primární barvy (tzv. malířské) patří tři základní pigmentové barvy (červená, modrá a žlutá), s jejich pomocí lze namíchat všechny ostatní barvy. Ke každé z primárních barev existuje doplňková (komplementární) barva (zelená, oranžová a fialová). Poslední skupina terciálních barev vznikne dalším dělením barevného kruhu. Terciálních barev je 12 a pokrývají celé barevné spektrum známé z duhy. Na následujícím obrázku je barevný kruh obsahující 3,6 a 12 základních barevných tónů.

Základní barvy se dělí na tzv. teplé a studené barvy. Mezi teplé barvy se počítá 6 barev z barevného kruhu, barvy jdoucí od červené proti směru hodinových ručiček, zbývajících 6 barev patří mezi studené barvy (od fialové po směru hodinových ručiček). Pro dosažení vhodného kontrastu je nejvhodnější použít pro barvu popředí a pozadí kombinaci doplňkových barev.

Žluté pozadí s fialovým textem
Modré pozadí s oranžovým textem
Červené pozadí se zeleným textem

Tři barvy, které spolu bezprostředně sousedí na barevném kruhu se nazývají analogické (podobné) barvy. Analogické barvy jsou vzájemně nekontrastní, a proto se nehodí pro společné použití. Nevhodnost této kombinace analogických barev jako popředí a pozadí je zřejmá z následujících ukázek. Analogické barvy se používají pro vyplnění nevýrazných ploch.

Červené pozadí s fialovým textem
Žluté pozadí s světle oražovým textem
Modré pozadí s zeleným textem

Při vytváření designu webovské prezentace je nutné vycházet z barevného schématu. Barevné schéma je soubor barev použitých v prezentaci. Můžeme se setkat s dvěma druhy barevných schémat, rozdíl mezi nimi je zřejmý z následujících ukázek.

barevné schéma založené na podobných barvách
barevné schéma založené na doplňkových barvách

Použitím barevného schématu založeného na doplňkových barvách lze dosáhnout maximálního kontrastu, harmonie a stability barev.

Vnímání barvy

Každý člověk vnímá barvy rozdílně, ale přesto lze vytvořit všeobecná pravidla pro ovlivnění osob jednotlivou barvou. Ovlivnění lze rozdělit na fyziologické a psychologické.

Fyziologické působení barev na náš organismus má na svědomí lecco. Barvy totiž ovlivňují náš vegetativní systém. Tzv. teplé barvy, mezi kterými převládají: žlutá, červená a oranžová, nás podněcují ke zvýšené činnosti, stoupá nám krevní tlak, zrychluje se puls, povzbuzuje se činnost vegetativního nervstva, zvyšuje se i svalový tonus. Máme větší chut k jídlu, zřetelněji vnímáme hluk, a dokonce se nám zdá, jako by čas rychleji ubíhal. Studené barevné odstíny, mezi kterými převládají: zelená a modrá, mají účinek právě opačný, uklidňují a vyvolávají útlum tělesných funkcí.

Ale barvy působí také psychologicky, na lidské city. Obecně by se dalo říci, že na barvy reagují více lidé, kteří jsou citově založení. Tříděním barev se zabývalo mnoho filosofů a psychologů již od doby antiky. Švýcarský psycholog Carl Gustav Jung např. zjistil, že extroverti dávají přednost teplým barvám, žluté a červené, zatímco introverti mívají v oblibě zelenou a modrou.

Aby se zjistil podrobnější postoj lidi k barvám, začali psychologové vytvářet barevné testy. Testované osoby řadily barvy podle sebe od nejsympatičtější k nejméně sympatické. Záleželo také na vzájemném vztahu mezi barvami v jedné řadě. Nejrůznější barvové testy nakonec dokázaly, že ačkoliv má člověk svoji vlastní barevnou stupnici, svou jedinečnou osobnost, tak jsou obecné významy barev s drobnými kulturními výjimkami stálé.

jak vnímá barvumužženaasociace,
použití v prezentaci
červenávelmi dobřevelmi dobřenebezpečí, vzrušení, dynamika
upoutá v prezentaci
modrávelmi příjemná
jistota, inteligence
méně příjemná
obchod, chlad, deprese
spíše jako doplněk, podklad,
neoriginální, neutrální
bílávelmi příjemnávelmi příjemnápodklad, pozadí objektů
čistota, neutrální k ostatním barvám
žlutáméně příjemnáméně příjemnávelmi upoutá
slunce, teplo
černápříjemná
vážnost, smutek, bohatství
příjemná
smutek, citlivost
originální
neutrální- spíše jako doplněk, podklad
zelenáméně příjemná
vážnost, cílevědomost
méně příjemná
země, teplo
příroda
spíše neupoutá, jako doplněk, pozadí
oranžovávelmi příjemnávelmi příjemnáteplo, zdraví
velmi upoutá, dynamické prvky

Barevná úprava dokumentu

Při tvorbě prezentace se většinou její barevné podání provádí samoúčelně. Většina tvůrců bere v úvahu výlučně umělecké hledisko nebo domněle umělecké hledisko pro použití barev v prezentaci. Správné použití barev v prezentaci má brát v úvahu pro jakou skupinu uživatelů a pro jaký účel je daná prezentace. Na následujících obrázcích je ukázka barevného podání prezentace pro různé cílové skupiny (jedná se o jednoduchou prezentací, při skutečném použití by měla být prezentace propracovanější).

barevné schéma univerzální prezentace barevné schéma prezentace pro muže
barevné schéma prezentace pro ženy barevné schéma prezentace pro děti

Americký institut pro výzkum barev prováděl šetření ohledně prvního dojmu o člověku, prostředí či věci, za prvních 90 sekund, ze kterého vyplynul následující závěr: 65% - 90% tohoto prvního dojmu je ovlivněno barvami. První dojem je většinou trvalý, a proto je potřeba výběru barev pro prezentaci věnovat náležitou pozornost.

V předcházejících odstavcích jsme brali v úvahu odlišné vnímání barev jednotlivými pohlavými, ale pokud vytváříme webovou prezentaci s celosvětovou působností, je potřeba brát v úvahu i odlišnou interpretaci jednotlivých barev jednotlivými národy. Černá barva je Evropany vnímána jako barva smrti, pro Číňany je barvou smrti bílá barva a Brazilci považují jako barvu smrti purpurovou. Dalším příkladem muže být žlutá barva, v Číně ji považují za svatou barvu, v Řecku značí smutek a pro změnu ve Francii je vnímána jako barva vyjadřující žárlivost. I tento faktor je potřeba při výběru vhodné barvy pro prezentaci brát v potaz.

Barevné schéma

Následující tabulka obsahuje 120 nejčastěji používaných barevných schémat internetových stránek.

       
     
   
    
       
  
       
    
    
    
       
  
      
  
      
  
      
    
    
    
      
 
       
   
    
   
     
 
     
   
  
     
   
   
     
   
   
      
   
   
    
      
 
     
     
 
     
     
 
      
   
    
   
      
 
     
     
 
     
     
 
      
   
   
     
   
  
     
   
   
     
   
   
   
   
    
      
 
     
     
 
     
     
 
     
     
 
     
     
 
      
   
  
     
   
  
     
   
  
     
   
  
     
   
   
   
     
 
     
 
      
   
   
     
   
  
     
   
    
   
      
 
      
   
    
   
     
  
   
     
  
   
      
 
      
   
   
   
      

Výběr vhodného barevného schématu nám může zjednodušit online nástroj od Pixyho, který se nachází http://wellstyled.com/tools/colorscheme2/.

Barevné oční vady

Všechny předcházející úvahy nebraly v potaz osoby s vadami zraku. Přibližně jeden z deseti mužů je barvoslepý (u žen je to asi každá stá), a proto, pokud skutečně chceme, aby naše stránky byly přívětivé i pro tyto uživatele, je potřeba vhodně zvolit barvy. Jak vhodně barevně navhnout stránku s ohledem na barvoslepé osoby? Základem je omezit počet barev použitých na stránce na 3-4 (do tohoto počtu se nepočítá černá a bílá). Nejvhodnější je použití tzv. monochromatického barevného schématu, jež se skládá z bílé, černé a jedné další barvy. Třetí barva nemusí být jediná, ale lze použít i stejnou barvu s jinou sytostí, čímž vznikne několik obdobných barev. Je nutné si ověřit, že zvolené odstíny jsou navzájem dostatečně kontrastní, aby byl čitelný text jednoho odstínu na pozadí druhého.

Pokud chcete vidět jak vaši stránku uvidí člověk s barevnou vadou můžete použít Pixyho nástroj zmiňovaný výše nebo využit Vischeck (http://www.vischeck.com), jež umožňuje online převod obázků či webových stránek na barvy viděné barvoslepými lidmi.

I takto mohou lidé vidět tento web. Předchozí screenschot zobrazuje barevné vidění tohoto webu osobami s dalnonizmem. Existuje velké množství očních vad pro ukázku byla vybrána nejčastější barevná oční vada, kterou trpí mužská část populace.

Trochu jsme odskočili od tématu našeho seriálu, ale pokládala jsem toto téma za tak důležité, že jsem ho nemohla nechat bez povšimnutí. Příště se už vrátíme k našemu oblíbenému Gimpu.

Verze pro tisk

pridej.cz

 

DISKUZE

Pozaci prehledu barevnych schemat 26.7.2005 08:47 Roj
L Re: Pozaci prehledu barevnych schemat 26.7.2005 10:37 Yippee
Pekny clanek 4.8.2005 09:26 Ondřej Tůma




Příspívat do diskuze mohou pouze registrovaní uživatelé.
> Vyhledávání software
> Vyhledávání článků

28.11.2018 23:56 /František Kučera

Prosincový sraz spolku OpenAlt se koná ve středu 5.12.2018 od 16:00 na adrese Zikova 1903/4, Praha 6. Tentokrát navštívíme organizaci CESNET. Na programu jsou dvě přednášky: Distribuované úložiště Ceph (Michal Strnad) a Plně šifrovaný disk na moderním systému (Ondřej Caletka). Následně se přesuneme do některé z nedalekých restaurací, kde budeme pokračovat v diskusi.


Komentářů: 1

12.11.2018 21:28 /Redakce Linuxsoft.cz
22. listopadu 2018 se koná v Praze na Karlově náměstí již pátý ročník konference s tématem Datová centra pro business, která nabídne odpovědi na aktuální a často řešené otázky: Jaké jsou aktuální trendy v oblasti datových center a jak je optimálně využít pro vlastní prospěch? Jak si zajistit odpovídající služby datových center? Podle jakých kritérií vybírat dodavatele služeb? Jak volit vhodné součásti infrastruktury při budování či rozšiřování vlastního datového centra? Jak efektivně datové centrum spravovat? Jak co nejlépe eliminovat možná rizika? apod. Příznivci LinuxSoftu mohou při registraci uplatnit kód LIN350, který jim přinese zvýhodněné vstupné s 50% slevou.
Přidat komentář

6.11.2018 2:04 /František Kučera
Říjnový pražský sraz spolku OpenAlt se koná v listopadu – již tento čtvrtek – 8. 11. 2018 od 18:00 v Radegastovně Perón (Stroupežnického 20, Praha 5). Tentokrát bez oficiální přednášky, ale zato s dobrým jídlem a pivem – volná diskuse na téma umění a technologie, IoT, CNC, svobodný software, hardware a další hračky.
Přidat komentář

4.10.2018 21:30 /Ondřej Čečák
LinuxDays 2018 již tento víkend, registrace je otevřená.
Přidat komentář

18.9.2018 23:30 /František Kučera
Zářijový pražský sraz spolku OpenAlt se koná již tento čtvrtek – 20. 9. 2018 od 18:00 v Radegastovně Perón (Stroupežnického 20, Praha 5). Tentokrát bez oficiální přednášky, ale zato s dobrým jídlem a pivem – volná diskuse na téma IoT, CNC, svobodný software, hardware a další hračky.
Přidat komentář

9.9.2018 14:15 /Redakce Linuxsoft.cz
20.9.2018 proběhne v pražském Kongresovém centru Vavruška konference Mobilní řešení pro business. Návštěvníci si vyslechnou mimo jiné přednášky na témata: Nejdůležitější aktuální trendy v oblasti mobilních technologií, správa a zabezpečení mobilních zařízení ve firmách, jak mobilně přistupovat k informačnímu systému firmy, kdy se vyplatí používat odolná mobilní zařízení nebo jak zabezpečit mobilní komunikaci.
Přidat komentář

12.8.2018 16:58 /František Kučera
Srpnový pražský sraz spolku OpenAlt se koná ve čtvrtek – 16. 8. 2018 od 19:00 v Kavárně Ideál (Sázavská 30, Praha), kde máme rezervovaný salonek. Tentokrát jsou tématem srazu databáze prezentaci svého projektu si pro nás připravil Standa Dzik. Dále bude prostor, abychom probrali nápady na využití IoT a sítě The Things Network, případně další témata.
Přidat komentář

16.7.2018 1:05 /František Kučera
Červencový pražský sraz spolku OpenAlt se koná již tento čtvrtek – 19. 7. 2018 od 18:00 v Kavárně Ideál (Sázavská 30, Praha), kde máme rezervovaný salonek. Tentokrát bude přednáška na téma: automatizační nástroj Ansible, kterou si připravil Martin Vicián.
Přidat komentář

   Více ...   Přidat zprávičku

> Poslední diskuze

2.12.2018 23:56 / František Kučera
Sraz

5.10.2018 17:12 / Jakub Kuljovsky
Re: Jaký kurz a software by jste doporučili pro začínajcího kodéra?

20.9.2018 10:04 / Jan Ober
Jaký kurz a software by jste doporučili pro začínajcího kodéra?

20.9.2018 10:00 / Jan Ober
Re: Gimp

20.2.2018 18:48 / Ivan Majer
portal

Více ...

ISSN 1801-3805 | Provozovatel: Pavel Kysilka, IČ: 72868490 (2003-2018) | mail at linuxsoft dot cz | Design: www.megadesign.cz | Textová verze