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

Save this PDF as:
 WORD  PNG  TXT  JPG

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

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

Transkript

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

2 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) Demografické znaky (pohlaví, věk, povolání ) Životní styl Počítačová vyspělost Jaké informace by měl web obsahovat Jaké podmínky musí splňovat grafický design Logo, barvy, emocionální ladění

3 KOMPOZICE WEBOVÉ STRÁNKY Logo Navigace Obsah Kontejner Patička

4 KOMPONENTY WEBOVÉ STRÁNKY Kontejner Místo na stránce, kam vkládáme obsah stránky Šířka může být buď proměnlivá nebo pevná Blok identity - logo Měl by být umístěn u horního okraje každé stránky, dává uživatelům na vědomí, že prohlížené stránky jsou součástí jednoho webu Navigace Musí být snadno objevitelný a použitelný u horního okraje stránky Obsah Ústřední bod celého návrhu, aby uživatelé nemuseli informace hledat Patička Umístěna u spodního okraje, obsahuje copyright, kontaktní údaje

5 PROMĚNLIVÁ VERSUS PEVNÁ ŠÍŘKA KONTEJNERU Výhody Pevná šířka Návrhář může lépe stanovit, jak bude vypadat obrázek plovoucí v obsahu Užší textové bloky zlepšují čitelnost Nevýhody Ve velkých rozlišeních může stránka vypadat nepříjemně zakrsle Uživatel nemůže upravovat šířku obsahu Proměnlivá šířka Snadná přizpůsobitelnost různým rozlišením obrazovek a zařízení Snižuje nutnost posouvání obsahu stránky Text v příliš širokých sloupcích se hůře čte Obtížnější realizace

6 ROZLIŠENÍ MONITORŮ 640 x 480 Používalo se na 14 monitorech, které již patří minulosti 800 x 600 Určeno pro 15 monitory, někteří uživatelé ještě používají Stránky optimalizované pro toto rozlišení by měli mít velikost 760 x x 768 Nejvhodnější a nejběžnější rozlišení pro 17 monitory Stránky optimalizované pro toto rozlišení by měli mít velikost 955 x x 1024 Doporučované rozlišení pro 19 a 21 monitory, zvládají i 17 monitory 1600 x 1200 Určené pro poloprofesionální a profesionální práci s CAD

7 STATISTIKA NASTAVENÍ ROZLIŠENÍ OBRAZOVKY Higher 1024x x % 90% 80% 70% 60% 50% 40% 30% 20% 10% % 2013 Zdroj dat:

8 BARVA = mocný komunikační nástroj, dokáže navodil silné a specifické emoce Teplé barvy Vyvolávají aktivitu, vystupují do popředí Červená zvyšuje hladinu adrenalinu, chuť k jídlu, barva vášně Oranžová velmi aktivní a energeticky vydatná barva Žlutá dobře viditelná, pocit štěstí a energie, barva smajlíků Studené barvy Uklidňují, vyvolávají dojem větší vzdálenosti Modrá symbolizuje otevřenost, inteligenci a víru, stabilitu Zelená symbolizuje růst, svěžest, naději, spojení s přírodou Fialová asociována s královskou hodností a mocí

9 BAREVNÉ SCHÉMA = základní vzorec pro vytváření harmonických kombinací barev Monochromatické Složeno z jedné základní barvy různé sytosti a světlosti Analogické Složeno z barev, které spolu na barevném kole sousedí Komplementární (doplňkové) Složeno z barev umístěných na opačných stranách Měkce kontrastní Dvě barvy které sousedí s doplňkem barvy základní Triáda Tři použité barvy mají mezi sebou stejný rozestup Tetráda Doplňkové schéma kombinováno s jiným doplňkovým schématem

10 GENERÁTOR BAREVNÝCH SCHÉMAT Výběr barevného schématu nám usnadní generátor Lze použít např. Color Scheme Generator

11 TEXTURA Dokáže zprostředkovat nebo navodit představu hmatového vjemu, který by vznikl při dotyku s povrchem Texturu můžeme pomocí některého grafického editoru vytvořit, nebo použít již hotovou Stránky obsahující textury volně ke stažení

12 PÍSMO Jediný druh písma Vyvolává harmonický dojem, ale zároveň monotónnost, jednotvárnost, usedlost, nudu Více druhů písma, které jsou si v určitých rysech podobná Vyvolávají nežádoucí a rušivý dojem Více druhů písma, které jsou zcela odlišná Výsledný design je příjemný, přitažlivý, živý, kontrastní, důrazný Slova napsaná všemi písmeny velkými jsou hůře čitelná Pro text dokumentů můžeme použít pouze ta písma, jejichž font má čtenář nainstalovaný na svém počítači tj. Arial, Arial Black, Comic Sans MS, Courier New, Georgia, Impact, Monotype, Times New Roman, Trebuchet MS, Verdana, Webdings

