Návrh uživatelských rozhraní

Podobné dokumenty
MASARYKOVA UNIVERZITA FAKULTA INFORMATIKY. Monitorování a hodnocení forem výuky informatických oborů

Vizuální identita společnosti KAVAN spol.s r.o.

RGB 88, 88, 90 HEX #435E88 RGB 168, 192, 067 HEX #F7DD29

Manuál jednotného vizuálního stylu

DESIGN MANUÁL. Správa sportovních zařízení Olomouc

BAKALÁŘSKÁ PRÁCE 2012 Jméno Příjmení

: [návod k použití logotypu]

Univerzita J. E. Purkyně v Ústí nad Labem. Fakulta sociálně ekonomická. Bakalářská práce. Jméno Příjmení. Název bakalářské práce

B2-07 Třída a číslo v TK

manuál vizuálního stylu

GRAFICKÝ MANUÁL ONDŘEJ KAUCKÝ

Diplomová práce. Téma závěrečného projektu...

Hlavní stránka O Nadaci Granty Nadace Pomozte Nadaci Pro média Pro pacienty Kontakt

MASARYKOVA UNIVERZITA NÁZEV ÚSTAVU. Bakalářská/Diplomová práce BRNO ROK

Zadání pro kategorii Tvorba webu

D E S I G N M A N U Á L

MANUÁL JEDNOTNÉHO VIZUÁLNÍHO STYLU

Komplexní řešení projektu PROFIDJ. (+420)

základní tiskoviny 28 základní logotyp Altus Software 4 odvozený logotyp Altus Vario 10 ostatní materiály 38 odvozený logotyp Altus Portal 16 index 44

Odstavec. Zarovnání a odsazení odstavce. Meziodstavcové mezery. Pancharti, vdovy a sirotci, atd. Word. Odstavec

Felbook. Vyhledat skupinu. Vyhledat uživatele. Uživatelské jméno. Heslo. Sociální síť pro podporu výuky. Jméno skupiny: Zakladatel: Vyhledat

Grafický manuál k firemnímu stylu. CobraDesign. Firemní styl CobraDesign

Grafický manuál značky OPERAČNÍ PROGRAM PODNIKÁNÍ A INOVACE. prosinec 2008

Obrázky, seznam obrázků

2011 design by Pavel Lukšan / Attractive, s.r.o.

GRAFICKÝ MANUÁL UŽITÍ LOGOTYPU

Manuál vizuální identity

Kimchi. Kongnamul. Guk. Text přesně v rozsahu celé strany consectetur adipiscin. Nunc euismod fermentum

NÁZEV PRÁCE. Gymnázium a Jazyková škola s právem státní jazykové zkoušky Svitavy. Závěrečná/Ročníková/Odborná/Seminární práce

Šablona ročníkové práce Ročníková práce

STŘEDNÍ PRŮMYSLOVÁ ŠKOLA MLADÁ BOLESLAV DLOUHODOBÁ PRAKTICKÁ MATURITNÍ PRÁCE

Mìstský úøad Vsetín grafický manuál

Číslo a název šablony III / 2 = Inovace a zkvalitnění výuky prostřednictvím ICT

MANUÁL VIZUÁLNÍ IDENTITY

Grafický manuál značky Národního zemědělského muzea

Příloha č. 05. Jednotný vizuální styl ČSÚ

Gymnázium J. K. Tyla. Název práce. Seminární práce z XY. Autor: Jméno Příjmení. Vyučující: Jméno Příjmení. Hradec Králové

World Plastic Group MANUÁL JEDNOTNÉHO VIZUÁLNÍHO STYLU

návrh loga pro Fakultu informačních technologií českého vysokého učení technického v Praze

S P O L E Č N É H O S T R AV O VÁ N. design manuál

Obsah 1. LOGO Základní varianta Barevné varianty Ochranná zóna a minimální velikost Zakázaná použití...

Informatika. Elektronická pošta. Mgr. Martin Kolář

MANUÁL VIZUÁLNÍ IDENTITY

Tišnov. Popis loga. Siluetu krajiny doplňuje jednoduchý font oblých tvarů.

MANUÁL JEDNOTNÉHO VIZUÁLNÍHO STYLU EDUPONT. (výňatek LOGOMANUÁL)

MANUÁL VIZUÁLNÍ IDENTITY. společnosti Silnice LK a.s.

D e s i g n m a n u á l

Michaela Ulrychová---SAZBA---analýza území

grafický manuál poslední aktualizace: 14/09/17

logotyp kolín manuál

Grafický návrh vizuální identity Notus. Vít Rýznar / / /

O BSAH LOGOMANUÁL FOND DALŠÍHO VZDĚLÁVÁNÍ I PŘÍSPĚVKOVÁ ORGANIZACE MINISTERSTVA PRÁCE A SOCIÁLNÍCH VĚCÍ I DUBEN 2012

