Seminář z webdesignu. Barvy. Hana Bydžovská



Podobné dokumenty
Ergonomie softwaru. Hana Bydžovská

Barevné modely, práce s barvou. Martin Klíma

NOVINKA 12 ODSTÍNŮ A BÍLÁ

Jméno autora: Mgr. Jitka Bílková Datum vytvoření: Číslo DUMu: VY_32_INOVACE_09_AR1

1 Úvod 3. 2 Barvy Základní barva Doplňková barva Typografie Písmo... 6

GRAFICKÝ NÁVRH WEBOVÉ STRÁNKY. Lenka Bednaříková

Základy grafického návrhu

Barevné prostory. RGB, CMYK, HSV a Lab gamut

Barvy. Radek Fiala. Podpořeno z projektu FRVŠ 584/2011

Viditelné elektromagnetické záření

Geometrická optika. Vnímání a měření barev. světlo určitého spektrálního složení vyvolá po dopadu na sítnici oka v mozku subjektivní barevný vjem

Grafická a multimediální laboratoř KOMPOZICE 2B.

Barvy na mapách. Přednáška z předmětu Tematická kartografie (KMA/TKA) Otakar Čerba Západočeská univerzita

Střední průmyslová škola na Proseku

Brillant CREATIVE. interiérová tónovaná disperzní barva vhodná ke vzájemné kombinaci odstínů

Vztahy mezi barvami. Vodomalba

BARVY. použití vhodných barev vytvořit vizuálně zajímavější. použitou barevnou paletu na 1 ks výrobku je dobré omezit

Tiskové techniky. 11. Kontrola kvality tisku. Vytvořila: Hana Světlíková Vytvořeno dne: Tiskové techniky.

Digitální fotografie. Mgr. Milana Soukupová Gymnázium Česká Třebová

BAREVNÉ, MATERIÁLOVÉ A TVAROVÉ LADĚNÍ INTERIÉRU

Seminární práce Lidské oko Fyzika

Barevné vidění Josef Pelikán CGG MFF UK Praha

ZÁKLADNÍ FOTOMETRICKÉ VELIČINY

OBSAH HODINY : I. mandala úvodní informace

INTERIÉROVÁ TÓNOVANÁ DISPERZNÍ BARVA VHODNÁ KE VZÁJEMNÉ KOMBINACI ODSTÍNŮ BAVTE SE BARVAMI

08 - Optika a Akustika

telná technika Literatura: tlení,, vlastnosti oka, prostorový úhel Ing. Jana Lepší

Digitální fotografie. Mgr. Milana Soukupová Gymnázium Česká Třebová

Obsah. Úvod 9 Co v knize najdete 9 Komu je kniha určena 9 Konvence užité v knize 9 Vzkaz čtenářům 10 Typografické konvence použité v knize 11

Světlo, které vnímáme, představuje viditelnou část elektromagnetického spektra. V

Koncepce jednotného vizuálního stylu Libereckého kraje LOGOTYP

limitovaná edice jemné t jemné ó t ny n bílé bílé

Základní druhy osvětlení

Analytická studie úprav fasád objektů v rámci regenerace Jižního Města. Opatov sever. Ing.arch. Gabriela Elichová

Michal Vik a Martina Viková: Základy koloristiky ZKO3

Nepřesnější a nejkvalitnější filtry na českém trhu od LEE FILTERS Díl 9 Sady filtrů LEE tématické sety 1. Díl Kromě toho, že se filtry LEE dají

Webová grafika, struktura webu a navigace, použitelnost a přístupnost

Ing. Jan Buriánek. Katedra softwarového inženýrství Fakulta informačních technologií České vysoké učení technické v Praze Jan Buriánek, 2010

SZTUKAISWAHR I - Eva Dvorak. Eva Dvorak: Obrazy-zářiče

Barevné kombinace hotových odstínů

Anotace: Materiál je určen k výuce přírodopisu v 8. ročníku ZŠ. Seznamuje žáky se základními pojmy a informacemi o stavbě a funkci smyslové soustavy.

Barvy v počítačové grafice

Interiérové barvy s citrusovou vůní. Prince Color Multi Top Classic

Analytická studie úprav fasád objektů v rámci regenerace Jižního Města. Opatov střed. Metro Opatov

Designová otopná tělesa. Harmonie pohodlí a tvarů

Ceník Ceník je platný od 1. ledna Obrázky výrobků jsou pouze pro ilustraci. Tiskové chyby vyhrazeny. Objednávky