13 OBRÁZKY MOŽNOSTI POŘÍZENÍ Vlastní pořízení Fotobanky Bezplatné obrázky Vždy si přečtěte licenční podmínky, jak můžete daný obrázek použít Obrázky nabízené za paušální poplatek (roalty-free) Za vybraný obrázek se platí jen jednou nákup obrázků formou kreditů měsíční předplatné Obrázky s řízenými právy Mají špičkovou kvalitu, platí se v závislosti na velikosti firmy, počtu uživatelů

14 ROZŘEZÁNÍ HOTOVÉHO GRAFICKÉHO NÁVRHU Hotový grafický návrh rozřežeme na jednotlivé části obrázku pomocí nástroje Řezání obrázků Panel vlastností Nápověda Svislý řez Automatický řez Vymazat řez Výběr řezu Vodorovný řez Stejný řez Vymazat všechny řezy Ukotvitelný panel Rozdělení obrázku na řezy Slouží k zadání vlastností vybraného řezu a umožňuje náhled v prohlížeči na webovou stránku

15 ULOŽENÍ HOTOVÉHO NÁVRHU Pomocí nabídky Soubor Exportovat pro síť WWW Název složky Název souboru Název složky s obrázky Důležité zaškrtnout tuto volbu

16 ZAJÍMAVÉ WEBOVÉ STRÁNKY Webové stránky pro inspiraci CSS Zen Garden CSS Beauty Webové stránky s hotovými grafickými návrhy

17 ÚKOL NA ZÁVĚR Podle předlohy vytvořte návrh webové stránky Postup video

18 DĚKUJI ZA POZORNOST

V čem dělat prezentaci?

V čem dělat prezentaci? Jak na prezentace? Osnova: - v čem dělat prezentaci - velikosti písma - barva písma a pozadí - typ písma a zvýraznění - EFEKTY - vkládání obrázků - externí soubory - závěrečný export - příklady ze života

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 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

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

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

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

KAPITOLA 3 - ZPRACOVÁNÍ TEXTU

KAPITOLA 3 - ZPRACOVÁNÍ TEXTU KAPITOLA 3 - ZPRACOVÁNÍ TEXTU KLÍČOVÉ POJMY textové editory formát textu tabulka grafické objekty odrážky a číslování odstavec CÍLE KAPITOLY Pracovat s textovými dokumenty a ukládat je v souborech různého

Více

Firemní identitou (corporate identity) se rozumí jednotný projev společnosti (instituce) jak

Firemní identitou (corporate identity) se rozumí jednotný projev společnosti (instituce) jak G R A F I C K Ý M A N U Á L C O R P O R A T E I D E N T I T Y 2 0 0 8 1 úvod J E D N O T N Ý V I Z U Á L N Í S T Y L 1 / 0 1 Jednotný firemní styl patří mezi hlavní prostředky vyjádření firemní identity.

Více

Základy grafického návrhu

Základy grafického návrhu Martina Mudrová Přednáška předmětu Počítačová grafika duben 2006 Osnova přednášky 1. Obecné zásady pro přípravu grafického návrhu 2. Barvy a jejich působení 3. Tvary a jejich vliv na uživatele 4. Formát

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

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

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

Tvorba webových stránek

Tvorba webových stránek Tvorba webových stránek 1 HTML Hyper Text Markup Language = hypertextový značkovací jazyk Slouží pro tvorbu webových stránek, které jsou propojeny hypertextovými odkazy HTML soubor je obyčejný text obalený

Více

Elektronické publikování - prezentace. 23. dubna 2009 VŠB - TUO. Beamer - grafické zpracování prezentace. Rostislav Šuta, sut017.

Elektronické publikování - prezentace. 23. dubna 2009 VŠB - TUO. Beamer - grafické zpracování prezentace. Rostislav Šuta, sut017. Beamer - Elektronické publikování - VŠB - TUO 23. dubna 2009 Obsah 1 2 3 4 5 6 Obsah 1 2 3 4 5 6 schémata barvy písma změna fontu vnitřní schémata vnější schémata Obsah Prezentace bez navigace e stromovou

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

FOTOKONTAKT. Značka FOTOKONTAKT. Obsah. 1. Základní definice značky. 2. Ochranné zóny značky. 3. Barevné a inverzní provedení značky

FOTOKONTAKT. Značka FOTOKONTAKT. Obsah. 1. Základní definice značky. 2. Ochranné zóny značky. 3. Barevné a inverzní provedení značky Manuál FOTOKONTAKT Obsah Značka FOTOKONTAKT 1. Základní definice značky 1.1 Typografická značka FOTOKONTAKT 1.2 Obrazová značka FOTOKONTAKT 1.3 Kombinovaná značka FOTOKONTAKT 2. Ochranné zóny značky 2.1

Více

PowerPoint 2010. Kurz 2, 3. Inovace a modernizace studijních oborů FSpS (IMPACT) CZ.1.07/2.2.00/28.0221