Contents. 2. Styl 2.1. Colors 2.2. Main font 2.3. Complementary font

GRAFICKÝ MANUÁL JEDNOTNÉHO VIZUÁLNÍHO STYLU OSTRAVSKÉ UNIVERZITY

Obsah. Úvod Jednotný virtuální styl 01.01

Dodatek ke grafickému manuálu značky a vizuálního stylu Akademie věd České republiky

Maecenas fermentum, sem in pharetra pellentesque

Grafický manuál jednotného vizuálního stylu projektu Porta culturae

Evropský parlament přijal směrnici o povinném reportování CSR. STR. 5

Grafický manuál jednotného vizuálního stylu Ostravské univerzity

o nás Působíme v oblasti marketingu, reklamy, tisku a propagace.

Pražská informační služba Prague City Tourism. Grafický manuál značky a jednotného vizuálního stylu

Demonstrační farma. vzdělávací a poradenské centrum pro systémové využití kompostu

Manuál vizuálního stylu

Viditelné elektromagnetické záření

Její hudba v sobě mísí prvky vážné hudby, severského folku a progressive metalu s reminiscencemi v taneční hudbě, psychedelii 60. let a minimalismu.

EP ENERGY TRADING CORPORATE DESIGN MANUAL V. 01.2

Grafický manuál jednotného vizuálního stylu

Novinky Název novinky

GRAFICKÝ MANUÁL ZNAČKY A VIZUÁLNÍHO STYLU SKUPINY A ČLENŮ SKUPINY ŠKODA TRANSPORTATION

Dokument pro druhé cvičení

Grafický manuál logotypu

Manuál vizuálního stylu města Dobříš

Jednotný vizuální styl 1. lékařské fakulty Univerzity Karlovy

Logomanuál. Logomanuál

Grafický manuál značky a vizuálního stylu Akademie věd České republiky

Grafika a grafický design. Internetové publikování

Nux s.r.o. GRAFICKÝ MANUÁL SPOLEÈNOSTI

Rychlost psaní na klávesnici a na mobilním telefonu

vygenerované v IS VUT Použijte své desky VYSOKÉ UČENÍ TECHNICKÉ V BRNĚ Fakulta elektrotechniky a komunikačních technologií SEMESTRÁLNÍ PRÁCE

Logomanuál značky Slavnosti ptačích budek Vypracovala Hana Fialová

značka proporční schéma na čtvercové síti značka ochranná zóna značky značka základní barevné provedení značka vzorník základních barev

Internetové publikování

Elektronický podpis Mgr. Miroslav Pizur Bruntál

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

PRAHA PROPAGACE A PODPORA KOMPOSTU JAKO PROSTŘEDKU PRO ZVYŠOVÁNÍ KVALITY PŮDY. O projektu

MANUÁL. jednotného vizuálního stylu. Zapálí vás pro dobrovolnictví.

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

CO JE TO OPERAČNÍ PROGRAM DOPRAVA?

Manuál vizuálního stylu Flower Lover

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

ZDOKONALENÍ SYSTÉMOVÉ PODPORY PRO PLÁNOVÁNÍ PRODEJE A VÝROBY

GRAFICKÝ MANUÁL. Logo pro zintenzivnění turistického ruchu města Ostrov.

Národní soutěž vín. Ročník 2011

VYSOKÁ ŠKOLA EKONOMIE A MANAGEMENTU BAKALÁŘSKÁ PRÁCE 2012 VLADIMÍR ŠUSTR

Západočeská univerzita v Plzni. Ústav umění a designu. Diplomová práce VIZUÁLNÍ IDENTITA EXISTUJÍCÍHO SUBJEKTU. Michal Ocilka

d e s i g n m a n u á l

DC Concept a.s. Páteřní Brno Česká republika

VYPRACOVÁNÍ BAKALÁŘSKÉ PRÁCE VYPRACOVÁNÍ BAKALÁŘSKÉ PRÁCE

Transkript:

Návrh uživatelských rozhraní Ing. Pavel Žikovský PhD. Katedra teoreticke informatiky Fakulta informacnich technologii Česke vysoke uceni technicke v Praze (c) Pavel Žikovský, 2011 MI-NUR 13. přednáška Lidské smysly - zrak Evropský sociální fond Praha & EU: Investujeme do vaší budoucnosti

Anatomy of human eye MI-NUR 2

Human eye Sítnice je tvořena světlocitlivými buňkami 130 miliony tyčinek (rods) (barva) 7 miliony čípků (cones) (světlo, širokospektré) T.j. oko ma de facto 137 megapixelů MI-NUR 3