VYBER SI SVŮJ VLASTNÍ POHYB

Digitální učební materiál

Vliv na lidskou psychiku

Při demonstraci lomu bílého světla pozorujeme jev, kdy se při lomu bílé světlo rozloží na barevné složky. Tento jev se nazývá disperze světla.

Barvy v počítačové grafice

Výukový materiál. zpracovaný v rámci projektu

Zdraví a nemoc. Tento výukový materiál vznikl za přispění Evropské unie, státního rozpočtu ČR a Středočeského kraje

Multimediální systémy. 04 Barvy a jejich význam

KATALOG. Originální tašky a pouzdra ze zipů

Viděli jste už někdy DUHU?

Pomocí nástroje Úprava obrázku dále vytvoříte v obrázku různé fotografické efekty.

Text a barva. Další důležité prvky webové stránky

Úvod. Jan Neuman, Soňa Hermochová, Portál, s. r. o., Praha 2003 Illustrations Petr Ďoubalík, 2003 ISBN

obalový design grafický design P.O.P. design volná tvorba typografie kresba fotografie

František Pluháček Katedra optiky PřF UP v Olomouci

Základní škola Chodov, Husova 788, okr. Sokolov

Ueli Seiler - Hugova Vincent van Gogh jako čaroděj barev světla a temnoty

Očekávaný výstup Žák rozvíjí čtenářskou gramotnost. Žák vyhledá informaci v přiměřeně náročném textu. Speciální vzdělávací Žádné

Komplexní modely pro hodnocení barevnosti a vzhledu

TECHNICKÝ MANUÁL BARVY

Téma: Barevné modely, formáty souborů

Kvalita školního života interpretace dat

Analytická studie úprav fasád objektů v rámci regenerace Jižního Města. Háje. Ing.arch. Gabriela Elichová

PROFESIONÁLNÍ BARVÍCÍ KRÉM NA VLASY S KREATINEM, CERAMIDY, SORBITOLEM A GUMOU GUAR VLASOVÝ VZORNÍK


POČÍTAČOVÁ GRAFIKA FILTRY A EFEKTY

Výtvarná výchova. Barevný svět kolem nás, barvy které známe

Duševní hygiena a supervize ve zdravotnictví

VALENTÝN 2014 NABÍDKA DÁRKOVÝCH PŘEDMĚTŮ

5.3.1 Disperze světla, barvy

Barva. v počítačové grafice. Poznámky k přednášce předmětu Počítačová grafika

Výukový materiál v rámci projektu OPVK 1.5 Peníze středním školám

KUSUDAMA. květinka štěstí. od Ivany Neumannové

Mgr. Martin Škopek, Ph.D., katedra tělesné výchovy, PF UJEP

Grafická a multimediální laboratoř KOMPOZICE 1. Úvod

2 TRŽNÍ TRENDY A CONVENIENCE NAKUPOVÁNÍ A CONVENIENCE KDE JSOU PŘÍLEŽITOSTI?

2017 Patrik Burša,

ODRAZ A LOM SVĚTLA. Mgr. Jan Ptáčník - GJVJ - Septima - Fyzika - Optika

Smysly. Biologie dítěte. Zrak Sluch Čich Chuť Hmat

Grafické systémy. Obrázek 1. Znázornění elektromagnetického spektra.

NCS - Natural Color System

Industriální styl. V industriálním stylu nezáleží tolik na vašem finančním rozpočtu ale spíše na vaší kreativitě.

VYSOKÉ UČENÍ TECHNICKÉ V BRNĚ BRNO UNIVERSITY OF TECHNOLOGY FAKULTA VÝTVARNÝCH UMĚNÍ FACULTY OF FINE ART SANITÁRNÍ KERAMIKA SANITARY WARE

V minulém díle našeho seriálu o trendech v interieru jsme se zaměřili na čtyři nejvíce Trendy styly a jejich charakteristickou barevnost.

Týmová (spolu)práce. Ing. Kamil Matoušek, Ph.D. Návrh a řízení projektu technická komunikace

Grafický design GUI používání barev Eduard Sojka

HTS Report ISK. Inventář sociálních kompetencí. Jan Ukázka ID Datum administrace Plná verze 1. vydání. Hogrefe Testcentrum, Praha

Každý umělec má pro svou práci k dispozici valéry, které lze snadno seřadit do stupnice šedí, tak jak je uvedeno na obrázku.