PowerPoint 2010. Kurz 2, 3. Inovace a modernizace studijních oborů FSpS (IMPACT) CZ.1.07/2.2.00/28.0221 PowerPoint 2010 Kurz 2, 3 CZ.1.07/2.2.00/28.0221 Jak by měla vypadat prezentace v PowerPointu Typy na správnou prezentaci Základním prvkem prezentace je text kontrola opakujících se slov v prezentaci Texty

Více

ZÁKLADNÍ GRAFICKÝ MANUÁL

ZÁKLADNÍ GRAFICKÝ MANUÁL ZÁKLADNÍ GRAFICKÝ MANUÁL OBSAH 1 ÚVOD 2 KODIFIKACE LOGOTYPU 2.1. barevná varianta loga 2.2. černobílá varianta loga 2.3. ochranná zóna a minimální velikost loga 2.4. rozkres loga v grafické síti 2.5. logotyp

Více

Grafický manuál značky. DY-THA rail

Grafický manuál značky. DY-THA rail Grafický manuál značky DY-THA rail Obsah Úvod 1 Značka 2 Základní barevná varianta 2.1 Inverzní barevná varianta 2.2 Černobílá pozitivní varianta 2.3 Černobílá inverzní varianta 2.4 Grafická definice a

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

1. Začínáme s FrontPage 2003 11

1. Začínáme s FrontPage 2003 11 Úvod 9 1. Začínáme s FrontPage 2003 11 Instalace programu 12 Spuštění a ukončení programu 15 Základní ovládání 16 Hledání souborů 30 Najít a nahradit 31 Tisk 32 Schránka sady Office 34 Nápověda 36 Varianty

Více

Tradiční sazba. skládání odlitků, zdroj řady nezvyklých prvků

Tradiční sazba. skládání odlitků, zdroj řady nezvyklých prvků Tradiční sazba skládání odlitků, zdroj řady nezvyklých prvků Typografické měrné soustavy Didotův měrný systém (Francie) bod (dd) = 0,376 mm cicero (cc) = 12 dd = 4,513 mm Monotypový měrný systém (USA)

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

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

Grafický manuál. firemních symbolů a tiskovin ČEPS, a.s.

Grafický manuál. firemních symbolů a tiskovin ČEPS, a.s. Grafický manuál firemních symbolů a tiskovin ČEPS, a.s. Obsah 1.0 2.0 3.0 4.0 5.0 6.0 7.0 Informace o společnosti Představení společnosti 1.1 Jednotný vizuální styl 1.2 Firemní identita 1.3 Užití obchodního

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

grafický minimanuál pro ADVOKÁTNÍ KANCELÁŘ Mgr. Vladimír Dvořáček od

grafický minimanuál pro ADVOKÁTNÍ KANCELÁŘ Mgr. Vladimír Dvořáček od grafický minimanuál pro ADVOKÁTNÍ KANCELÁŘ Mgr. Vladimír Dvořáček od Ing. Dita Koksová telefon: +420 606 265 683 email: gradiko@seznam.cz web: www.gradiko.hy.cz Obsah Úvod... strana 3 Logo Idea loga...

Více

1. Obsah 2. Úvod Zdarma poštovní klient od společnosti Microsoft přímo v PC

1. Obsah 2. Úvod Zdarma poštovní klient od společnosti Microsoft přímo v PC 1. Obsah 1. Obsah... 1 2. Úvod... 1 3. Instalace... 2 4. Vytvoření účtu... 5 5. Pošta... 7 6. Kontakty... 11 7. Informační kanály... 11 8. Nastavení zobrazení... 12 2. Úvod Zdarma poštovní klient od společnosti

Více

Základy počítačového zpracování textu

Základy počítačového zpracování textu Základy počítačového zpracování textu Výukový materiál projektu Gymnázia Kroměříž Beznákladové ICT pro učitele spolufinancovaného Evropským sociálním fondem a státním rozpočtem ČR Stručná historie zpracování

Více

TNPW1 Cvičení 6 24.3.2015 aneta.bartuskova@uhk.cz

TNPW1 Cvičení 6 24.3.2015 aneta.bartuskova@uhk.cz 6 24.3.2015 aneta.bartuskova@uhk.cz Layout 24.3.2015 aneta.bartuskova@uhk.cz Layout stránky = strukturní i vizuální rozvržení webové stránky Stránka je chápána jako skupina oblastí, každá oblast má svůj

Více

22. Tvorba webových stránek

22. Tvorba webových stránek 22. Tvorba webových stránek Webové stránky jsou spolu s elektronickou poštou nejpoužívanější prostředky internetu. Brouzdáme li internetem používáme nějaký prohlížeč. To, co vidíme na obrazovce v prohlížeči

Více

Žďár nad Sázavou. logo manuál. města žďár nad sázavou