Žlutá skvrna místo na oční sítnici, kde je největší hustota čípků a tedy i nejostřejší vidění Na 1 mm2 tam připadá asi 150 000 čípků (odpovídá rozlišení asi 10 000 dpi!) Ve skutečnocti vidíme ostře a barevně jen právě na žluté skvrně - malý výřez zorného pole. Ostatní mozek dopočítává Zajímavé je, že žlutá skvrna ve skutečnosti zaživa není vůbec žlutá, nýbrž o něco červenější než okolí. Tento přívlastek však dostala podle toho, že žlutou se jeví u mrtvoly. MI-NUR 4

Color spectrum Credit:best-family-dogs.com MI-NUR 5

Barvy v lidském oku MI-NUR 6

Spektrum zářivky odpovídá lidskému vidění bílé MI-NUR 7

Some physics... - Each color (wavelength) has different difraction ratio on the lens and therefore has a different focus - Worst is a most distant colors (red blue) - When relaxed human eye is focused to green MI-NUR 8

The blue-red issue Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque dictum eros ante. Phasellus condimentum luctus ante, sed rutrum diam lacinia eget. Fusce adipiscing convallis diam, quis blandit enim faucibus eget. In hac habitasse platea dictumst. Aliquam mi elit, accumsan commodo vestibulum sit amet, mattis eu massa. Nunc lacus lacus, tristique vitae adipiscing sed, convallis at lectus. Pellentesque adipiscing accumsan iaculis. Vestibulum ut nisl id erat placerat cursus. Etiam quis augue et leo tempor vestibulum eget nec lacus. Nulla adipiscing placerat lacus vitae aliquam. Suspendisse lacinia mi sit amet augue rhoncus semper. In lectus libero, porta ac semper ac, fermentum ut velit. MI-NUR 9

Foreground and background colors MI-NUR 10 Credit:www.infoq.com

Additive and substractive color mixing MI-NUR 11

Barvy Lidské oko má pro vnímání barev pouze tři druhy senzorů (pro různé vlnové délky) Modrá Zelená Žluto-červená Některá spektra oko nedokáže rozlišit MI-NUR 12

Barevná teplota (color temperature) Spektrum světla, které těleso vyzařuje je ovlivněno jeho teplotou (Max Planck) Udává se v Kelvinech (C = K 273.15) 1200-1500 Svíčka 2500-3200 Běžná žárovka (40-200W) 3000-4000 Východ a západ slunce 4000-5000 Zářivka 5000-6000 Sluneční světlo (slunný den), fotografický blesk 6000-7000 Zamračený a mlhavý den 7000-8000 Fotografie ve stínu slunce 8000-11000 Modré nebe bez slunce (hory) MI-NUR 13

Základní barvy Definice yákladních barev je umožněna faktem, že oko má senzory jen na 3 diskrétní frekvence zjednodušeně RGB Credit: grafika.cz MI-NUR 14

Odstín barvy (Hue) Uspořádaní barev do kruhu (Newton) Stočil klasické světelné spektrum a mezi krajní barvy červenou a fialovou umístil purpurovou a růžovou. Tyto barvy nejsou ve spektru, ale vznikají právě smícháním krajních barev spektra Odstín je úhlem v tomto kruhu, 0 na červené je dána dohodou MI-NUR 15

Odstín barvy (Hue) MI-NUR 16

Sytost barvy (Saturation) jak moc se barva relativně odlišuje od všech ostatních barev (které dohromady tvoří šedou) udává se v %, 100 % je zcela čistá barvu z barevného kola a 0 % nějaký odstín šedé Málo saturovaná barva se jen málo liší od zbytku spektra je nevýrazná, vybledlá. MI-NUR 17

Saturation MI-NUR 18

HSV Color space (Hue, Saturation, Value) MI-NUR 19

Doplňkové barvy (complementary colors) Barva, která původní barvě chybí do šedé či bílé Dvě barvy jsou doplňkové, pokud jejich smícháním vznikne šedá nebo bílá Doplňkovou barvu nejsnáze najdete tak, že na barevném kole se podíváte na opačnou stranu, tedy o 180 Lahodí lidskému oku a vytvářejí příjemný barevný kontrast Závislá na tom, jaký barevný model zvolíte a jaké jsou v něm použité základní barvy MI-NUR 20

Complementary colors Doplňková barva se používá jako pozadí k hlavní Při použití doplňkové barvy se nemůžete splést Colorpicker.com online tool for color selection Triady, Tetrady V minulosti jiné barevné modely MI-NUR 21

Barevný kontrast Oko je nejcitlivější na zeleno-žlutou barvu a nejméně citlivé na barvu modrou až fialovou Při kombinaci různých barev i přesto, že jejich fyzikální kontrast je stejný, vzniká dojem různého subjektivního kontrastu MI-NUR 22