Sky Blue set Materiál filtrů je pryskyřice. Tato sada je určena pro 100mm systém, ale jednotlivé filtry jsou k dispozici v různých velikostech.

Osvětlení StRojoVého Vidění

IAM SMART F7.notebook. March 01, : : : :23 FYZIKÁLNÍ VELIČINY A JEJICH JEDNOTKY. tuna metr

VY_32_INOVACE_A 02 13

Manuál jednotného vizuálního stylu značky OVB

Designové styly. a jejich kombinace

Transkript:

Seminář z webdesignu Barvy Hana Bydžovská

O čem to bude? webdesign barvy muži vs ženy

Web design individuální, závislé na osobní zkušenosti, pohlaví, kulturních zvyklostech atd. vnímání barvy vzniká v lidském mozku oko slouží jako čočka, která rozkládá vlnovou délku světla schopnost vidět a vnímat barvy je složitým jevem, v němž se setkává fyzika s biologií

Lidské oko Sítnice jemná několikavrstevná blána vlastní smyslové buňky sítnice tyčinky a čípky. Tyčinky rozlišují pouze odstíny šedi citlivější na světlo, čímž umožňují vidění za šera Čípky umožňující barevné vidění (modrá, zelená a červená)

Barvy ovlivňují chování, pocity i nálady mají emociální vliv na člověka tóny blížící se červenému konci spektra =>zvyšují citové napětí barvy blížící se fialovému konci spektra =>spíše uklidňují člověk upřednostňuje barvy v závislosti na pohlaví, kulturním prostředí, národnosti, náboženství, věku, politické nebo sociální příslušnosti

Barvy teplé barvy slunce, teplo, žár, oheň, léto červená, žlutá, oranžová, žlutozelená vystupují z plochy, opticky zvětšují prostor, rozjasňují naši náladu studené barvy chlad, vodní hladina, zima, led modrá, zelená, fialová ustupují do pozadí, barva dálek, neznáma

Barvy v kontextu designu stránek estetický účinek, ale i další funkce: navození určité nálady posílení identity stránek či firmy podpora použitelnosti zvýrazněním struktury stránky (stránek) a navigačních prvků upozornění na důležité informace komplexní pojetí barevnosti stránek je náročný, tvůrčí úkol

Barevné pojetí stránek barevné schéma s ohledem na téma stránek, barvy by měly být nějak s tématem spojeny barvy k přilákání pozornosti na nejdůležitější místo, text v jasné barvě dobře kontrastující s pozadím si každý přečte jako první zdůraznění barvami struktury stránek, časté je odlišné barevné ladění záhlaví, navigačního pruhu a vlastního obsahu stránky

Barevné pojetí stránek s čím menším počtem barev vystačíte, tím lépe, víc než přibližně 6 barev vyvolává nepřehlednost odlišení barvou, jednou barvou zrychlí vyhledávání nejvíce, čím víc se použije barev, tím víc se rychlost hledání snižuje asociace barev, závislé na kultuře (bílá v Evropě radost, svatební barva; na dálném východě smutek, vážnost)

Barevné pojetí stránek vnímají údaje ve stejné barvě společně., zdůraznění barvami funkčních vztahů, např. navigační odkazy by měly být vždy stejnou barvou lidé mají různý vkus a rádi si vybírají, je dobré nabídnout více barevných schémat (viz např. IS MU, Atlas).

Červená

Červená šmrncovní barva, dokáže zaujmout chuť k životu, oheň, teplo a krev, vítězství, intenzita, aktivita, soutěživost, troufalost, agresivita, vášeň a vzrušení lidé přirození, optimističtí, extrovertní, avšak nedokáží být objektivní ani trpěliví. negativa: agresivita symbolika: krvavé násilí, utrpení, smrt a peklo.

Růžová

Růžová světlá červená = kombinací vášně červené a čistoty bílé romantika, jemnost, sladkost, rafinovanost a něžnost lidé otevření a přátelští, ačkoli často své touhy a pocity skrývají v sobě, nenávidí násilí a zlo. růžová je velmi oblíbená i u mnoha citlivých mužů nevýhodou růžové - nedokáže evokovat příliš silné emoce

Žlutá a oranžová

Žlutá zářivá a teplá barva slunce a sluneční záře, optimismus, dobrá nálada a další příjemné pocity lidé originální, kreativní, idealističtí, mají velkou představivost a často jsou spirituální povahy Žádoucí na webech, nákup v e-shopu apod. dobrá nálada => nakupování. negativa - zejména odborné stránky => pocity neprofesionálnosti a nemístné pohody.