Žďár nad Sázavou. logo manuál. města žďár nad sázavou Sázavou 1 nad Žďár Žďár nad Sázavou města žďár nad sázavou 1 Logomanuál Logo manuál je souborem předpisů, k práci s jednotným vizuálním stylem logotypu Žďár nad Sázavou. Obsahuje závazná pravidla a doporučené

Více

znaku EU v souvislosti s programy EU

znaku EU v souvislosti s programy EU Používání znaku EU v souvislosti s programy EU Pokyny pro příjemce a další třetí strany Říjen 2012 Vnitřní sdělení Používání znaku EU v souvislosti s programy EU Pokyny pro příjemce a další třetí strany

Více

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

Manuál jednotného vizuálního stylu skupiny TUkas Manuál jednotného vizuálního stylu skupiny TUkas Jednotný vizuální styl Jednotné a správné dodržování pravidel firemní identity spoluvytváří image společnosti a tím posiluje vnímání hodnot a funkcí, které

Více

Obsah. 1. ČÁST Tisk na stolní tiskárně Kapitola 1. Kapitola 2. Úvod...11. Volba tiskárny a média...15

Obsah. 1. ČÁST Tisk na stolní tiskárně Kapitola 1. Kapitola 2. Úvod...11. Volba tiskárny a média...15 Obsah Úvod................................................11 1. ČÁST Tisk na stolní tiskárně Kapitola 1 Volba tiskárny a média................................15 Volba tiskárny....................................16

Více

Dokumentace k projektu

Dokumentace k projektu Mendelova univerzita v Brně Provozně ekonomická fakulta Dokumentace k projektu Kvetoucí kaktusy Chalupová Lenka LS 2012 Webový Design Obsah 1. Úvod a cíl práce... 3 2. Informační architektura... 3 2.1.

Více

DIDAKTICKY ÚČINNÁ PREZENTACE. Ing. Katarína Krpálková Krelová, PhD., Ing.-Paed. katarina.krelova@vse.cz

DIDAKTICKY ÚČINNÁ PREZENTACE. Ing. Katarína Krpálková Krelová, PhD., Ing.-Paed. katarina.krelova@vse.cz DIDAKTICKY ÚČINNÁ PREZENTACE Ing. Katarína Krpálková Krelová, PhD., Ing.-Paed. katarina.krelova@vse.cz Úkol I. část úkolu Didakticky účinná prezentace pro výuku vybraného ekonomického předmětu Simulace

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

Jednotný firemní styl je vizuální způsob komunikace společnosti s veřejností.

Jednotný firemní styl je vizuální způsob komunikace společnosti s veřejností. GRAFICKÝ MANUÁL Jednotný firemní styl je vizuální způsob komunikace společnosti s veřejností. Podoba firemního stylu vychází z vystupování a chování společnosti navenek a spoluvytváří její identitu. Dobrý

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

V tomto kurzu vytvoříte logo smyšlené kavárny. Výsledné logo bude vypadat takto:

V tomto kurzu vytvoříte logo smyšlené kavárny. Výsledné logo bude vypadat takto: Vytvoření loga Vítá vás aplikace CorelDRAW, komplexní profesionální program pro grafický návrh a práci s vektorovou grafikou. V tomto kurzu vytvoříte logo smyšlené kavárny. Výsledné logo bude vypadat takto:

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

Vytvoření pozvánky. Michaela Maginot. O autorovi

