Číslo projektu CZ.1.07/1.5.00/34.0950 Kódování materiálu vy_32_INOVACE_inf3_web16 Označení materiálu web16_barvy.pptx Název školy Gymnázium Kladno Autor.

Prezentace na téma: "Číslo projektu CZ.1.07/1.5.00/34.0950 Kódování materiálu vy_32_INOVACE_inf3_web16 Označení materiálu web16_barvy.pptx Název školy Gymnázium Kladno Autor."— Transkript prezentace:

1 Číslo projektu CZ.1.07/1.5.00/34.0950 Kódování materiálu vy_32_INOVACE_inf3_web16 Označení materiálu web16_barvy.pptx Název školy Gymnázium Kladno Autor Mgr. Pelikánová Lucie Anotace Prezentace seznamuje žáky s použitím barevného modelu RGB. Ukazuje i možnosti generátoru barevných schémat, který pomůže s výběrem barev pro webovou prezentaci. Je součástí výukového materiálu kurzu Tvorba webových stránek, materiál je určen pro LMS systém, lze jej využít také pro samostatnou práci žáků. PředmětInformatika a výpočetní technika Tematická oblastTvorba webových stránek Téma Barvy na webových stránkách Očekávané výstupy Seznámit se s používáním barevných modelů, konkrétně s modelem RGB, pomocí generátoru barevných schémat se naučit vytvořit barevné schéma Klíčová slova web, www, barvy, RGB model, aditivní skládání barev, doplňkové barvy, generátor barevných schémat, návrh barevného schématu Druh učebního materiáluprezentace (výkladová) Ročník 3 Cílová skupina vyšší stupeň osmiletého gymnázia, čtyřleté gymnázium Ověřeno 5. 2. 2013 třída O7 Zdroje uvedeny na konci dokumentu. Barvy na webových stránkách

2 Lucie Pelikánová Gymnázium Kladno 2012/2013

3 Barevné modely pro web množina základních barev, pravidel jejich míchání RGB model – barevná obrazovka použití webové stránky Model pro tisk CMYK (cyan, magenta, yellow, black

4 RGB model výsledek složení tří složek červená (R, red) zelená (G, green) modrá (B, blue) aditivní skládání barev čím více barev sečteme, tím světlejší je výsledek rozsah složek 0 – 255 0 složka není zastoupena 255 největší intenzita bílá barva (255,255,255) šedá (shodná intenzita) 16 milionů barev - omezuje se modrá [0,0,1] tyrkysová [0,1,1] fialová [1,0,1] červená [1,0,0] žlutá [1,1,0] zelená [0,1,0] černá [0,0,0] bílá [1,1,1]

5 Aditivní skládání barev (RGB) Red Green Yellow Mag.White Cyan Blue

6 Pravidla pro používání barev PROČ používat barvu?  zlepšení srozumitelnosti dokumentu  nemá mít účel pouze ozdobný  upoutání pozornosti nebo zdůraznění  nesmí být barev příliš mnoho

7 Zápis barev hexadecimálně Přepis kódu z desítkového vyjádření do šestnáctkové soustavy Používá se pro zápis například pro barvu na webové stránky, ale i v programovacích jazycích. Příklad bílá:(255,255,255) kód #FFFFFF Červená (255,0,0) #FF0000 apod.

8 Návrh barevného schématu rozdělení barev pro design, vychází z tradičního modelu míchání barev primární, doplňkové a terciální barvy primární barvy (tzv. malířské) patří tři základní pigmentové barvy (červená, modrá a žlutá) doplňkové (komplementární) barvy (zelená, oranžová a fialová) rozděleno na další barvy (dohromady tvoří 12 barev), barvy duhy

9 Generátor barevných schémat http://colorschemedesigner.com/ – naleznete na tomto odkazu http://colorschemedesigner.com/ monochromatické barevné schéma  melodické (pouze jedna barva v různých stupních sytosti) schéma doplňkových barev  poutá pozornost (pozor na nesoulad)  většina dokumentu jednou barvou, prvky které chci zvýraznit doplněk kontrastní barevné schéma  velké plochy nejbledší barva, jasné barvy na kontrasty dvoubarevný dokument  hlavní barva a další barva na zdůraznění harmonické schéma  opět jedna dominantní barva a další tři barvy pro zdůraznění

10 Internetové zdroje Color Scheme Designer. [online]. [cit. 2013- 10-21]. Dostupné z: http://colorschemedesigner.com/ ROUBAL, Pavel. Počítačová grafika pro úplné začátečníky. 2. vyd. Brno: Computer Press, 2004, 171 s. ISBN 80-722-6896-1.