Internetové publikování

Save this PDF as:
 WORD  PNG  TXT  JPG

Rozměr: px
Začít zobrazení ze stránky:

Download "Internetové publikování"

Transkript

1 Internetové publikování Doc. Ing. Petr Zámostný, Z Ph.D. místnost: A-72aA tel.: 4222, 4167 (sekretari( sekretariát ústavu 111) vscht.czcz

2 Internetové publikování Webdesign

3 Design stránky»grafický design» první dojem, rychlost stahování» Struktura stránek» navigace, rozvržení plochy» Volba informací» okruh čtenářů» Syntaktická správnost, validita»metainformace» pro snadnou indexaci vyhledávači

4 Grafický design - cíle»přilákat a upoutat návštěvníka»neměl by být odpudivý»přiměřenost obsahu»méně je někdy více - serióznost» Poskytnout webu jednotný vzhled a rámec» Poskytnout vizuální hierarchii částí prezentace»hlavnísložky» barevné schéma»rozložení»typografie

5 Základy teorie barev» Aditivní a subtraktivní míchání barev

6 RGB model HSB Model» Složky odpovídající vnímání oka» odstín (hue)» saturation (sytost)» brightness/value (jas)

7 Barevný kruh» Reprezentace odstínu v HSB modelu» Volba vyváženého barevného schématu webové prezentace» jeden odstín» doplňkové barvy» posunutý doplněk» triáda» tetráda» /colorscheme2/index.html» Grafický manuál

8 Barvy sytost»kontrast» rozdíl v odstínu sytosti a jasu použitých barev jas

9 Grafický design výběr r písmap» Bezpatková písma jsou čitelnější» Kombinace max. 2 typů písma na jedné stránce» Řádka znaků»písmo raději větší, nastavitelné» relativní jednotky %, em» abs. velikosti xx-small,... xx-large

10 Typografie» Dodržování pravidel pravopisu» Dodržování typografických pravidel» Typografie na internetu» Webdesignerovy poznámky z typografie» Použití vhodných rodin písma» Times vs. Georgia» Arial vs. Verdana

11 Tok textu Lorem ipsum dolor sit amet consectetuer nibh Sed malesuada facilisi justo. Curabitur eleifend mattis sed facilisis mauris et mattis dignissim vitae sapien. Ipsum ut mauris lacinia tincidunt Donec Donec vitae sem ac velit. Dolor leo vel et sit tempor nibh orci ac quam lacus. Lorem ipsum dolor sit amet consectetuer nibh Sed malesuada facilisi justo. Curabitur eleifend mattis sed facilisis mauris et mattis dignissim vitae sapien. Ipsum ut mauris lacinia tincidunt Donec Donec vitae sem ac velit. Dolor leo vel et sit tempor nibh orci ac quam lacus. Lorem ipsum dolor sit amet consectetuer nibh Sed malesuada facilisi justo. Curabitur eleifend mattis sed facilisis mauris et mattis dignissim vitae sapien. Ipsum ut mauris lacinia tincidunt Donec Donec vitae sem ac velit. Dolor leo vel et sit tempor nibh orci ac quam lacus. Lorem ipsum dolor sit amet consectetuer nibh Sed malesuada facilisi justo. Curabitur eleifend mattis sed facilisis mauris et mattis dignissim vitae sapien. Ipsum ut mauris lacinia tincidunt Donec Donec vitae sem ac velit. Dolor leo vel et sit tempor nibh orci ac quam lacus.

12 Rozložen ení stránek»pevné» jednosloupcové» dvousloupcové» vícesloupcové» jednosloupcové» dvousloupcové» vícesloupcové»

13 Struktura stránek»hypertext umožňuje provázat dokumenty zcela libovolně» Hierarchická (stromová) architektura je tradiční, dobře akceptovaná návštěvníky»rozdělení příliš dlouhých stránek» Rolování» první obrazovka "above fold" musí upoutat» zbytek

14 Odkazy» Musí být na první pohled zřejmé, že jde o odkaz, čiší z nich kliknutelnost» podtrhávat a barevně odlišovat odkazy» nepodtrhávat jiný text» zkuste spočítat odkazy na jkrowling.com» Odlišování navštívených odkazů» Atribut Title» <a href="url" title="popisek odkazu">» Ukázka

15 Kam šmejdí oči i...»typicképohyby očí návštěvníků po vstupu na stránku Nejčastěji se návštěvník zaměří na levý horní roh až po chvíli se dívá směrem dolů Zdroj:

16 Prominentní zóny na stránce...»rozdělení zón podle toho, jak rychle si návštěvník v nich umístěného elementu Zdroj:

17 Metadata» Informace o dokumentu»usnadňují automatické zpracování» Metadata na stránce»název <title>... </title>» metainformace <meta name="název metadat" content="hodnota">»relace <link rel="vztah" href="související dokument">

18 Přístupnost»Přístupnost obecně» Pod pojmem přístupnost chápeme takový stav, kdy daná věc neklade svým uživatelům při používání žádné překážky. Přístupnou budovu mohou tedy např. používat vozíčkáři a přístupný web zase např. slabozrací. Přístupnost je tedy bezbariérovost.»přístupnost webových stránek» Pojem přístupnosti webových stránek je tedy oproti obecnému pojmu zúžen na funkčnost webových stránek. Přístupné stránky tedy nestaví svým uživatelům žádné překážky, které by jim znemožnily daný web efektivně používat. Zdroj: Přístupnost

19 Proč má být web přístupnýp» Více návštěvníků»přístupný web je přístupný i pro roboty vyhledávačů» Posilování značky» Zákonnost

20 Hendikepovaní uživatelé»zrakově postižení»sluchově postižení» Pohybově postižení» nefunguje myš» Uživatelé se zobrazovacími problémy» handicap uživatelova počítače» Uživatelé s pouruchami učení a soustředění»přehledná navigace, členění» Roboti

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

Grafika a grafický design. Internetové publikování Grafika a grafický design Internetové publikování Design stránky Grafický design první dojem, rychlost stahování Struktura stránek navigace, rozvržení plochy Volba informací okruh čtenářů Syntaktická správnost,

Více

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

Grafika a grafický design. Internetové publikování Grafika a grafický design Internetové publikování Design stránky Grafický design první dojem, rychlost stahování Struktura stránek navigace, rozvržení plochy Volba informací okruh čtenářů Syntaktická správnost,

Více

Návrh webové prezentace. Internetové publikování

Návrh webové prezentace. Internetové publikování Návrh webové prezentace Internetové publikování 1 Co je webdesign? Jedna z definic Návrh webových stránek nebo webových aplikací s využitím různých technologií Řemeslo, věda nebo umění? Různí autoři se

Více

Internetové publikování. Doc. Ing. Petr Zámostný, Ph.D. místnost: A-72a tel.: 4222, 4167 (sekretariát ústavu 111) e-mail: petr.zamostny@vscht.

Internetové publikování. Doc. Ing. Petr Zámostný, Ph.D. místnost: A-72a tel.: 4222, 4167 (sekretariát ústavu 111) e-mail: petr.zamostny@vscht. Internetové publikování Doc. Ing. Petr Zámostný, Ph.D. místnost: A-72a tel.: 4222, 4167 (sekretariát ústavu 111) e-mail: petr.zamostny@vscht.cz Internetové publikování CSS 3. část Vztahy mezi elementy»

Více

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

Obsah 1. LOGO... 1 1.1 Základní varianta...1 1.2 Barevné varianty...2 1.3 Ochranná zóna a minimální velikost...3 1.4 Zakázaná použití... Logomanuál Obsah 1. LOGO... 1 1.1 Základní varianta...1 1.2 Barevné varianty...2 1.3 Ochranná zóna a minimální velikost...3 1.4 Zakázaná použití...4 2. BARVY... 5 2.1 Hlavní a doplňkové barvy...5 3. PÍSMO...

Více

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

Šablona ročníkové práce Ročníková práce Křejpského 1501/12a, Praha 4 Opatov Ročníková práce JMÉNO AUTORA: Jiří Procházka VEDOUCÍ PRÁCE: Doc. PhDr. Jan Učitel, CSc. PRAHA 2013 PROHLÁŠENÍ Prohlašuji, že jsem tuto práci vypracoval/-a samostatně

Více

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

Grafický manuál značky OPERAČNÍ PROGRAM PODNIKÁNÍ A INOVACE. prosinec 2008 Grafický manuál značky OPERAČNÍ PROGRAM PODNIKÁNÍ A INOVACE prosinec 2008 Úvod Tento grafický manuál pro použití loga a vizuální identity je důležitým dokumentem pro Řídicí orgán Operačního programu Podnikání

Více

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

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 L OGOMANUÁL 2 O BSAH Základní prvky 3 Logo 4 Explikace 5 2 Ochranná zóna 6 3 Základní barevné provedení loga 7 4 Černobílé provedení loga 8 5 Ukázky použití loga 9 6 Velikosti 0 7 Nesprávné použití 8 Logo

Více

Návrh stránek 4IZ228 tvorba webových stránek a aplikací

Návrh stránek 4IZ228 tvorba webových stránek a aplikací 4IZ228 tvorba webových stránek a aplikací Jirka Kosek Poslední modifikace: $Date: 2013/12/12 20:40:58 $ Obsah Úvod... 3 Recept na dobré webové stránky... 4 Použitelnost... 5 Jak se pozná použitelný web...

Více

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

Příloha č. 05. Jednotný vizuální styl ČSÚ Název projektu: Redesign Statistického informačního systému v návaznosti na zavádění egovernmentu v ČR Příjemce: Česká republika Český statistický úřad Registrační číslo projektu: CZ.1.06/1.1.00/07.06396

Více

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

Nux s.r.o. GRAFICKÝ MANUÁL SPOLEÈNOSTI GRAFICKÝ MANUÁL SPOLEÈNOSTI Nu s.r.o. OBSAH A LOGOTYP C PÍSMA, BAREVNOST, GRAFICKÉ PRVKY Barevná a èernobílá podoba Písma Konstrukce logotypu Barevnost Minimální doporuèená velikost Grafické motivy Pøíklady

Více

Manuál vizuálního stylu

Manuál vizuálního stylu Manuál vizuálního stylu Obsah Úvod O skupině 4 5 Účel manuálu 4 5 1.0. Obchodní název Obchodní název CPI Group 6 7 2.0. Logotyp Varianty 8 9 Konstrukce 10 11 Ochranná zóna 12 13 Minimální velikost 14 15

Více

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

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 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 KAPITOLA 1 Působení barev 13 Fyzikální působení barev 15 Spektrum

Více

Grafický manuál logotypu

Grafický manuál logotypu Grafický manuál logotypu Obsah 0 0 0 0 0 Jednotný vizuální styl Logotyp společnosti Logotyp, barva značky a dodatkové barvy Konstrukce logotypu společnosti Ochranný prostor a minimální velikost logotypu

Více

Průvodce použitím loga

Průvodce použitím loga Průvodce použitím loga 1 Obsah 3 5 6 7 8 9 Vážení partneři, vážení spolupracovníci, Průvodce použitím loga objasňuje nejdůležitější pravidla pro zacházení se symbolem, který tovří základní pilíř vizuální

Více

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

Grafický manuál značky a vizuálního stylu Akademie věd České republiky Grafický manuál značky a vizuálního stylu Akademie věd České republiky 2 Úvodní slovo 1 Značka 1.1 Název instituce 1.2 Základní barevné provedení 1.3 Základní negativní provedení 1.4 Černobílé pozitivní

Více

Manuál vizuálního stylu Flower Lover

Manuál vizuálního stylu Flower Lover Manuál vizuálního stylu Flower Lover Manuál vizuálního stylu Flower Lover flower lover manuál vizuálního stylu 4 Obsah Základní podoba logotypu...5 Logotyp...6 Symbol značky...7 Symbol a logotyp vzájemné

Více

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

o nás Působíme v oblasti marketingu, reklamy, tisku a propagace. o nás Jsme mladé a stále se dynamicky rozvíjející studio, vyčnívající především přístupem ke klientovi, kreativním a zásadně individuálním řešením jednotlivých zakázek či služeb. Působíme v oblasti marketingu,

Více

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

Webová grafika, struktura webu a navigace, použitelnost a přístupnost Webová grafika, struktura webu a navigace, použitelnost a přístupnost Martin Kuna martin.kuna@seznam.cz Obsah Webová grafika Rozvržení stránky Typografické zásady Nejčastější chyby Struktura webu a navigace

Více

GRAFICKÝ MANUÁL JEDNOTNÉHO VIZUÁLNÍHO STYLU PRODUKTOVÁ LOGA PODLAHOVINY

GRAFICKÝ MANUÁL JEDNOTNÉHO VIZUÁLNÍHO STYLU PRODUKTOVÁ LOGA PODLAHOVINY GRAFICKÝ MANUÁL JEDNOTNÉHO VIZUÁLNÍHO STYLU PRODUKTOVÁ LOGA OBSAH 1. ÚVOD 1.01 Jednotný vizuální styl a užití manuálu 2. ZNAČKA 2.01 Základní použití produktové značky + claim 2.02 Základní barevné provedení

Více

non pvc GRAFICKÝ MANUÁL JEDNOTNÉHO VIZUÁLNÍHO STYLU PRODUKTOVÁ LOGA NON PVC SEGMENTY

non pvc GRAFICKÝ MANUÁL JEDNOTNÉHO VIZUÁLNÍHO STYLU PRODUKTOVÁ LOGA NON PVC SEGMENTY non pvc GRAFICKÝ MANUÁL JEDNOTNÉHO VIZUÁLNÍHO STYLU PRODUKTOVÁ LOGA OBSAH 1. ÚVOD 1.01 Jednotný vizuální styl a užití manuálu 2. ZNAČKA 2.01 Základní použití produktové značky + claim 2.02 Rozšířené použití

Více

HTML aneb jak psát webové stránky. HyperText Markup Language (HTML) je doslova přeloženo značkovací jazyk pro hypertext.

HTML aneb jak psát webové stránky. HyperText Markup Language (HTML) je doslova přeloženo značkovací jazyk pro hypertext. HTML aneb jak psát webové stránky 1. Historie HTML a souvislost s Internetem Historie HyperText Markup Language (HTML) je doslova přeloženo značkovací jazyk pro hypertext. V roce 1980, fyzik CERNu Tim

Více

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

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 Jednotný vizuální styl Národního památkového ústavu slouží k jeho vnitřní i vnější prezentaci. Koncepce vizuální komunikace se opírá o základní prvky, kterými jsou logo, písmo a barevnost. Jejich podoba,

Více

Grafický manuál značky ELI Beamlines

Grafický manuál značky ELI Beamlines Grafický manuál značky ELI Beamlines Obsah Úvod....4 Základní barevná verze loga....6 Černobílá verze loga...8 Zakázané tvarové a barevné varianty loga.... 10 Konstrukce a ochranná zóna loga... 12 Minimální

Více

A/ ZÁKLADNÍ PRAVIDLA 1/ LOGOTYP A JEHO DEFINICE LOGOTYP I.E.S. A JEHO DEFINICE 2/ BARVY 3/ FOTOGRAFIE

A/ ZÁKLADNÍ PRAVIDLA 1/ LOGOTYP A JEHO DEFINICE LOGOTYP I.E.S. A JEHO DEFINICE 2/ BARVY 3/ FOTOGRAFIE GUIDELINE ÚVOD PÁR SLOV ÚVODEM GUIDELINE je návod jak nakládat s grafickými komunikačními prostředky (logotyp, písmo atd.). Je to závazný, ucelený soubor grafických a corporátních prvků pro nakládání s

Více

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

Manuál jednotného vizuálního stylu Manuál jednotného vizuálního stylu OBSAH 2 1. ÚVOD 1.01 Jednotný vizuální styl 1.02 Funkce a užití manuálu 2. ZNAČKA 2.01 Jméno instituce 2.02 Základní barevné provedení 2.03 Černobílé provedení 2.04 Jazykové

Více

Zapojení zaměstnancŧ ČP do vzniku nové ČP a okolnosti vzniku. Veronika Hášová Česká pojišťovna

Zapojení zaměstnancŧ ČP do vzniku nové ČP a okolnosti vzniku. Veronika Hášová Česká pojišťovna 1 Zapojení zaměstnancŧ ČP do vzniku nové ČP a okolnosti vzniku Veronika Hášová Česká pojišťovna 2 Content July 2011: where we have started High level plan Team Execution Marketing HR Internal communication

Více

CO JE TO OPERAČNÍ PROGRAM DOPRAVA?

CO JE TO OPERAČNÍ PROGRAM DOPRAVA? CO JE TO OPERAČNÍ PROGRAM DOPRAVA? Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus quis turpis consequat odio ultrices lobortis. Aenean in sapien vitae ligula euismod consectetur ut

Více

Gymnázium Boženy Němcové

Gymnázium Boženy Němcové Gymnázium Boženy Němcové Manuál jednotného vizuálního stylu Štěpán Soukeník, 2009 Gymnázium Boženy Němcové Obsah Specifikace značky 1.0 Úvodní slovo 1.1 Logotyp a logo 1.2 Inverzní varianta 1.3 Barevnost

Více

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

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

Více

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

VYPRACOVÁNÍ BAKALÁŘSKÉ PRÁCE VYPRACOVÁNÍ BAKALÁŘSKÉ PRÁCE Označení dokumentu: Metodický pokyn Zkratka označení dokumentu: PEDAG_PM_BP_2011_001 Název dokumentu: BAKALÁŘSKÉ PRÁCE Platnost od: 17.5.2012 Vlastník procesu: Prorektor Působnost dokumentu: Zpracoval:

Více

Poznej v tomto webináři tu nejlepší příležitost ke splnění svých snů, cílů a přání...

Poznej v tomto webináři tu nejlepší příležitost ke splnění svých snů, cílů a přání... Poznej v tomto webináři tu nejlepší příležitost ke splnění svých snů, cílů a přání... FutureNet: platforma pozitivních zpráv FutureNet Nabídka: FutureNet Kombinace 4 onlinových oblas2 FutureNet kombinuje

Více

GRAFICKÝ MANUÁL. International Student Club CTU in Prague o.s. autorka: Julie Dürrová, 20. března 2010 kontakt: julie.durrova@gmail.

GRAFICKÝ MANUÁL. International Student Club CTU in Prague o.s. autorka: Julie Dürrová, 20. března 2010 kontakt: julie.durrova@gmail. GRAFICKÝ MANUÁL International Student Club CTU in Prague o.s. autorka: Julie Dürrová, 20. března 2010 kontakt: julie.durrova@gmail.com obsah úvod 02 smysl grafického manuálu 02 slovo na úvod 03 poděkování

Více

Internetové publikování

Internetové publikování Internetové publikování Doc. Ing. Petr Zámostný, Z Ph.D. místnost: A-72aA tel.: 4222, 4167 (sekretari( sekretariát ústavu 111) e-mail: petr.zamostny@vscht vscht.czcz Osnova předmp» Úvod - principy fungování

Více

ERV Evropská pojišťovna, a. s. Corporate Design. verze platná od 07/2014

ERV Evropská pojišťovna, a. s. Corporate Design. verze platná od 07/2014 ERV Evropská pojišťovna, a. s. Corporate Design verze platná od 07/04 Úvod Logomanuál ERV Evropské pojišťovny obsahuje závazné pokyny, které platí pro použití prvků značky ERV Evropská (logo, barvy, písmo

Více

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

MANUÁL JEDNOTNÉHO VIZUÁLNÍHO STYLU NEON TV MANUÁL JEDNOTNÉHO VIZUÁLNÍHO STYLU NEON TV Tento grafický manuál specifikuje a vymezuje použití základních prvků vizuální komunikace pro dodržení jednoty vizuální prezentace NEON TV. X Y LOGO NEON TV -

Více

Název: Design webu Anotace:

Název: Design webu Anotace: Registrační číslo projektu: CZ.1.07/1.4.00/21.3712 Škola adresa: Základní škola T. G. Masaryka Ivančice, Na Brněnce 1, okres Brno-venkov, příspěvková organizace Na Brněnce 1, Ivančice, okres Brno-venkov

Více

VOLBA BAREVNÝCH SEPARACÍ

VOLBA BAREVNÝCH SEPARACÍ VOLBA BAREVNÝCH SEPARACÍ SOURAL Ivo Fakulta chemická, Ústav fyzikální a spotřební chemie Vysoké učení technické v Brně, Purkyňova 118, 612 00 Brno E-mail : Pavouk.P@centrum.cz K tomu aby byly pochopitelné

Více

Jak vizuálně komunikovat

Jak vizuálně komunikovat Jak vizuálně komunikovat 1 CONCEPT Svět který je propojen digitální komunikací se odráží ve tvaru loga. Země se tak stala jedním z klíčívých inspiračních momentů Vše dokonalé je kruhové. Lépe než co jiného

Více

Grafický manuál SAZKA 1. Grafický manuál

Grafický manuál SAZKA 1. Grafický manuál Grafický manuál SAZKA 1 Grafický manuál obsah obsah 3 Úvod 5 1.00 logotyp sazka 7 1.01 primární horizontální barevný logotyp 8 1.02 konstrukce horizontálního barevného logotypu 9 1.03 primární vertikální

Více

4 Design stránky. Vizuální hierarchie

4 Design stránky. Vizuální hierarchie 4 Design stránky Pokud se zeptáte, proč něco funguje a budete mít dostatečně velký odstup, najednou se vám začne zdát, že je všechno založeno na protikladu: schopnosti odlišovat jednu věc od druhé. Kompozice,

Více

================================================================================ =====

================================================================================ ===== Název: VY_32_INOVACE_PG4101 Základní struktura HTML stránky Datum vytvoření: 01 / 2012 Anotace: DUM seznamuje se základní strukturou a členěním HTML stránky, s jednotlivými složkami - HTML, CSS, externí

Více

Vyšší odborná škola a Střední škola, s.r.o. České Budějovice Pražská 3. Absolventská práce. 2008 Michal Fouček

Vyšší odborná škola a Střední škola, s.r.o. České Budějovice Pražská 3. Absolventská práce. 2008 Michal Fouček Vyšší odborná škola a Střední škola, s.r.o. České Budějovice Pražská 3 Absolventská práce 2008 Michal Fouček Prohlašuji, že jsem absolventskou práci vypracoval samostatně a že jsem veškerou použitou literaturu

Více

Konstrukce a ochranná zóna loga na šířku 3 Konstrukce a ochranná zóna loga na výšku 4 Konstrukce a ochranná zóna značky 5

Konstrukce a ochranná zóna loga na šířku 3 Konstrukce a ochranná zóna loga na výšku 4 Konstrukce a ochranná zóna značky 5 LOGOMANUÁL OBSAH LOGO Konstrukce a ochranná zóna loga na šířku 3 Konstrukce a ochranná zóna loga na výšku 4 Konstrukce a ochranná zóna značky 5 BARVY Barevnost loga 6 Barevné a černobílé varianty loga

Více

1. logo instituce. Grafický manuál použití loga

1. logo instituce. Grafický manuál použití loga 1. logo instituce Grafický manuál použití loga 1. logo instituce obsah 1. logo instituce 1. 1. anglická verze loga 1. 2. základní provedení loga 1. 3. negativní provedení 1. 4. grafická definice loga 1.

Více

HODNOCENÍ. systémová příručka pro hodnocení žáků v aplikaci Iskola.cz

HODNOCENÍ. systémová příručka pro hodnocení žáků v aplikaci Iskola.cz příručka 3 HODNOCENÍ systémová příručka pro hodnocení žáků v aplikaci Iskola.cz Každá příručka obsahuje informace k modulu, jehož název je uveden v záhlaví. Každý modul má svou příručku. Příručky jsou

Více

Katalog jazykových škol 2007

Katalog jazykových škol 2007 Katalog jazykových škol 2007 Vydáno u příležitosti konference Vzděláváním k vyšší výkonnosti konané dne 24. dubna 2007 v hotelu Olympik Praha OBSAH: úvodní slovo................................... 1 popis

Více

Farma Ptýrov. Logo manuál

Farma Ptýrov. Logo manuál Farma Ptýrov Logo manuál Obsah 1. Obchodní značka 1.1 Jednotný vizuální styl 1.2 Základní značka FARMA PTÝROV 1.3 Monochromatická varianta 1.4 Ochranná zóna značky 1.5 Velikost a rozměrové řady značky

Více

MANUÁL KORPORÁTNÍ IDENTITY DIAKONIE ČESKOBRATRSKÉ CÍRKVE EVANGELICKÉ

MANUÁL KORPORÁTNÍ IDENTITY DIAKONIE ČESKOBRATRSKÉ CÍRKVE EVANGELICKÉ MANUÁL KORPORÁTNÍ IDENTITY DIAKONIE ČESKOBRATRSKÉ CÍRKVE EVANGELICKÉ Letos to bude 150 let, co krabčický evangelický farář Václav Šubrt založil první stacionář pro děti. V loňském roce jsme si připomněli

Více

GRAFICKÝ MANUÁL Bílí Tygři Liberec, s.r.o.

GRAFICKÝ MANUÁL Bílí Tygři Liberec, s.r.o. GRAFICKÝ MANUÁL Bílí Tygři Liberec, s.r.o. Jeronýmova 494/20, PSČ 460 07 Telefon: 488 048 333 FAX: 488 048 335 www.hcbilitygri.cz klub@hcbilitygri.cz úvod obsah název společnosti základní logo - vizuál

Více

Bližší specifikace požadovaných grafických návrhů

Bližší specifikace požadovaných grafických návrhů Bližší specifikace požadovaných grafických návrhů Každá podaná nabídka, aby byla zařazena do výběrového řízení, musí obsahovat návrh webového designu a layoutu pro tyto stránky: 1) hlavní domovskou stránku

Více

Základní varianty logotypu symbol lva

Základní varianty logotypu symbol lva ČVUT v Praze Grafický manuál pro veškerou komunikaci značky Základní varianty logotypu Základní varianty logotypu symbol lva Lev je ústředním bodem logotypu I komunikace ČVUT. Samostatný symbol lva používáme

Více

Základy HTML. Obecná syntaxe HTML. Struktura HTML

Základy HTML. Obecná syntaxe HTML. Struktura HTML Základy HTML HyperText Markup Language, označovaný zkratkou HTML, je značkovací jazyk pro hypertext. Je jedním z jazyků pro vytváření stránek v systému World Wide Web, který umožňuje publikaci dokumentů

Více

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

GRAFICKÝ NÁVRH WEBOVÉ STRÁNKY. Lenka Bednaříková GRAFICKÝ NÁVRH WEBOVÉ STRÁNKY Lenka Bednaříková DŮLEŽITÉ OTÁZKY PŘED ZAČÁTKEM TVORBY Co je cílem webu Pravidelně o něčem informovat Něco prodávat Zviditelnit se Kdo budou uživatelé stránek (cílová skupina)

Více

ÚVOD. Skryté písmeno b v mozaice.

ÚVOD. Skryté písmeno b v mozaice. ÚVOD Jak víte, ve spolupráci se studiem BinaryBros jsme se rozhodli k důležitému kroku. Zmodernizovat naší prezentaci na veřejnosti a sjednotit náš vzhled. Nejde nám jen o zviditelnění dlouholeté, tradiční

Více

Nové přístupy tvorby web site. Doc. Ing. Zdeněk Havlíček, CSc. KIT PEF CZU - 13/11/2001

Nové přístupy tvorby web site. Doc. Ing. Zdeněk Havlíček, CSc. KIT PEF CZU - 13/11/2001 Nové přístupy tvorby web site Doc. Ing. Zdeněk Havlíček, CSc. KIT PEF CZU - 13/11/2001 Osnova Úvod Web site - jasný cíl Technologie - dynamický web Forma - vyšší interaktivita Obsah - stálá aktualizace

Více

LOGO MANUÁL ZELENÁ HVĚZDA

LOGO MANUÁL ZELENÁ HVĚZDA LOGO MANUÁL ZELENÁ HVĚZDA 1 LOGO, JEHO VARIANTY A POUŽITÍ Logo společnosti Zelená hvězda se skládá ze 3 částí: piktogramu osmiramenné zelené hvězdy, nápisu ZELENÁ HVĚZDA a claimu Váš dodavatel zdravotnických

Více

design manuál e21 energy21

design manuál e21 energy21 design manuál e21 energy21 obsah 1. Úvod 7. doplňkové firemní písmo 2. vizitka energy21 8. vizitka e21 3. dopisní papír energy21 9. dopisní papír e21 4. obálka energy21 10. obálka e21 5. kartička s pozdravem

Více

Tvorba prezentace. RNDr. Zbyšek Posel, Ph.D. katedra informatiky, PřF Univerzita J. E. Purkyně v Ústí nad Labem. Email: Zbysek.Posel@ujep.

Tvorba prezentace. RNDr. Zbyšek Posel, Ph.D. katedra informatiky, PřF Univerzita J. E. Purkyně v Ústí nad Labem. Email: Zbysek.Posel@ujep. Tvorba prezentace RNDr. Zbyšek Posel, Ph.D. katedra informatiky, PřF Univerzita J. E. Purkyně v Ústí nad Labem Email: Zbysek.Posel@ujep.cz Obsah A. Teoretická část Zásady tvorby prezentace Přednes prezentace

Více

Barvy v počítačové grafice

Barvy v počítačové grafice arvy v počítačové grafice 2. přednáška předmětu Zpracování obrazů Martina Mudrová 2004 arvy v počítačové grafice Co je barva? světlo = elmg. vlnění v rozsahu 4,3.10 14-7,5.10 14 Hz rentgenové zář ení zář

Více

Grafický manuál společnosti E LINKX a.s.

Grafický manuál společnosti E LINKX a.s. Grafický manuál společnosti E LINKX a.s. inovující přínosné volné Obsah 4 Úvod 5 Logo a použití 8 Barevná paleta 10 Typografie 12 Aplikace loga 14 Aplikace korporátní identity Úvod Základ grafické identity,

Více

Help pro webmastery Vytvořte svůj vlastní web

Help pro webmastery Vytvořte svůj vlastní web Help pro webmastery Vytvořte svůj vlastní web Přednáška na Celostátním setkání mládeže v Táboře 15.8.2007 Vytváříš web své farnosti, spolču či svůj vlastní? Nebo o tom zatím jen uvažuješ, a nevíš, jak

Více

MANUÁL JEDNOTNÉHO VIZUÁLNÍHO STYLU ZÁKLADNÍ ELEMENTY

MANUÁL JEDNOTNÉHO VIZUÁLNÍHO STYLU ZÁKLADNÍ ELEMENTY MANUÁL JEDNOTNÉHO VIZUÁLNÍHO STYLU ZÁKLADNÍ ELEMENTY ZNAČKA UNIVERZÁLNÍ OCHRANNÝ PROSTOR Ochranný prostor je vymezená minimální ochranná zóna okolo logotypu, do níž nesmí zasahovat tet nebo jiné logotypy

Více

Tento logo manuál je závazným dokumentem Českého systému kvality služeb cestovního ruchu (dále jen ČSKS).

Tento logo manuál je závazným dokumentem Českého systému kvality služeb cestovního ruchu (dále jen ČSKS). LOGO MANUÁL LOGO MANUÁL Určeno pro interní užití pracovníků certifikační autority Českého systému kvality služeb cestovního ruchu (do jejího definitivního určení byly pro potřebu názorných příkladů aplikace

Více

INTERSTENO 2013Ghent Mistrovstvísvta v profesionálním word processingu

INTERSTENO 2013Ghent Mistrovstvísvta v profesionálním word processingu POUŽITÝ OPERAČNÍ SYSTÉM POUŽITÝ SOFTWARE PRO WORD PROCESSING SOUTĚŽNÍ ID A 1 Instrukce pro účastníky Otevřete dokument TRANSPORT.DOC, ihned uložte jako TRANSPORTXXX.DOCneboDOCX,kde XXX je Vašesoutěžní

Více

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

Barva. v počítačové grafice. Poznámky k přednášce předmětu Počítačová grafika Barva v počítačové grafice Poznámky k přednášce předmětu Počítačová grafika Martina Mudrová 2007 Barvy v počítačové grafice Co je barva? světlo = elmg. vlnění v rozsahu 4,3.10 14-7,5.10 14 Hz rentgenové

Více

Tvorba obsahu pro web. Internetové publikování

Tvorba obsahu pro web. Internetové publikování Tvorba obsahu pro web Internetové publikování 1 Obsah webu Autor chce sdělit nějakou informaci čtenáři Autor má o informaci nějaký názor, myšlenky Autor zformuluje myšlenky do obsahu Čtenář si přečte obsah

Více

Tvorba obsahu pro web

Tvorba obsahu pro web Tvorba obsahu pro web Internetové publikování 1 Obsah webu Autor chce sdělit nějakou informaci čtenáři Autor má o informaci nějaký názor, myšlenky Autor zformuluje myšlenky do obsahu Čtenář si přečte obsah

Více

Barevné systémy 1995-2015 Josef Pelikán CGG MFF UK Praha

Barevné systémy 1995-2015 Josef Pelikán CGG MFF UK Praha Barevné systémy 1995-2015 Josef Pelikán CGG MFF UK Praha pepca@cgg.mff.cuni.cz http://cgg.mff.cuni.cz/~pepca/ Colors 2015 Josef Pelikán, http://cgg.mff.cuni.cz/~pepca 1 / 21 Rozklad spektrálních barev

Více

INTERNET, internetová média a tvorba pro Internet Co se na této přednášce dozvíte? Na jakých principech a technologiích funguje Internet jako (nejen) komunikační médium Jakou roli hrají na Internetu webové

Více

Role informační architektury a optimalizace pro vyhledavače v online publikování

Role informační architektury a optimalizace pro vyhledavače v online publikování Role informační architektury a optimalizace pro vyhledavače v online publikování INFORUM 2004 Marek Prokop, PROKOP software s.r.o. http://www.prokopsw.cz Optimalizace pro vyhledavače vs. Informační architektura

Více

jednotného vizuálního stylu TIMO s. r. o., Drahobejlova 27, Praha 9, 190 00, IČO: 45276773, DIČ: CZ45276773, www.timo.cz

jednotného vizuálního stylu TIMO s. r. o., Drahobejlova 27, Praha 9, 190 00, IČO: 45276773, DIČ: CZ45276773, www.timo.cz LOGO manuál jednotného vizuálního stylu TIMO s. r. o., Drahobejlova 27, Praha 9, 190 00, IČO: 45276773, DIČ: CZ45276773, www.timo.cz Obsah 03 Symbolika značky 04 Barevné pozitivní provedení značky 05 Barevené

Více

Logo - základní verze

Logo - základní verze Grafický manuál Obsah 2 Úvod Jasně definovaná koncepce prezentace firmy na veřejnosti patří k důležitým článkům v oblasti komunikace. Grafický manuál jednotného firemního stylu, který je částí corporate

Více

Knihovna FM. GRAFICKÝ MANUÁL vizuální identity. Městská knihovna Frýdek-Místek, p. o. Jiráskova 506 738 01 Frýdek-Místek

Knihovna FM. GRAFICKÝ MANUÁL vizuální identity. Městská knihovna Frýdek-Místek, p. o. Jiráskova 506 738 01 Frýdek-Místek GRAFICKÝ MANUÁL vizuální identity Městská knihovna Frýdek-Místek, p. o. Jiráskova 506 738 01 Frýdek-Místek verze 1.1 únor 2015 OBSAH 1 1 Logotyp 1.1 Logotyp a jeho nejmenší povolená velikost 1.2 Ochranná

Více

Práce s administračním systémem internetových stránek Podaných rukou

Práce s administračním systémem internetových stránek Podaných rukou Práce s administračním systémem internetových stránek Podaných rukou 2011 Ing. Jakub Matas Přihlášení a uživatelský účet Přihlášení Přihlášení do aplikace lze dvěma způsoby: 1. Pomocí panelu ve vrchní

Více

Grafický manuál pro tvorbu propagačních materiálů na podporu cestovního ruchu v rámci grantového schématu Jednotný komunikační styl

Grafický manuál pro tvorbu propagačních materiálů na podporu cestovního ruchu v rámci grantového schématu Jednotný komunikační styl Grafický manuál pro tvorbu propagačních materiálů na podporu cestovního ruchu v rámci grantového schématu Jednotný komunikační styl Úvod Jednotný grafický styl regionálních i místních propagačních materiálů

Více

Manuál jednotného vizuálního stylu obãanského sdruïení Kosmo Klub klub.kosmo.cz

Manuál jednotného vizuálního stylu obãanského sdruïení Kosmo Klub klub.kosmo.cz Manuál jednotného vizuálního stylu obãanského sdruïení Kosmo Klub klub.kosmo.cz obsah..................................... 02 úvod a definice loga........................... 03 zákres do čtvercové sítě........................

Více

Dokument XHTML. Prohlížeč. styl CSS. Výstupní dokument. Soubor DTD

Dokument XHTML. Prohlížeč. styl CSS. Výstupní dokument. Soubor DTD CSS 1 Výhody: Udřování prezentace oddělené od dokumentu znamená, že můžete nastavit styly dokumentu pro různá média; Oddělení dokumentu od jeho prezentace znamená menší dokument, což dále znamená, že se

Více

EXPERIMENT. dnes večer. zpravodaj. I / 2011 47. Mezinárodního festivalu poezie. čtvrtek 10.11. filozofická bitva pohlaví

EXPERIMENT. dnes večer. zpravodaj. I / 2011 47. Mezinárodního festivalu poezie. čtvrtek 10.11. filozofická bitva pohlaví zpravodaj I / 2011 47. Mezinárodního festivalu poezie čtvrtek 10.11. dnes večer EXPERIMENT filozofická bitva pohlaví Co bylo dřív, vejce, nebo slepice? A co kohout? Kdo koho vlastně svedl, Eva Adama, či

Více

Úvod do počítačové grafiky

Úvod do počítačové grafiky Úvod do počítačové grafiky elmag. záření s určitou vlnovou délkou dopadající na sítnici našeho oka vnímáme jako barvu v rámci viditelné části spektra je člověk schopen rozlišit přibližně 10 milionů barev

Více

Grafický manuál logotypu BONTONFILM a BONTONFILM Promotions

Grafický manuál logotypu BONTONFILM a BONTONFILM Promotions Grafický manuál logotypu BONTONFILM a BONTONFILM Promotions 2 Grafický manuál ke značce BONTONFILM a BONTONFILM Promotions CO JE GRAFICKÝ MANUÁL Grafický manuál (G. M.) je nedílnou součástí jednotného

Více

Obsah. ČÁST I Základy návrhu webových stránek. Kapitola 1 Zákaznicky orientovaný návrh webu 19. Jak ze vzorů pro návrh webu vyzískat co nejvíc 33

Obsah. ČÁST I Základy návrhu webových stránek. Kapitola 1 Zákaznicky orientovaný návrh webu 19. Jak ze vzorů pro návrh webu vyzískat co nejvíc 33 Obsah Předmluva 11 Poděkování 16 ČÁST I Základy návrhu webových stránek Kapitola 1 Zákaznicky orientovaný návrh webu 19 1.1 Evoluce návrhu webu 20 1.2 Důležitost zákaznicky orientovaného návrhu webu 21

Více

LOGO manuál. jednotného vizuálního stylu společnosti

LOGO manuál. jednotného vizuálního stylu společnosti LOGO manuál jednotného vizuálního stylu společnosti 01 FIREMNÍ ZNAČKA 4 5 6 7 8 9 10 11 12 13 14 15 16 17 Symbolika značky Barevné pozitivní provedení značky Barevené negativní provedení značky Jednobarevné

Více

Přehled základních html tagů

Přehled základních html tagů Přehled základních html tagů h1... hlavní nadpis h2... podnadpisy h3... podnadpisy další úrovně p... odstavec strong... tučné písmo b... tučné písmo em... kurzíva i... kurzíva br... zalomení řádku ol...

Více

Základní logomanuál. Základní logomanuál VODNÍ ZÁCHRANNÁ SLUŽBA ČČK

Základní logomanuál. Základní logomanuál VODNÍ ZÁCHRANNÁ SLUŽBA ČČK Základní logomanuál Základní logomanuál VODNÍ ZÁCHRANNÁ SLUŽBA ČČK OBSAH 1 LOGOTYP 1.1 LOGOTYP_ZÁKLADNÍ VARIANTA 1.2 LOGOTYP_ BAREVNÉ VARIANTY 1.3 LOGOTYP_OCHRANNÁ ZÓNA 1.4 LOGOTYP_MINIMÁLNÍ VELIKOST 1.5

Více

MANUÁL VIZUÁLNÍHO STYLU. projekt Recyklohraní

MANUÁL VIZUÁLNÍHO STYLU. projekt Recyklohraní MANUÁL VIZUÁLNÍHO STYLU projekt Recyklohraní úvod Jednotný vizuální styl je způsob komunikace projektu s veřejností. Podoba stylu vytváří jeho identitu. Dobrý vizuální styl zvyšuje povědomí o existenci

Více

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

Světlo, které vnímáme, představuje viditelnou část elektromagnetického spektra. V Kapitola 2 Barvy, barvy, barvičky 2.1 Vnímání barev Světlo, které vnímáme, představuje viditelnou část elektromagnetického spektra. V něm se vyskytují všechny známé druhy záření, např. gama záření či infračervené

Více

/0/ Jednotný firemní styl. /1/ Logotyp Záložny CREDITAS. /2/ Varianty logotypu. /3/ Barevné varianty logotypu. /4/ Konstrukce logotypu

/0/ Jednotný firemní styl. /1/ Logotyp Záložny CREDITAS. /2/ Varianty logotypu. /3/ Barevné varianty logotypu. /4/ Konstrukce logotypu MANUÁL LOGOTYPU Logotyp Záložny CREDITAS Obsah /0/ Jednotný firemní styl // Logotyp Záložny CREDITAS // Varianty logotypu // Barevné varianty logotypu /4/ Konstrukce logotypu /5/ Ochranná zóna logotypu

Více

Stručný grafický manuál. Verze 1.1

Stručný grafický manuál. Verze 1.1 Stručný grafický manuál Verze 1.1 Obsah Úvod 1 Symbol 1 základní verze.................... 2 Symbol 2 zjednodušená verze.................. 3 Ochranný prostor symbolu.................... 4 Povolené porušení

Více

Centrum vzdělávání všem design manual. Corporate design manual je souborem závazných pravidel a doporučení pro užití logotypu Centra vzdělávání všem.

Centrum vzdělávání všem design manual. Corporate design manual je souborem závazných pravidel a doporučení pro užití logotypu Centra vzdělávání všem. design manual Corporate design manual je souborem závazných pravidel a doporučení pro užití logotypu Centra vzdělávání všem. Pro přímou reprodukci nepoužívejte jako předlohy prvky vytištěné z tohoto manuálu.

Více

OBECNÉ POKYNY. Nedodržováním těchto pravidel je porušována integrita značky a všechny tyto věci mají negativní vliv na firemní image.

OBECNÉ POKYNY. Nedodržováním těchto pravidel je porušována integrita značky a všechny tyto věci mají negativní vliv na firemní image. STYLE GUIDE OBECNÉ POKYNY STYLE GUIDE přesně definuje závazné normy pro všechny druhy a formy vizuální komunikace společnosti a je důležitou součástí publikace NAVITEL BRAND BOOK (hlavní publikace jednotného

Více

manuál grafického stylu

manuál grafického stylu manuál grafického stylu Sdružení linka bezpečí bylo založeno za účelem pomoci dětem a mladým lidem nejen v jejich obtížných životních situacích, ale i při jejich každodenních starostech a problémech. Jednotný

Více

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

Manuál jednotného vizuálního stylu Manuál jednotného vizuálního stylu OBSAH 1. Úvod Jednotný vizuální styl 1 2. Značka Základní provedení 3 Černobílé provedení 4 Rozkres značky Ochranná zóna Nejmenší možné použití 5 Zakázané varianty 6

Více

O čem si něco povíme

O čem si něco povíme 1 O čem si něco povíme co to vlastně je předtisková příprava (prepress) různé způsoby tisku (offset, flexo, digital printing,...) správa barev inkousty, barevné prostory, profily RIP (raster image processor),

Více

Příloha B PŘEHLED LOGOLINKŮ JEDNOTLIVÝCH PROJEKTŮ A PRAVIDLA POUŽITÍ LOGOLINKŮ

Příloha B PŘEHLED LOGOLINKŮ JEDNOTLIVÝCH PROJEKTŮ A PRAVIDLA POUŽITÍ LOGOLINKŮ Příloha B PŘEHLED LOGOLINKŮ JEDNOTLIVÝCH PROJEKTŮ A PRAVIDLA POUŽITÍ LOGOLINKŮ a) Vizuální identita ELI Grafický manuál značky ELI Beamlines Obsah Úvod....4 Základní barevná verze loga....6 Černobílá verze

Více

Grafický manuál příjemci

Grafický manuál příjemci 2015 Grafický manuál příjemci 1 ÚVOD Grafický manuál je nedílnou součástí jednotného vizuálního stylu (corporate identity) každé instituce nebo produktu. Tento manuál slouží jako základní informační zdroj

Více

Stručný grafický manuál značky TOP 09

Stručný grafický manuál značky TOP 09 S podporou Starostů Stručný grafický manuál značky TOP 09 Verze 1.0 Obsah Úvod................................ 1 Logotyp základní barevná verze...................... 2 Logotyp černobílé verze.........................

Více

LOGOTYP ČESKÉ JEZDECKÉ FEDERACE MANUÁL JEDNOTNÉHO VIZUÁLNÍHO STYLU

LOGOTYP ČESKÉ JEZDECKÉ FEDERACE MANUÁL JEDNOTNÉHO VIZUÁLNÍHO STYLU LOGOTYP ČESKÉ JEZDECKÉ FEDERACE MANUÁL JEDNOTNÉHO VIZUÁLNÍHO STYLU 1 9 7 2 ZÁKLADNÍ ELEMENTY 1 9 7 2 OBSAH 1.1 1.2 2.1 3.1 3.2 3.3 3.4 4.1.1 6.1 6.2 Logotyp_základní varianta Logotyp_nápis OFFICIAL Logotyp_ochranná

Více