Vytvoření pozvánky. Michaela Maginot. O autorovi Vytvoření pozvánky Michaela Maginot O autorovi Michaela Maginot žije v Unterhachingu v Německu kousek od Mnichova. Vystudovala školu Deutschen Meisterschule für Mode (německá přední škola zabývající se

Více

Centrum pro regionální rozvoj České republiky 2008 MANUÁL VIZUÁLNÍ PREZENTACE

Centrum pro regionální rozvoj České republiky 2008 MANUÁL VIZUÁLNÍ PREZENTACE Centrum pro regionální rozvoj České republiky 2008 MANUÁL VIZUÁLNÍ PREZENTACE ÚVOD V současné době jsou, díky vyspělým komunikačním technologiím, kladeny velmi vysoké nároky na úroveň prezentace činností

Více

Jednotný fi remní styl je vizuální způsob komunikace společnosti s veřejností.

Jednotný fi remní styl je vizuální způsob komunikace společnosti s veřejností. GRAFICKÝ MANUÁL Jednotný fi remní styl je vizuální způsob komunikace společnosti s veřejností. Podoba fi remního stylu vychází z vystupování a chování společnosti navenek a spoluvytváří její identitu.

Více

Tématická oblast: dědičnost, kaskáda. CSS a média. Stylové předpisy pro různé typy zobrazovacích zařízení

Tématická oblast: dědičnost, kaskáda. CSS a média. Stylové předpisy pro různé typy zobrazovacích zařízení Tématická oblast: dědičnost, kaskáda CSS a média Stylové předpisy pro různé typy zobrazovacích zařízení Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je ( Ing. Petr Měrka). VY_32_INOVACE_185

Více

www.zlinskedumy.cz Pracovní list VY_32_INOVACE_33_20 Databáze Databáze Databáze Projekt II. Ing. Petr Vilímek

www.zlinskedumy.cz Pracovní list VY_32_INOVACE_33_20 Databáze Databáze Databáze Projekt II. Ing. Petr Vilímek VY_32_INOVACE_33_20 Pracovní list Škola Název projektu, reg. č. Vzdělávací oblast Vzdělávací obor Tematický okruh Téma Tematická oblast Název Autor Vytvořeno, pro obor, roč. Anotace Přínos/cílové kompetence

Více

Zásady a doporučení pro tvorbu prezentací SZŠ A VOŠ MERHAUTOVA 15, BRNO

Zásady a doporučení pro tvorbu prezentací SZŠ A VOŠ MERHAUTOVA 15, BRNO Zásady a doporučení pro tvorbu prezentací SZŠ A VOŠ MERHAUTOVA 15, BRNO Struktura prezentace Titulní snímek název prezentované práce, jméno autora, jméno vedoucího práce Úvodní snímek zadání projektu,

Více

TVORBA PROPAGAČNÍCH MATERIÁLŮ

TVORBA PROPAGAČNÍCH MATERIÁLŮ TVORBA PROPAGAČNÍCH MATERIÁLŮ 1 MgA. Univerzita Tomáše Bati ve Zlíně Fakulta multimediálních komunikací 2 CO JE GRAFICKÝ DESIGN 3 4 HISTORICKÝ VÝVOJ PLAKÁTU 5 POČÁTKY plakátů Evropa, 18. - 19. století

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

Středisko volného času a zařízení pro další vzdělávání pedagogických pracovníků Doris Šumperk

Středisko volného času a zařízení pro další vzdělávání pedagogických pracovníků Doris Šumperk Středisko volného času a zařízení pro další vzdělávání pedagogických pracovníků Doris Šumperk» Manuál vizuální identity SVČ a ZpDVPP Doris Šumperk ÚVODEM» ÚVODEM Školní rok 2012/2013 je rokem změn v zájmovém

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

VÝHODNÝ SOFTWARE Manuál jednotného vizuálního stylu

VÝHODNÝ SOFTWARE Manuál jednotného vizuálního stylu VÝHODNÝ SOFTWARE Manuál jednotného vizuálního stylu VÝHODNÝ SOFTWARE Manuál jednotného vizuálního stylu ELEMENTY JEDNOTNÉHO VIZUÁLNÍHO STYLU 01. Elementy jednotného vizuálního stylu VÝHODNÝ SOFTWARE LOGOTYP

Více

Obchodní akademie a Jazyková škola s právem státní jazykové zkoušky Jihlava

Obchodní akademie a Jazyková škola s právem státní jazykové zkoušky Jihlava Obchodní akademie a Jazyková škola s právem státní jazykové zkoušky Jihlava Šablona 32 VY_32_INOVACE_033.ICT.34 Tvorba webových stránek MS Visual Studio 2010 - HTML Číslo projektu: CZ.1.07/1.5.00/34.0744

Více

MANUÁL ZNAČKY PROGRAMU ROP JIHOZÁPAD

MANUÁL ZNAČKY PROGRAMU ROP JIHOZÁPAD MANUÁL ZNAČKY PROGRAMU ROP JIHOZÁPAD Tabulka změn Manuálu značky ROP Jihozápad Vydání č. Platné od Zpracoval Zrevidoval Schválil Jméno Podpis Jméno Podpis Jméno Podpis 1 1.9.2007 PeopleArt Ing. BÖhmová

Více

5.3.1 Označování velkými bezpečnostními značkami. 5.3.1.1 Všeobecná ustanovení

5.3.1 Označování velkými bezpečnostními značkami. 5.3.1.1 Všeobecná ustanovení KAPITOLA 5.3 OZNAČOVÁNÍ KONTEJNERŮ, MEGC, MEMU, CISTERNOVÝCH KONTEJNERŮ, PŘEMÍSTITELNÝCH CISTEREN A VOZIDEL VELKÝMI BEZPEČNOSTNÍMI ZNAČKAMI, ORANŽOVÝMI TABULKAMI A NÁPISY POZNÁMKA: K označování kontejnerů

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

Integrovaná střední škola, Sokolnice 496

Integrovaná střední škola, Sokolnice 496 Název projektu: Moderní škola Registrační číslo: CZ.1.07/1.5.00/34.0467 Integrovaná střední škola, Sokolnice 496 Název klíčové aktivity: III/2 - Inovace a zkvalitnění výuky prostřednictvím ICT Kód výstupu:

Více

Obsah. Úvodem 11 Komu je kniha určena 11 Forma výkladu 12 Cvičení a příklady ke knize 12

Obsah. Úvodem 11 Komu je kniha určena 11 Forma výkladu 12 Cvičení a příklady ke knize 12 Obsah Úvodem 11 Komu je kniha určena 11 Forma výkladu 12 Cvičení a příklady ke knize 12 Kapitola 1 Než se pustíme do práce 15 Internet, web, WWW co to vlastně je? 15 Jak se tvoří internetové stránky 16

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 1 značka 1 značka Barevné pozitivní provedení 1.1 Grafickou podobu značky tvoří kresebně upravené litery bezpatkového polotučného písma. Upravený nápis ANECT tím neztrácí

Více

Manuál korporátní identity. Corporate Identity Design

Manuál korporátní identity. Corporate Identity Design / Manuál korporátní identity Corporate Identity Design 2 / Obsah 3 / Předmluva 4 / Barevné varianty logotypu 5 / Firemní barvy 6 / Konstrukce logotypu 7 / Ochranná zóna logotypu 8 / Nepovolené použití

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

KAPITOLA 1 Přehled aktuálního vývoje webů 11

KAPITOLA 1 Přehled aktuálního vývoje webů 11 Obsah Úvodem 9 KAPITOLA 1 Přehled aktuálního vývoje webů 11 Definice webového designu 12 Poznejte sedm pravidel webového designu 14 Pochopte tři přístupy k webovému designu 16 Shrnutí 24 KAPITOLA 2 Design

Více

Nástroj pro editaci obsahu (CK Editor)... 35 Ikony nástrojů... 36 Media pool... 41 Postup pro vložení obrázku do rozšiřujících materiálů:...

Nástroj pro editaci obsahu (CK Editor)... 35 Ikony nástrojů... 36 Media pool... 41 Postup pro vložení obrázku do rozšiřujících materiálů:... Výukovýs of t war e Fyzi kapr oži vot př í r učk akpouž í váníapl i k ace Obsah Doporučené požadavky na uživatele a systém... 4 Aplikace Fyzika pro život... 4 Hlavní prvky stránek výukového software...

Více

Uživatelská příručka programu CEWE fotosvět profi

Uživatelská příručka programu CEWE fotosvět profi Uživatelská příručka programu CEWE fotosvět profi Program CEWE fotosvět profi Vám umožní pomocí Adobe InDesign objednat CEWE FOTOKNIHU. Abyste vše zvládli správně na první pokus, přečtěte si prosím níže

Více

VIZUÁLNÍ ST YL. VŠB-TU Ostrava Fakulta elektrotechniky a informatiky

VIZUÁLNÍ ST YL. VŠB-TU Ostrava Fakulta elektrotechniky a informatiky VIZUÁLNÍ ST YL VŠB-TU Ostrava Fakulta elektrotechniky a informatiky vizuální styl grafický prvek Vizuální styl VŠB-TU Ostrava Fakulty Elektrotechniky a Informatiky (dále jen FEI) je vytvářen vzájemným

Více

Grafický manuál firemních symbolů a tiskovin ČEPS, a.s.

Grafický manuál firemních symbolů a tiskovin ČEPS, a.s. Grafický manuál firemních symbolů a tiskovin ČEPS, a.s. Grafický manuál firemních symbolů a tiskovin ČEPS, a.s. OBSAH 1.0 Informace o společnosti Představení společnosti 1.1 Jednotný vizuální styl 1.2

Více

Grafický manuál značky G-PROJECT, s.r.o.

Grafický manuál značky G-PROJECT, s.r.o. , s.r.o. OBSAH 1 Značka 1.1.1 Základní podoba značky s doplňkem 1.1.2 Základní barevná provedení značky 1.2 Užití značky bez doplňku 1.3 Povolené varianty značky 1.4 Používání samotného symbolu 1.5 Ochranná

Více

LOGO MANUÁL STŘEDNÍ MORAVA TENTO PROJEKT JE SPOLUFINANCOVÁN EVROPSKOU UNIÍ

LOGO MANUÁL STŘEDNÍ MORAVA TENTO PROJEKT JE SPOLUFINANCOVÁN EVROPSKOU UNIÍ LOGO MANUÁL STŘEDNÍ MORAVA TENTO PROJEKT JE SPOLUFINANCOVÁN EVROPSKOU UNIÍ Úvod Destination identity turistického regionu Střední Morava Logo turistického regionu Střední Morava vychází z dlouhodobých

Více

E-NABÍDKA PARTNER.REDA.CZ

E-NABÍDKA PARTNER.REDA.CZ E-NABÍDKA PARTNER.REDA.CZ Reda e-nabídka představuje mocný nástroj, díky kterému mohou naši registrovaní klienti přímo z prostředí e-shopu partner.reda.cz vytvářet vlastní produktové nabídky pro své zákazníky.

Více

Obsahy kurzů MS Office

Obsahy kurzů MS Office Obsahy kurzů MS Office V současné době probíhají kurzy MS Office 2010 s následující osnovou: 1. Základy práce na PC, MS Office - praktické užití Kurz je určen pro všechny, kteří mají s prací na PC minimální

Více

Předmět: Typografie na webu

Předmět: Typografie na webu 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

MICROSOFT POWERPOINT 2010

MICROSOFT POWERPOINT 2010 MICROSOFT POWERPOINT 2010 JAK VYTVÁŘET Mgr. Krejčí Jan Základní škola Jaroslava Pešaty, Duchcov 21. září 2012 Mgr. Krejčí Jan (ZSJP) MS PowerPoint - Vytváření 21. září 2012 1 / 6 MS PowerPoint - Vytváření

Více

Gymnázium Vincence Makovského se sportovními třídami Nové Město na Moravě

Gymnázium Vincence Makovského se sportovními třídami Nové Město na Moravě VY_32_INOVACE_INF_BU_19 Sada: Digitální fotografie Téma: Panorama, redukce šumu, zaostření snímku, chromatická vada, vinětace Autor: Mgr. Miloš Bukáček Předmět: Informatika Ročník: 3. ročník osmiletého

Více

Základy designu. gordongroup. O agentuře gordongroup

Základy designu. gordongroup. O agentuře gordongroup Základy designu gordongroup O agentuře gordongroup gordongroup je marketingová a komunikační agentura zajišťující kompletní služby, která nabízí jedinečnou kombinaci služeb včetně designu a grafiky pro

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

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

1. LOGO MĚSTA 3. MERKANTILNÍ TISKOVINY

1. LOGO MĚSTA 3. MERKANTILNÍ TISKOVINY Design manuál OBSAH 1. LOGO MĚSTA 1.1 LOGO Velikost loga Konstrukce loga Ochranná zóna 1.2 BAREVNOST LOGA Logo na základním barevném podkladu Logo na různobarevném podkladu 1.3 ZAKÁZANÉ VARIANTY LOGA 1.4

Více

www.zlinskedumy.cz Pracovní list VY_32_INOVACE_33_19 Databáze Databáze Databáze Ing. Petr Vilímek

www.zlinskedumy.cz Pracovní list VY_32_INOVACE_33_19 Databáze Databáze Databáze Ing. Petr Vilímek VY_32_INOVACE_33_19 Pracovní list Škola Název projektu, reg. č. Vzdělávací oblast Vzdělávací obor Tematický okruh Téma Tematická oblast Střední průmyslová škola Zlín Inovace výuky prostřednictvím ICT v

Více

Mgr. Vlastislav Kučera přednáška č. 1

Mgr. Vlastislav Kučera přednáška č. 1 Mgr. Vlastislav Kučera přednáška č. 1 jazyk (x)html kaskádové styly Castro, E.: HTML, XHTML a CSS. CPress, 2007 Písek, S.: HTML a XHTML, začínáme programovat. Grada Publishing, 2003 Wempen, F.: HTML a

Více

Počítačová prezentace. Základní pojmy. MS PowerPoint

Počítačová prezentace. Základní pojmy. MS PowerPoint Počítačová prezentace Základní pojmy Počítačová prezentace využití elektronického systému pro předávání informací jednoduché zpracování textu, grafiky, zvuku a animací vysoká účinnost prezentace - přehledná

Více

Začnu vytvářet první kampaň. Klepnu na tlačítko VYTVOŘTE PRVNÍ KAMPAŇ. Nejprve kampani nastavte správný typ. Klepněte na tlačítko VYHLEDÁVACÍ SÍŤ S OPTIMALIZOVANOU OBSAHOVOU SÍTÍ a ze seznamu vyberte POUZE

Více

MANUÁL VIZUÁLNÍ IDENTITY

MANUÁL VIZUÁLNÍ IDENTITY MANUÁL VIZUÁLNÍ IDENTITY ZÁKLADNÍ VARIANTA Aplikace na bílé a ostatní světlé podklady. INVERZNÍ VARIANTA Inverzní varianta je určená pro použití na tmavém pozadí, při zachování dostatečného kontrastu mezi

Více

Uživatelská příručka. Vytvořte jedničku mezi stránkami v několika jednoduchých krocích

Uživatelská příručka. Vytvořte jedničku mezi stránkami v několika jednoduchých krocích Uživatelská příručka Vytvořte jedničku mezi stránkami v několika jednoduchých krocích EXO TECHNOLOGIES spol. s r.o. Jašíkova 1536/10 Praha 4, 149 00 IČO: 289 77 939 DIČ: CZ 289 77 939 support@exohosting.cz

Více

IVT. Prezentace pravidla a postupy. 8. ročník

IVT. Prezentace pravidla a postupy. 8. ročník IVT Prezentace pravidla a postupy 8. ročník listopad, prosinec 2013 Autor: Mgr. Dana Kaprálová Zpracováno v rámci projektu Krok za krokem na ZŠ Želatovská ve 21. století registrační číslo projektu: CZ.1.07/1.4.00/21.3443

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

ZPRÁVA O HODNOCENÍ PŘÍSTUPNOSTI WEBOVÉ PREZENTACE MĚSTA XXXXXXXX

ZPRÁVA O HODNOCENÍ PŘÍSTUPNOSTI WEBOVÉ PREZENTACE MĚSTA XXXXXXXX ZPRÁVA O HODNOCENÍ PŘÍSTUPNOSTI WEBOVÉ PREZENTACE MĚSTA XXXXXXXX Vypracoval: Jan Živný, Obce na webu, s.r.o. V Brně dne XXXXXXXX 1 Cíl hodnocení Tato zpráva je zpracována za účelem zhodnocení přístupnosti

Více

Průvodce návrhu pro print24

Průvodce návrhu pro print24 Průvodce návrhu pro print24 Všeobecné požadavky 2 Nálepky 2 Přídavek na ořez 2 Obálky 2 Časopisy 3 Skládané letáky 4 Množství inkoustu 4 Kalendáře 4 Tloušťka linky 5 Plakáty 5 Prezentační desky 5 Prospekty

Více

Hodnocení soutěžních úloh

Hodnocení soutěžních úloh Hodnocení soutěžních úloh Kategorie kancelářské aplikace Soutěž v programování 28. ročník Krajské kolo 2013/2014 10. až 12. dubna 2014 1 Chráněné krajinné oblasti České republiky Koeficient 1 Připrav prezentaci,

Více

1. Základní obsluha PC, z čeho se PC skládá, správné držení myši, správné sezení u PC

1. Základní obsluha PC, z čeho se PC skládá, správné držení myši, správné sezení u PC Počítačový kurz Lektorky, autorky materiálů: J. Valentová, V. Iblová Obsah kurzu: 1. Základní obsluha PC, z čeho se PC skládá, správné držení myši, správné sezení u PC 2. Trénink pohybů ruky při ovládání

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

ZNAK A VLAJKA MĚSTA 3

ZNAK A VLAJKA MĚSTA 3 Grafický manuál ZNAK A VLAJKA MĚSTA 3 Používání znaku a vlajky města Zábřeh upravuje Obecně závazná vyhláška města Zábřehč. 3/2005 o znaku a vlajce města Zábřeh a jejich užívání. Znak města bude používán

Více

Výukový materiál KA č.4 Spolupráce se ZŠ

Výukový materiál KA č.4 Spolupráce se ZŠ Výukový materiál KA č.4 Spolupráce se ZŠ Modul: Téma workshopu: Výpočetní technika Co je to internet? Jak si udělat vlastní www stránku? Vypracovala: Ing. Lenka Hellová Termín workshopu: 30. říjen 2012

Více

CORPORATE DESIGN MANUAL

CORPORATE DESIGN MANUAL CORPORATE DESIGN MANUAL OBSAH Úvodní slovo a specifi kace značky Specifi kace logotypu Kodifi kace barevnosti Firemní písmo Aplikace značky na fi remních tiskovinách Značení fi remních vozidel Reklamní

Více

Elektronické učebnice popis systému, základních funkcí a jejich cena

Elektronické učebnice popis systému, základních funkcí a jejich cena Elektronické učebnice popis systému, základních funkcí a jejich cena Vytvořil TEMEX, spol. s r. o. Obsah 1. Úvod... 2 Formáty... 2 Cena... 2 2. Systémové požadavky... 3 Interaktivní PDF verze... 3 HTML

Více

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

Jméno autora: Mgr. Jitka Bílková Datum vytvoření: 11. 1. 2013 Číslo DUMu: VY_32_INOVACE_09_AR1 Jméno autora: Mgr. Jitka Bílková Datum vytvoření: 11. 1. 2013 Číslo DUMu: VY_32_INOVACE_09_AR1 Ročník: I. Vzdělávací oblast: Odborné vzdělávání, technika aranžování Obor vzdělávání: Aranžér Tematický okruh:

Více

Střední průmyslová škola Ostrov. Tvorba webových stránek. Petr Pistulka I2 2012-2013 CC - BY NC SA3.0. Klínovecká 1197 363 01 Ostrov

Střední průmyslová škola Ostrov. Tvorba webových stránek. Petr Pistulka I2 2012-2013 CC - BY NC SA3.0. Klínovecká 1197 363 01 Ostrov Střední průmyslová škola Ostrov Klínovecká 1197 363 01 Ostrov Tvorba webových stránek Petr Pistulka I2 2012-2013 CC - BY NC SA3.0 Prohlášení Prohlašuji, že jsem svou práci vypracoval samostatně, použil

Více

Logomanuál SPOLEČNOSTI ABRA

Logomanuál SPOLEČNOSTI ABRA Logomanuál SPOLEČNOSTI ABRA Logomanuál společnosti ABRA 1 Základní a negativní podoba značky 2 Černobílá a negativní podoba značky 3 Barevnost značky a zakázané varianty 4 Rozměrová řada a ochranná zóna

Více