Oranžová Oranžová - kombinací žluté a červené zdůrazňuje dynamiku, teplo a silně symbolizuje podzim (díky zbarvení listů). lidé mají rádi napětí, zábavu, dobrodružství a mají neměnné názory, za nimiž si stojí a nebojí se je vyjadřovat a obhajovat

Hnědá

Hnědá barva země. stabilita, jistota a neměnnost lidé bývají konzervativní, spolehliví, zodpovědní a velmi klidní nemají rádi vzrušení a místo něj raději tráví čas v rodiném kruhu. neutrální barva, nikoho nebude iritovat. nemáte šanci zaujmout.

Zelená

Zelená barva přírody. rovnováha mezi teplou a studenou barvou doplněk k další barvě symbolika: peníze, zábava, schopnost vytrvat lidé, kteří ji preferují - vyrovnaní, štědří, rádi utrácejí a rádi se baví asociována s plazy, ještěrkami nebo vodníky a mimozemšťany - může působit velmi negativně a odpudivě účinek se proto snižuje použitím další barvy

Modrá

Modrá barva klidu, míru, nebe a vody obecně nejoblíbenější barva, a to i navzdory tomu, že je velmi chladná a odměřená stabilita a jistot, harmonie, čistota a trpělivost lidé, kteří ji mají rádi, bývají uzavření s malým okruhem přátel a více přemýšlí, než mluví na ženy působí zcela odlišně než na muže větší respekt, mají pocit určité nadřazenosti této barvy a spojují ji tak často s vůdčí rolí a tvrdým obchodem

Šedá

Šedá neutrální barva Lidé bývají velmi neutrální stejně jako je barva sama a o život se příliš nestarají uzavření, rozruch kolem považují za nežádoucí, nezajímají se o ostatní a své názory si obvykle nechávají jen pro sebe, šedou barvu nemají rádi všichni ti, kteří mají jasný postoj k životu spojována s tajemnem: duchy, strašidly; anebo s šedí běžného života nebo též nemocí a chudobou. zoufalá volba pro internetový obchod

Bílá a černá černá - převládají negativní vlastnosti symbolizuje tmu, smutek, neštěstí, smrt, chlad a bezmoc. na druhou stranu je černá barva velmi elegantní a působí profesionálně a na rozdíl od bílé upoutá bílá - barva panenské čistoty a nevinnosti znamená tedy opačné hodnoty: vznik, znovuzrození, dobro, světlo, lidé mají představu, že bílá léčí a pomáhá zcela neurčitá barva, která v kombinaci s jinými působí buď zcela neutrálně nebo trochu pozitivně.

Barvy a pohlaví

Barvy odstín sytost s klesající sytostí se barvy mění ve škálu šedí světlost rozpětí od černé (min) k bílé (max) kontrast barev tím kontrastnější, čím víc se liší ve své světlosti

Barevné schéma Aby se stránka návštěvníkům líbila, musí na ní být všechny barvy navzájem vhodně sladěny. Použijete-li málo barev, nebo mezi nimi budou malé rozdíly, bude stránka působit nudně a nezajímavě. Naopak, pokud použijete příliš mnoho odlišných barev, bude výsledkem chaos, který může být návštěvníkům nepříjemný a ztíží vnímání obsahu. Ideálním kompromisem mezi těmito dvěmi krajnostmi je harmonie barev.

Monochromatické schéma kromě černé a bílé skládá z jednoho dalšího odstínu nemusí se nutně jednat o jedinou barvu, neboť lze použít několik variant téhož odstínu s různou sytostí, či světlostí

Analogické barvy jsou ty, které spolu bezprostředně sousedí na barevném kruhu si vyberte jednu barvu a doplňte ji jejími sousedy bezprostředně vpravo a vlevo obvykle se jedna z barev použije jako dominantní.

Komplementární barvy jsou 2 barvy stojící v kruhu přímo naproti sobě při správném použití mohou vytvořit jak rovnováhu, tak zajímavý kontrast

Nejčastější chyby Nedostatek kontrastu mezi písmem a pozadím - měl být alespoň 90% rozdíl světlosti. Příliš mnoho barev činí stránku nepřehlednou. Uživatel pak obtížně hledá důležité informace a čtení ho mnohem víc unavuje. Příliš veliké plochy sytých barev. Velké plochy sytých barev působí často příliš agresivně a unavují oči.