Rozvržení stránek. Kompoziční prvky a pravidla

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

Download "Rozvržení stránek. Kompoziční prvky a pravidla"

Transkript

1 Rozvržení stránek Kompoziční prvky a pravidla

2 Webová stránka stejně jako ve světě <sku je rozdělena na menší díly: hlavička (sjednocující prvek), navigace, obsahová část, pata účelem rozvržení je pomáhat návštěvníkovi v používání stránky umírněnost je jedním ze zásadních tajemství úspěšného webdesignu běžné typy stránek: domovské, vyhledávací, obsahové apod. 2

3 Typy stránek mnoho způsobů členění podle různých hledisek podle zaměření: obsahová, navigační, úkolová cílem rozdělení je přivést tvůrce webu k organizovanému způsobu práce jednoduchá kategorizace vstupní (teorefcky každá stránka se známou URL) návštěvní (navigační, obsahové aj.) výstupní 3

4 Úvodní stránka speciální vstupní bod představení webu neobsahuje v podstatě žádné důležité informace má zanechat silný dojem (animace, hudba,...) nabídnout zřetelnou možnost přeskočení nezobrazovat pro časté návštěvníky vhodné použít k instalaci nutného SW a přednačtení obsahu může sloužit jako rozcestník s možnosu volby jazyka, formy úpravy stránek (pro dě<, pro seniory, pro handicapované) atd. 4

5 Domovská stránka hlavní vstupní bod výchozí poloha pro uživatele (značné odlišení vzhledu od ostatních stránek webu) obvykle obsahuje více vizuálních prvků názornější zobrazení iden<ty organizace představuje základní prvky vzhledu: barva, písmo, styl tlačítek, navigace aj. musí vzbudit zájem: dostatečně informa<vní a důležitá, rychle se načte 5

6 Domovská stránka (2) musí zřetelně naznačovat, co se na webu nalézá jednoznačně prezentovat účel a obsah nevhodná příliš častá změna vzhledu (známé weby: google, amazon apod.) informace o klíčových změnách na webu možnost <sku je spíše druhořadá větší flexibilita při použiu barev, pozadí, mul<médií, rozměrů stránky 6

7 Podstránky zaměřené na obsah nebo navigaci ve stylu domovské stránky (jednotný styl vzhledu, navigace atd.) může být orientačním bodem u rozsáhlých webů (pobočka firmy) odlišení od ostatních podstránek i domovské stránky 7

8 Další typy stránek obsahové stránky cílové stránky, zaměřené na prezentaci obsahu rozvržení převzato z nadřazené stránky např. FAQ, právní informace, informace o ochraně soukromí atd. stránky pro plnění úkolů uživateli poskytují informace prostřednictvím interakce s různými prvky např. kontaktní formulář (s možnosu přímého oslovení), stránky určené pro <sk, vyhledávací stránka, registrační formulář, správa nákupního košíku 8

9 Výstupní stránky jasně naznačují závěr, zakončení návštěvy výstupní bod nebývá u webů zaměřených na obsah (každá stránka může být výstupní) vhodné u webů zaměřených na úkol měly by nabízet možnost návratu nechat uživatele odejít v klidu 9

10 Jak uživatelé čtou teorie Jakoba Nielsena uživatelé často čtou webové stránky ve vzoru tvaru F: dva horizontální pruhy spojené ver<kálním studie sledování pohybu očí dominantní čtecí vzor je poměrně konzistentní napříč různými typy stránek nečtou, ale skenují obsah někdy je vzor čtení spíše ve tvaru E nebo L obráceného vzhůru nohama 10

11 11

12 12

13 13

14 14

15 Velikost stránky teore<cky nekonečně dlouhá i široká obpžné zobrazování a Fsk na webu chybí ideální velikost stránky velikost musí být přizpůsobena obsahu určení formy a velikos< je jeden z prvních a nejsložitějších aspektů při návrhu různá zařízení pro prohlížení stránek = různé velikosf a rozlišení zobrazovacích ploch 15

16 Rozlišení stránky skutečně použitelné rozlišení je menší než rozlišení obrazovky stránka musí vyhovovat obrazovce, zejména se musí vejít na šířku výška je nejčastěji přizpůsobená obsahu ohyb zlomový bod před přechodem mimo obrazovku první celá viditelná obrazovka je zásadní 16

17 Rozlišení displeje v ČR!"#$%&'()*+%,-.*/"012+3(%*&*45* (!" '!" &!" %!" $!" #!"!" $!!)*!%" $!!)*!&" $!!)*!'" $!!)*!(" $!!)*!+" $!!)*!," $!!)*!)" $!!)*#!" $!!)*##" $!!)*#$" $!#!*!#" $!#!*!$" $!#!*!%" $!#!*!&" $!#!*!'" $!#!*!(" $!#!*!+" $!#!*!," $!#!*!)" $!#!*#!" $!#!*##" $!#!*#$" $!##*!#" $!##*!$" $!##*!%" $!##*!&" $!##*!'" $!##*!(" $!##*!+" $!##*!," $!##*!)" $!##*#!" $!##*##" $!##*#$" $!#$*!#" $!#$*!$",!!*#!$&" #!)%*#$,!" #%(!*#&&!" #(!!*#(,!" #)$!" -./0" 17

18 Výběr rozlišení stránky ne vždy závisí výhradně na globálních sta<s<kách cílová skupina (téma stránek) účel a dosažitelný obsah veřejné vyhledávače závisí na globálních sta<s<kách konzerva<vní přístup k předpokládaným rozlišením = zajis<t prostor navíc

19 Výběr rozlišení stránky (2) dojem prázdného prostoru při zobrazení stránky s pevnou velikosu na větších obrazovkách snižuje umístění stránky uprostřed okna prohlížeče použip pozadí, které rozšiřuje hranice stránky nebo vyplní volný prostor vzorkem výška stránky při nutnos< posouvání by se měl obsah vejít do cca 3 5 plných obrazovek 19

20 Fixní vs. rela<vní weby rela<vní velikos< nemožná přesná kontrola nad umístěním prvků (obrázky, příliš široký text apod.) proměnlivá velikost (a tedy i kvalita) obrázků při velkém množství obsahu fixní rozměry (dnes nejčastější šířka 960 px) problém s pohodlným zobrazením u nižších rozlišení možnost téměř přesné kontroly vzhledu kompromis: rozšiřování v daných mezích (např px), automa<cká změna CSS dle potřeby 20

21 Vnímání stránky v čase 21

22 Obrazová kompozice základem je důkladně promyšlené uspořádání prvků v díle s jasným záměrem tvůrce vizuálního sdělení by neměl ignorovat způsob, jímž lidé vnímají okolí kompoziční prvky: linie, tvar, prostor, objem, tónová hodnota (stupeň světelnos<), barva, textura kompoziční pravidla principy/zásady určující uspořádání/skladbu obrazu 22

23 Kompoziční schémata zlatý řez rozdělení, kdy vztah mezi větší čásu a celkem je stejný jako vztah menší čás< a větší čás< (poměr blízký 8:13) zlatý bod (průsečík zlatých řezů stran obdélníka) ideální pro umístění dominanty 23

24 Kompoziční schémata (2) pravidlo tře<n mřížka členící kompoziční prostor na 9 stejných obdélníků/čtverců zjednodušená varianta principu zlatého řezu 24

25 Rozvržení podle pravidla tří 25

26 Kompoziční schémata (3) využiu geometrického středu k dělení prostoru vizuální střed mírně napravo a nahoře od matemafckého středu opfcký střed 26

27 Středová kompoziční schémata horizontála a/nebo ver<kála vyvolává dojem klidu, vyváženosf striktně pravidelné rozmístění prvků může být vnímáno i jako strnulost diagonála působí dynamickým dojmem, evokuje pocit pohybu neefekfvní využip plochy do prostoru návrhu se vejde méně prvků než při užip jiných členění 27

28 Středová kompoziční schémata (2) radiála působí velice vyrovnaným, často až meditafvním/duchovním dojmem podle určitého geometrického tvaru geometrický střed stránky i tvaru se musí překrývat rozmístění objektů pak kopíruje hlavní tvar nejčastěji trojúhelník působí velice stabilním dojmem: ve spodní čásf stránky je více prvků než v horní (kompozice odpovídá fyzikálním zákonům) 28

29 Radiála 29

30 Kompoziční prvky linie jednorozměrný prostředek schema<zace nápadu (skica) umožňující rychlé sdělení viditelné celá je bezprostředně vidět naznačené neviditelná spojnice mezi prvky silné, přímé = umělé; tenké, zakřivené = přirozené směr: svislé = stabilita a napěu, vodorovné = stabilita a uklidnění, šikmé = pohyb a napěu emocionální vyznění a sdělné kvality linií jsou často podceňovány 30

31 Kompoziční prvky (2) tvar dvojrozměrný prostředek umožňující rychle iden<fikovat určitý předmět realisfcké zachovávají parametry skutečnosf deformované záměrně upravené realisfcké tvary jsou stále rozpoznatelné abstrahované redukce přirozených tvarů na nejjednodušší formy stylizované nízká míra abstrakce se snahou částečně zachovat prvky realismu 31

32 32

33 Kompoziční prvky (3) tvar (pokračování) abstraktní vizuálně nereprezentují žádné přirozené objekty pozornost diváka neruší jednotlivé náměty > do popředí vystupují základní kompoziční prvky a pravidla vyjadřující sdělení obrazu přímé rovné, zkosené, geometricky strohé = charakterisfcké vlastnosf umělých konstrukcí křivočaré organické, oblé, zakřivené = formy vyskytující se v přírodě 33

34 Kompoziční prvky (4) nega<vní prostor prázdná plocha (pozadí) obklopující pozi<vní tvar (obrazec) u ztvárnění jasně rozpoznatelného námětu je snadno rozlišitelný od pozifvního tvaru u abstraktních tvarů není vždy snadno rozlišitelný rám obrazu pomáhá vymezit oblasf negafvního pozadí a pozifvního tvaru méně prostoru = agresivnější, údernější více prostoru = vyrovnanější, poklidnější 34

35 Kompoziční prvky (5) objem trojrozměrný prvek realis<cky zobrazitelný současně z řady úhlů ve svém prostředí tónová hodnota světlost nebo tmavost tónu závisí na světle umožňujícím vidět kontrast tónových hodnot vytvářejících tvar velmi světlé = radostnější atmosféra tmavé = ponurá a vážná atmosféra 35

36 Kompoziční prvky (5) barva prostředek emocionální komunikace není objekfvní vlastnosp předmětu (na rozdíl např. od tvaru) subjekfvní vjem vznikající na základě zpracování různých vlnových délek světelného vlnění (viditelné spektrum) vnímání závisí na zvycích a kulturním kontextu příjemců textura povrchová struktura objektu 36

37 Kompoziční pravidla popisují jak poskládat kompoziční prvky porozumění usnadní pochopit proč se některá kompozice divákovi (ne)líbí či proč jí (ne)rozumí konkrétní užiu pravidla závisí na účelu, který má kompozice splnit soulad (harmonie) různorodost ohnisko a vizuální hierarchie rovnováha 37

38 Soulad chybějící soulad chao<cká a obužně vnímatelná kompozice prostředky k dosažení souladu rozmístění pravidelné, ke středu kompozice, rovnoběžné linie okrajů, podobné blízko sebe opakování vícenásobné použip prvku rytmus pravidelné opakování/střídání stejných/ podobných prvků spojitost vlastnost prvku vážící se na jiný prvek 38

39 Soulad (2) rytmus a opakování Opakování (bez rytmu) Rytmus opakováním Postupný rytmus Střídavý rytmus 39

40 Soulad (3) spojitost (podobnost) příklady sazební mřížky a vodítka sloužící k uspořádání obrázků a informací vytvářejí rytmus a jednotnou strukturu (lepší zrakové zpracování) jednotná grafická podoba obalů firemních výrobků, propagačních předmětů apod. 40

41 Soulad na webu vhodný k vizuálnímu spojení jednotlivých voleb v navigaci nebo prvků tvořících hlavičku častý je přílišný soulad tzv. obdélníkovitost = obdélníky jsou všude (okno prohlížeče, rámce, tabulky, obrázky) > nemyslet ve čtvercích grafika se zaoblenými okraji obrázky na pozadí grafika s nepravidelnými tvary volný prostor střídání tvarů a velikos< prvků 41

42 42

43 Různorodost zvyšuje zajímavost příliš jednolitě uspořádané kompozice (předvídatelná fádní) vyjadřuje se pomocí kontrastu (rozdílu mezi prvky) opačný účinek souladu spojitosu (vyzdvihování podobnos<) linií: tlusté a tenké, různý směr tvarů: vizuální váha (velikost, tónová hodnota), typ tvaru (přímý, křivočarý) 43

44 Vizuální váha Vliv tónové hodnoty a velikos< na vizuální váhu 44

45 Různorodost vs. soulad základem dobré kompozice je vyvážení různorodos< a souladu jedno může převažovat, ale žádné nesmí chybět Přehnaná různorodost a přílišný soulad 45

46 Ohnisko a vizuální hierarchie ohnisko má přitahovat pozornost kontrast prvku s okolím a zároveň soulad, aby nedošlo k osamostatnění směr linií, odlišný tvar, tónový a barevný kontrast, poloha prvku hierarchie více ohnisek v kompozici ohniska různě výrazná, aby navzájem nesoupeřila: divák je bude sledovat postupně 46

47 Barevný kontrast Tvarový kontrast Zvýraznění izolací (poloha) Zvýraznění dotykem (poloha) 47

48 Kompozice bez ohniska evokuje grafický vzor opakování podobného nebo stejného kompozičního prvku jednotlivé prvky nejsou tak rychle patrné > působí jednotvárně zrak se nemůže opřít o žádný počáteční ani závěrečný bod oko diváka se při jejím sledování brzy unaví na webu např. stránka obsahující jen text (s nadpisy, kontextovými odkazy atd.) 48

49 Rovnováha rovnoměrné rozprostření vizuální váhy (v jednotlivých částech prostoru vzniklých aplikací kompozičního schématu) symetrická obě strany kompozice shodné asymetrická váha rozložena nerovnoměrně, ale rovnováha zůstává radiální formuje se kolem hlavního ohniska symetrická ohnisko leží uprostřed (alespoň ve vodorovném směru) asymetrická ohnisko mimo střed v obou směrech 49

50 Rovnováha vs. nerovnováha 50

51 51

52 Asymetrická rovnováha velikost, barva a tvar objektu ovlivňují vizuální váhu => větší, tmavší a komplikovanější (obsahující mnoho různých linií) objekt působí vizuálně jako těžší Vyvážení množstvím Vyvážení barvou Vyvážení tvarem 52

53 Layout jakési schéma, jež říká, kde bude umístěna značka, hlavní navigace, formulář pro vyhledávání a další obvyklé součás< stránky faktory omezující návrh dobrého layoutu pravidla informační architektury, volání po kreafvitě vzhledu webu, použitelnost základ webové prezentace tabulkový a beztabulkový layout 53

54 Webové konvence logotyp v levém horním rohu funguje jako návrat na domovskou stránku textové odkazy opakující hlavní navigaci jsou ve spodní čás< stránky na dlouhých stránkách se používají odkazy na začátek stránky odkaz na nákupní košík je v pravém horním rohu sekundární navigační prvky jsou odděleně od hlavní navigace 54

55 Flexibilní vzhled možnost snadného přidávání/odstraňování stránek nebo jiných položek navigační nabídka nejobvyklejší zdroj nepružnos< rozvržení obsahu změny v množství obsahu musí být proveditelné bez narušení vzhledu oblast s iden<fikací stránky dostatečná velikost pro delší názvy omezuje možnos< webdesignera při rozvržení není nutné řešit u krátkodobě fungujících webů nevyžadujících budoucí změny 55

56 Neflexibilní vzhled

57 Mřížkový systém běžné moderní monitory podporují rozlišení alespoň > standardní šířka webu 960 px flexibilní číslo 960 dělitelné 2, 3, 4, 5, 6, 8, 10, 12, 15, 16, 20, 24, 30, 32, 40, 48, 60, 64, 80, 96, 120, 160, 192, 240, 320 a 480 nejčastější rozdělení mřížky na 12 nebo 16 sloupců snazší orientace uživatele (mřížku zná z <skovin a jiných webů) umístění vodících linek redukuje možnos< volby > jednodušší a efek<vnější proces návrhu rozložení (rozhodnuu o umístění, šířce a výšce elementů) 57

58 58

59 Mřížka o 16 sloupcích 59

60 Porušení mřížky 60

61 Bez použiu mřížky 61

62 Umístění navigace není jen otázkou vkusu, ale zejména má vliv na faktor použitelnos< existuje jen 5 hlavních oblasu, do kterých lze umís<t prvky navigace: v horní čásf, ve spodní čásf, vlevo, vpravo uprostřed každé umístění má svoje výhody i nevýhody 62

63 Navigace v horní čás< obrazovky zvyk z GUI hlavní nabídky programu v souladu s nejobvyklejším směrem prohlížení problém s odsunuum z obrazovky na dlouhé stránce zakotvení navigace v horní čásf obrazovky použip odkazu Zpět na začátek poskytnup textových odkazů v dolní čásf stránky (tzv. design záhlaví- zápap) 63

64 Navigace v levé čás< velmi obvyklá pozice i v programech rovněž v souladu s obvyklým směrem prohlížení při malém rozlišení může blokovat mnoho plochy pro obsah co nejvíce omezit horizontální posouvání nové okno bez navigace (se zřetelným tlačítkem pro zavření) pro široký obsah skryp/vysunup navigace omezuje vědomí uživatele o možnostech k dispozici 64

65 Jiná umístění navigace dolní část obrazovky: mimo hlavní směr prohlížení často není zobrazena na první obrazovce (vyžaduje posouvání) lze ji ukotvit pro< odsunuu uvolňuje místo pro značku, iden<fikaci stránky pravá část obrazovky (kde přesně?) umožňuje okamžité čtení obsahu (bez navigační hradby vlevo), blízko posuvníkům daleko od oblíbeného tkačítka Zpět neukotvená může být mimo první obrazovku 65

66 66

67 Jiná umístění navigace (2) uprostřed obrazovky obvyklé a vhodné u domovské stránky a u stránek zaměřených na navigaci (portály) umožňuje také vizuální odlišení od podstránek obsahová stránka je s Pmto umístěním navigace nepřehledná v rámci obsahové stránky vhodné pouze pro umístění křížových odkazů 67

68 68

69 Nejpoužívanější rozvržení TLB (Top- Le~- Boom) horní část: název, primární navigace levá část: sekundární navigace spodní část: doplňková, podpůrná navigace záhlaví zápau: celá šířka využita pro obsah vycentrované a plovoucí okno rozšiřitelné stránky šířka (zejména sloupce s obsahem) se přizpůsobí velikos< okna 69

70 70

71 71

72 72

73 Literatura Hashimoto, A. Velká kniha digitální grafiky a designu ISBN Ambrose, G., Harris, P. Layout velký průvodce grafickou úpravou ISBN Powel, T. A. Web design kompletní průvodce ISBN Nielsen, J. F- Shaped Paern For Reading Web Content URL: hp://www.useit.com/alertbox/ reading_paern.html 960 Grid system. URL: hp://960.gs/ 73

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

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

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

Základy kompozice. 1. Rovnováha. 2. Symetrie

Základy kompozice. 1. Rovnováha. 2. Symetrie Základy kompozice Kompozici je možné definovat jako uspořádání prvků na určitém ohraničeném prostoru-plátně, obrazovce monitoru nebo třeba ve výkladní skříni. Jejím úkolem je zejména "vést" oko, tedy poskytnout

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

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

Grafická a multimediální laboratoř KOMPOZICE 2A. KOMPOZICE 2A. KOMPONOVÁNÍ DESATERO KLASICKÉ KOMPOZICE Grafická a multimediální laboratoř 1. Fotografie má jeden hlavní motiv, který je světelně nejvýraznější, je ostrý a zřetelně oddělen od pozadí. 2.

Více

Počítačové formy projekce jsou: promítání snímků na obrazovce počítače, promítání snímků z počítače na plátno,

Počítačové formy projekce jsou: promítání snímků na obrazovce počítače, promítání snímků z počítače na plátno, Prezentace Počítačové formy projekce jsou: promítání snímků na obrazovce počítače, promítání snímků z počítače na plátno, využití interaktivní tabule. Postup při tvorbě prezentace I 1. Stanovení cílů.

Více

OBSAH. Specifikace značky. 2 Logomanuál firmy CROSS

OBSAH. Specifikace značky. 2 Logomanuál firmy CROSS Logomanuál OBSAH Specifikace značky Úvodní slovo 4 Grafická značka 4 Barevný gradient 5 Logotyp a jeho varianty 6 Ochranný prostor logotypu 7 Logotyp na podkladové ploše 8 Logotyp a doplňkové texty 9 2

Více

Logomanuál. pravidla používání značky

Logomanuál. pravidla používání značky pravidla používání značky Obsah Grafická podoba značky Trinity............... 3 Základní tvarová a barevná varianta značky........ 4 Jednobarevná pozitivní a negativní varianta značky.. 5 Vícebarevná negativní

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

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

Zobrazování bannerů podporují pouze nově vytvořené šablony motivů vzhledu.

Zobrazování bannerů podporují pouze nově vytvořené šablony motivů vzhledu. Bannerový systém ProEshop od verze 1.13 umožňuje zobrazování bannerů na popředí e-shopu. Bannerový systém je přístupný v administraci e-shopu v nabídce Vzhled, texty Bannerový systém v případě, že aktivní

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

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

Grafická a multimediální laboratoř KOMPOZICE 1. Úvod KOMPOZICE 1 Úvod KOMPOZICE - ZÁKLADY fotografování: aktivní kreativní vyjadřovací činnost nejjednodušší tvůrčí postup každý může rozvíjet své vidění, kreativitu, vnímání i interakci s okolím automatika

Více

Osnova kurzu OBSLUHA PC ZÁKLADNÍ ZNALOSTI. pilotního projektu v rámci I. Etapy realizace SIPVZ

Osnova kurzu OBSLUHA PC ZÁKLADNÍ ZNALOSTI. pilotního projektu v rámci I. Etapy realizace SIPVZ Střední průmyslová škola a Střední odborné učiliště, Trutnov, Školní 101, tel.: +420 499 813 071, fax: +420 499 814 729, e-mail: skola@spssoutu.cz, URL: http://www.spssoutu.cz Osnova kurzu OBSLUHA PC ZÁKLADNÍ

Více

ŠKODA Portal Platform

ŠKODA Portal Platform ŠKODA Portal Platform Struktura LESS stylů Jan Obrátil Účel dokumentu Účelem tohoto dokumentu je vysvětlit strukturu stylů v Portálové Platformě tak, aby bylo možné je správně použít a rozšířit je pro

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

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

Strategie ochrany před negativními dopady povodní a erozními jevy přírodě blízkými opatřeními v České republice

Strategie ochrany před negativními dopady povodní a erozními jevy přírodě blízkými opatřeními v České republice Strategie ochrany před negativními dopady povodní a erozními jevy přírodě blízkými opatřeními v České republice Návod k prezentačnímu mapovému portálu Obsah: 1. Úvod... 3 2. Obecná část mapového portálu...

Více

VÝTVARNÁ VÝCHOVA 1. - 3. ROČNÍK Žák: pozná různé druhy tvarů, porovnává vlastnosti, které zakládají, jejich podobnost či odlišnost, jejich vztahy, pozná různorodé přírodní a umělé materiály, seznamuje

Více

Hřiště-sportoviště-tělocvična ověřený provoz. manuál Prosinec 2010

Hřiště-sportoviště-tělocvična ověřený provoz. manuál Prosinec 2010 Hřiště-sportoviště-tělocvična ověřený provoz manuál Prosinec 2010 www.overenehriste.cz prosinec 2010 Obsah Úvod..................................................... strana 3 Pojmenování souborů...strana

Více

Úvod. Pokyny a informace týkající se konkrétního firemního designu jsou na jednotlivých stranách

Úvod. Pokyny a informace týkající se konkrétního firemního designu jsou na jednotlivých stranách GRAFICKÝ MANUÁL Úvod Grafický manuál (G.M.) je nedílnou součástí jednotného vizuálního stylu (corporate identity) každé firmy nebo produktu. Manuál slouží jako základní informační zdroj o logu a jeho použití.

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

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

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

Název: VY_32_INOVACE_PG4119 Tipy a triky, rozdíly mezi prohlížeči

Název: VY_32_INOVACE_PG4119 Tipy a triky, rozdíly mezi prohlížeči Název: VY_32_INOVACE_PG4119 Tipy a triky, rozdíly mezi prohlížeči Autor: Mgr. Tomáš Javorský Datum vytvoření: 06 / 2012 Ročník: 3 Vzdělávací oblast / téma: webdesign, počítačová grafika Anotace: DUM seznamuje

Více

3 Formuláře a sestavy Příklad 1 Access 2007

3 Formuláře a sestavy Příklad 1 Access 2007 TÉMA: Vytváření formulářů Správce databáze Naše zahrada předpokládá, že bude s vytvořenou databází pracovat více uživatelů. Je třeba proto navrhnout a vytvořit formuláře pro přístup k datům. Zadání: Otevřete

Více

Návrh rozložení (wireframe)

Návrh rozložení (wireframe) PCS spol. s r.o. Eva Možná Na Dvorcích 18/122, 14000 Praha 4 V Pardubicích dne 26.11.2012 Návrh rozložení (wireframe) Vážená paní Možná, na základě naší předchozí komunikace si Vám dovoluji zaslat návrh

Více

Obraz v domácnosti. Pravidla umístění obrazu

Obraz v domácnosti. Pravidla umístění obrazu Obraz v domácnosti Pravidla umístění obrazu Závěsný obraz v interiéru bytu Správné umístění obrazu v interiéru má podporovat a zdůrazňovat umělecké hodnoty obrazu. Umístění obrazu má tvůrčí charakter,velký

Více

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

Koncepce jednotného vizuálního stylu Libereckého kraje LOGOTYP Koncepce jednotného vizuálního stylu Libereckého kraje LOGOTYP Obsah Základní prvky Koncepce jednotného vizuálního stylu 3 Logotyp Libereckého kraje 3 Jazykové mutace názvu kraje 4 Logotyp Libereckého

Více

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

Digitální fotografie. Mgr. Milana Soukupová Gymnázium Česká Třebová Digitální fotografie Mgr. Milana Soukupová Gymnázium Česká Třebová Téma sady didaktických materiálů Digitální fotografie I. Číslo a název šablony Číslo didaktického materiálu Druh didaktického materiálu

Více

Základní pravidla pro tvorbu prezentací

Základní pravidla pro tvorbu prezentací Základní pravidla pro tvorbu prezentací (pro potřeby GJO zpracoval Lukáš Kačer) Název prezentace krátký věcný výstižný Rozsah prezentace kratší prezentace méně znamená více přiměřenost názornost přehlednost

Více

1 Kompoziční prvky... 10. 1.1 Linie... 10. 1.1.1 Síla linie... 10. 1.1.2 Průběh linie... 11. 1.1.3 Směr linie... 12. 1.2 Tvar...

1 Kompoziční prvky... 10. 1.1 Linie... 10. 1.1.1 Síla linie... 10. 1.1.2 Průběh linie... 11. 1.1.3 Směr linie... 12. 1.2 Tvar... OBSAH Část B 1 Kompoziční prvky... 10 1.1 Linie... 10 1.1.1 Síla linie... 10 1.1.2 Průběh linie... 11 1.1.3 Směr linie... 12 1.2 Tvar... 14 1.2.1 Realistické, deformované a stylizované tvary... 15 1.3

Více

Albrechtova střední škola, Český Těšín, p.o. II. DTP STRÁNKOVÁ MONTÁŽ

Albrechtova střední škola, Český Těšín, p.o. II. DTP STRÁNKOVÁ MONTÁŽ Číslo projektu: Název projektu: Subjekt: Označení materiálu (přílohy): CZ.1.07/1.1.24/02.0118 Polygrafie v praxi Albrechtova střední škola, Český Těšín, p.o. II. STRÁNKOVÁ MONTÁŽ Autor: Markéta Březinová

Více

Z důvodu zestručnění informací tento logomanuál neobsahuje zakázané varianty použití loga. Jednoznačně tak proto platí jednoduché a pevné pravidlo:

Z důvodu zestručnění informací tento logomanuál neobsahuje zakázané varianty použití loga. Jednoznačně tak proto platí jednoduché a pevné pravidlo: ÚVOD Grafický logomanuál slouží jako základní informační zdroj o logu BMT Medical Technology s.r.o. a jeho použití. Je nezbytné jej do důsledků dodržet, a tím zabránit možnému poškození loga. Jednotné

Více

Manuál vizuálního stylu CENTROPROJEKT a.s. (v0.1) Zpracovalo Modest Studio modeststudio.cz / +420 725 792 827

Manuál vizuálního stylu CENTROPROJEKT a.s. (v0.1) Zpracovalo Modest Studio modeststudio.cz / +420 725 792 827 Manuál vizuálního stylu CENTROPROJEKT a.s. (v0.1) Zpracovalo Modest Studio modeststudio.cz / +420 725 792 827 Redesign logotypu a symbolu spočívá především v nezbytně nutném stanovení čistější varianty

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

Zadávací dokumentace k výběrovému řízení pro redesign firemních webových stránek společnosti Web4ce, s.r.o.

Zadávací dokumentace k výběrovému řízení pro redesign firemních webových stránek společnosti Web4ce, s.r.o. Zadávací dokumentace k výběrovému řízení pro redesign firemních webových stránek společnosti Web4ce, s.r.o. 1. Základní informace Vyhlašujeme výběrové řízení na dodávku nového grafického řešení pro internetovou

Více

VETERINÁRNÍ A FARMACEUTICKÁ UNIVERZITA BRNO REKTORÁT SEKRETARIÁT REKTORA

VETERINÁRNÍ A FARMACEUTICKÁ UNIVERZITA BRNO REKTORÁT SEKRETARIÁT REKTORA V Brně dne 20. října 2011 č.j. 111 427/2011 Metodika Jednotného vizuálního stylu Veterinární a farmaceutické univerzity Brno Článek 1 Úvodní ustanovení 1) Tato metodika upravuje jednotný vizuální styl

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

Na obrázku níže je vidět jedno z možných nastavení umístění grafu Ve sloupci pro graf. Spuštění první plovoucí sady. Spuštění druhé plovoucí sady

Na obrázku níže je vidět jedno z možných nastavení umístění grafu Ve sloupci pro graf. Spuštění první plovoucí sady. Spuštění druhé plovoucí sady Pokročilé grafy Různé grafy ukazují historický pohled na trh mnoha různými metodami. To vám umožňuje na první pohled vidět historii obchodování na jednom nebo na několika výběrech. Můžete mít až tři oddělené

Více

OBSAH. Předmluva 13 Poděkování 14. 1. Přehled dnešního vývoje webů 15. 2. Design pro minulost, přítomnost i budoucnost 33

OBSAH. Předmluva 13 Poděkování 14. 1. Přehled dnešního vývoje webů 15. 2. Design pro minulost, přítomnost i budoucnost 33 OBSAH Předmluva 13 Poděkování 14 1. Přehled dnešního vývoje webů 15 Definice webdesignu 16 Sedm pravidel webdesignu 19 Tři filozofie webdesignu 20 Filozofie použitelnosti 21 Filozofie multimédií 25 Filozofie

Více

Karel Punčoch Jan Sequens. Moderní trendy webdesignu

Karel Punčoch Jan Sequens. Moderní trendy webdesignu Karel Punčoch Jan Sequens Moderní trendy webdesignu Budouctnost internetu? internet zmizí! ERIC SCHMIDT šéf Google Ekonomické fórum v Davosu leden 2015 Budouctnost internetu? internet zmizí! ERIC SCHMIDT

Více

Název modulu: XHTML a CSS pokročilé techniky tvorby webových stránek

Název modulu: XHTML a CSS pokročilé techniky tvorby webových stránek Název modulu: XHTML a CSS pokročilé techniky tvorby webových stránek Označení: C8 Stručná charakteristika modulu Modul si klade za cíl seznámit detailněji s tvorbou webových stránek pomocí kódovacího jazyka

Více

Manuál korporátní identity Anna Čaníková

Manuál korporátní identity Anna Čaníková Přehled Tento online manuál existuje z důvodu sjednocení grafického stylu při interní i externí komunikaci. Manuál je určen hlavně odborníkům z reklamních agentur, grafických studií, promotion a event

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

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 Internetové publikování Webdesign Design

Více

CITY PARK JIHLAVA prezentace nové grafické úpravy firemního vizuálu

CITY PARK JIHLAVA prezentace nové grafické úpravy firemního vizuálu CITY PARK JIHLAVA prezentace nové grafické úpravy firemního vizuálu 1 Obsah 2 úvod.......................................................................................... 3 1 / jednotný vizuální styl

Více

Základní nastavení. Petr Novák (novace@labe.felk.cvut.cz) 13.12.2010

Základní nastavení. Petr Novák (novace@labe.felk.cvut.cz) 13.12.2010 Základní nastavení Petr Novák (novace@labe.felk.cvut.cz) 13.12.2010 Všechny testy / moduly používají určité základní nastavení. Toto základní nastavení se vyvolá stiskem tlačítka Globální / základní konfigurace

Více

PRŮVODCE UŽITÍM LOGA

PRŮVODCE UŽITÍM LOGA PRŮVODCE UŽITÍM LOGA 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ý tvoří základ vizuální komunikace mezi námi a našimi

Více

Návrh zpravodajské aplikace idnes po Android

Návrh zpravodajské aplikace idnes po Android Návrh zpravodajské aplikace idnes po Android Semestrální projekt pro předmět PDA 1 D1! 4 Název! 4 Popis! 4 Cílová skupina! 4 D2! 5 Uživatelé! 5 Aktivity! 5 System Support! 5 Cílová platforma! 6 Context!

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

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

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

Digitální učební materiály ve škole, registrační číslo projektu CZ.1.07/1.5.00/34.0527

Digitální učební materiály ve škole, registrační číslo projektu CZ.1.07/1.5.00/34.0527 Projekt: Příjemce: Digitální učební materiály ve škole, registrační číslo projektu CZ.1.07/1.5.00/34.0527 Střední zdravotnická škola a Vyšší odborná škola zdravotnická, Husova 3, 371 60 České Budějovice

Více

Použité zdroje a odkazy: Nápověda Corel Draw X6, J. Švercl: Technické kreslení a deskriptivní geometrie pro školu a praxi

Použité zdroje a odkazy: Nápověda Corel Draw X6, J. Švercl: Technické kreslení a deskriptivní geometrie pro školu a praxi Označení materiálu: Autor: Mgr. Ludmila Krčmářová VY_32_INOVACE_PoGra1709 Tematický celek: Corel DrawX6 Učivo (téma): Kótování v Corel Draw Stručná Charakteristika: Využití nástrojů CD vhodných na kótování

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

Úvodní příručka. Správa souborů Kliknutím na kartu Soubor můžete otevřít, uložit, vytisknout a spravovat své soubory Wordu.

Úvodní příručka. Správa souborů Kliknutím na kartu Soubor můžete otevřít, uložit, vytisknout a spravovat své soubory Wordu. Úvodní příručka Microsoft Word 2013 vypadá jinak než ve starších verzích, proto jsme vytvořili tuto příručku, která vám pomůže se s ním rychle seznámit. Panel nástrojů Rychlý přístup Příkazy tady umístěné

Více

EU-OPVK:VY_32_INOVACE_FIL19 Vojtěch Filip, 2014

EU-OPVK:VY_32_INOVACE_FIL19 Vojtěch Filip, 2014 Číslo projektu CZ.1.07/1.5.00/34.0036 Tématický celek Inovace výuky ICT na BPA Název projektu Inovace a individualizace výuky Název materiálu Microsoft Word styly, tabulky, obrázky Číslo materiálu VY_32_INOVACE_FIL19

Více

Navigace na webových stránkách

Navigace na webových stránkách Navigace na webových stránkách Tato kapitola navazuje na kapitoly o přístupnosti, použitelnosti a optimalizaci webových stránek a podrobněji popisuje tvorbu informační architektury webových stránek, zejména

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

Jak využít kancelářské aplikace ve výuce MS Office 2007. Gymnázium a SOŠ Orlová 14. 11. 2007 Ing. Marta Slawinská

Jak využít kancelářské aplikace ve výuce MS Office 2007. Gymnázium a SOŠ Orlová 14. 11. 2007 Ing. Marta Slawinská Jak využít kancelářské aplikace ve výuce MS Office 2007 Gymnázium a SOŠ Orlová 14. 11. 2007 Ing. Marta Slawinská Cíle školení Seznámit se s novým uživatelským rozhraním MS Office 2007 a jeho specifikacemi

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

LABSKO-VLTAVSKÝ DOPRAVNÍ INFORMAČNÍ SYSTÉM. Manuál jednotného vizuálního stylu. Návod k použití grafických prvků firemního logotypu

LABSKO-VLTAVSKÝ DOPRAVNÍ INFORMAČNÍ SYSTÉM. Manuál jednotného vizuálního stylu. Návod k použití grafických prvků firemního logotypu LABSKO-VLTAVSKÝ DOPRAVNÍ INFORMAČNÍ SYSTÉM Manuál jednotného vizuálního stylu Návod k použití grafických prvků firemního logotypu 2012 Úvodem Základem firemního logotypu jsou logo, barvy a písmo. Pomocí

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

Monochromatické zobrazování

Monochromatické zobrazování Monochromatické zobrazování 1995-2015 Josef Pelikán CGG MFF UK Praha pepca@cgg.mff.cuni.cz http://cgg.mff.cuni.cz/~pepca/ Mono 2015 Josef Pelikán, http://cgg.mff.cuni.cz/~pepca 1 / 27 Vnímání šedých odstínů

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

Nastavení a ovládání aplikace ifoxtrot

Nastavení a ovládání aplikace ifoxtrot Nastavení a ovládání aplikace ifoxtrot A - obrazovka po spuštění a/nebo při neaktivním připojení Úvodní obrazovka s nakonfigurovaným a vybraným připojením s názvem Chata. Při prvním spuštění je v seznamu

Více

Obsah. Úvod... 9. Barevná kompozice... 16 Světlo... 18 Chromatická teplota světla... 19 Vyvážení bílé barvy... 20

Obsah. Úvod... 9. Barevná kompozice... 16 Světlo... 18 Chromatická teplota světla... 19 Vyvážení bílé barvy... 20 Obsah Úvod.............................................................................................. 9 Historie grafického designu a tisku..................................... 10 Od zadání k návrhu..............................................................

Více

Příloha č. 9 VÝTVARNÁ VÝCHOVA

Příloha č. 9 VÝTVARNÁ VÝCHOVA Žák při vlastních tvůrčích činnostech pojmenovává prvky vizuálně obrazného vyjádření (světlostní poměry, barevné kontrasty, proporční ) Žák využívá a kombinuje prvky vizuálně obrazného vyjádření ve vztahu

Více

Grafický manuál. společnosti Teplárna České Budějovice, a. s.

Grafický manuál. společnosti Teplárna České Budějovice, a. s. Grafický manuál společnosti Teplárna České Budějovice, a. s. Platnost od 2013 Úvod Grafický manuál je souborný materiál definující základní grafické konstanty firemního designu a jejich správné použití.

Více

Obsah. 1 Úvod do Visia 2003 15. 2 Práce se soubory 47. Předmluva 11 Typografická konvence použitá v knize 13

Obsah. 1 Úvod do Visia 2003 15. 2 Práce se soubory 47. Předmluva 11 Typografická konvence použitá v knize 13 Předmluva 11 Typografická konvence použitá v knize 13 1 Úvod do Visia 2003 15 Visio se představuje 16 Výchozí podmínky 16 Spuštění a ukončení Visia 18 Způsoby spuštění Visia 18 Ukončení práce s Visiem

Více

Excel 2007 praktická práce

Excel 2007 praktická práce Excel 2007 praktická práce 1 Excel OP LZZ Tento kurz je financován prostřednictvím výzvy č. 40 Operačního programu Lidské zdroje a zaměstnanost z prostředků Evropského sociálního fondu. 2 Excel Cíl kurzu

Více

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

Grafická a multimediální laboratoř KOMPOZICE 2B. KOMPOZICE 2B. DALŠÍ ZÁSADY ŘEŠENÍ KOMPOZICE Grafická a multimediální laboratoř šikmé linie a diagonála efektní je esovitá křivka přes diagonálu dává pocit prostoru, hloubky a rytmu neměla by úplně opustit

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

>> TIRÁŽ A ÚVOD TIRÁŽ ÚVOD. Typografický manuál deníku Lidové noviny. 256430@mail.muni.cz

>> TIRÁŽ A ÚVOD TIRÁŽ ÚVOD. Typografický manuál deníku Lidové noviny. 256430@mail.muni.cz TYPOGRAFICKÝ MANUÁL TIRÁŽ >> TIRÁŽ A ÚVOD Typografický manuál deníku Lidové noviny. Autor manuálu: Marta Vašicová 256430@mail.muni.cz Manuál byl vypracovaný jako součást bakalářské práce na Fakultě informatiky

Více

INSPO 2008. Karel Břinda centrum TEREZA, FJFI ČVUT v Praze. Lukáš Marvan Seznam.cz, a.s.

INSPO 2008. Karel Břinda centrum TEREZA, FJFI ČVUT v Praze. Lukáš Marvan Seznam.cz, a.s. INSPO 2008 Karel Břinda centrum TEREZA, FJFI ČVUT v Praze Lukáš Marvan Seznam.cz, a.s. 1 Představení centra TEREZA a Seznamu Počátky a model spolupráce Možnosti přístupu, realizace a testování Dosažené

Více

Manuál. společnosti QCM, s.r.o. jednotného vizuálního stylu. Manuál jednotného vizuálního stylu společnosti QCM, s.r.o

Manuál. společnosti QCM, s.r.o. jednotného vizuálního stylu. Manuál jednotného vizuálního stylu společnosti QCM, s.r.o Webové aplikace a design Tvorba a správa webového obsahu Linux prodej, podpora, řešení Network management & IT security Manuál jednotného vizuálního stylu společnosti QCM, s.r.o. QCM, s.r.o. Rybkova 1,

Více

Tour de ABB 2013 Průvodce online aplikací http://www.tourdeabb.cz

Tour de ABB 2013 Průvodce online aplikací http://www.tourdeabb.cz Tour de ABB 2013 Průvodce online aplikací http://www.tourdeabb.cz 1. V online systému došlo v tomto roce k několika změnám, proto není možno použít uživatelský účet z roku loňského. Prvním krokem je tedy,

Více

Manuál vizuálního stylu marketingové komunikace projektu

Manuál vizuálního stylu marketingové komunikace projektu Manuál vizuálního stylu marketingové komunikace projektu Verze 0.6 Zelená úsporám Obsah Úvod Úvod 1 Tvar 1 čtverec....................... 2 Tvar 2 obdélník....................... 6 Tvar 3 hvězdička 10

Více

Kreslení obrazů součástí Zobrazování geometrických těles. Zobrazení kvádru

Kreslení obrazů součástí Zobrazování geometrických těles. Zobrazení kvádru Kreslení obrazů součástí Zobrazování geometrických těles Zobrazení kvádru Kreslení obrazů součástí Zobrazování geometrických těles Zobrazení jehlanu s čtvercovou podstavou Kreslení obrazů součástí Zobrazování

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

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

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

Digitální fotografie. Mgr. Milana Soukupová Gymnázium Česká Třebová Digitální fotografie Mgr. Milana Soukupová Gymnázium Česká Třebová Téma sady didaktických materiálů Digitální fotografie I. Číslo a název šablony Číslo didaktického materiálu Druh didaktického materiálu

Více

POČÍTAČOVÁ GRAFIKA VEKTOROVÁ GRAFIKA VÍCENÁSOBNÉ KOPÍROVÁNÍ

POČÍTAČOVÁ GRAFIKA VEKTOROVÁ GRAFIKA VÍCENÁSOBNÉ KOPÍROVÁNÍ POČÍTAČOVÁ GRAFIKA VEKTOROVÁ GRAFIKA VÍCENÁSOBNÉ KOPÍROVÁNÍ VÍCENÁSOBNÉ KOPÍROVÁNÍ Kopírování jednoho prvku je častá činnost v mnoha editorech. Vícenásobné kopírování znamená opakování jednoho prvku v

Více

Pracovní prostředí Word 2003 versus Word 2010

Pracovní prostředí Word 2003 versus Word 2010 Zdokonalování gramotnosti v oblasti ICT Pracovní prostředí Word 2003 versus Word 2010 Inovace a modernizace studijních oborů FSpS Vránová Hana 11.7.2012 OBSAH Srovnání pracovního prostředí Word 2003 a

Více

Účel publikace. Rozhoduje o základní volbě typografické úpravy celého textu. Je ovlivněn:

Účel publikace. Rozhoduje o základní volbě typografické úpravy celého textu. Je ovlivněn: Proč typografie? Dobrý typograf při sazbě dodržuje pravidla, která se tvořila několik staletí. Dodnes mají svůj smysl, neboť usnadňují čtenáři vnímání textu. Tvoříme dokumenty pomocí elektronických nástrojů

Více

BEZPEČNOSTNÍ TABULKY

BEZPEČNOSTNÍ TABULKY BEZPEČNOSTNÍ TABULKY Od prvního ledna roku 2003 musí být podle vl.nař.č. 11/2002 Sb. informativní značky pro únik a evakuaci osob a značky překážek na únikových cestách viditelné a rozpoznatelné i při

Více

COREL PHOTO-PAINT SEZNÁMENÍ S PROGRAMEM. Lenka Bednaříková

COREL PHOTO-PAINT SEZNÁMENÍ S PROGRAMEM. Lenka Bednaříková COREL PHOTO-PAINT SEZNÁMENÍ S PROGRAMEM Lenka Bednaříková SEZNÁMENÍ S OKNEM APLIKACE Panel nabídek Panel nástrojů Panel vlastností Ukotvitelné panely Okno nástrojů Paleta barev Okno obrázku Stavový řádek

Více

MANUÁL VIZUÁLNÍHO STYLU TECHNOLOGICKÉHO CENTRA AKADEMIE VĚD ČR /

MANUÁL VIZUÁLNÍHO STYLU TECHNOLOGICKÉHO CENTRA AKADEMIE VĚD ČR / MANUÁL VIZUÁLNÍHO STYLU TECHNOLOGICKÉHO CENTRA AKADEMIE VĚD ČR / 2012 Obsah Logotyp základní varianta (cz) / barevná verze 03 základní varianta (cz) / černobílá verze 05 základní varianta (cz) / negativní

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

Přehled služeb turistického videoportálu Cestykrajem.cz

Přehled služeb turistického videoportálu Cestykrajem.cz Přehled služeb turistického videoportálu Cestykrajem.cz 1. Představení portálu Cestykrajem.cz jsou užitečný on-line průvodce pro všechny tuzemské i zahraniční turisty se silnou propagací a viditelnou reklamou.

Více

O P A K O V A C Í T E S T z a d á n í 1/5 TEXTOVÝ EDITOR. Pomocí nástroje hromadná korespondence vytvořte formulářové dopisy: Hlavní dokument

O P A K O V A C Í T E S T z a d á n í 1/5 TEXTOVÝ EDITOR. Pomocí nástroje hromadná korespondence vytvořte formulářové dopisy: Hlavní dokument 1/5 V určeném paměťovém prostoru vytvořte složku TEST2. Do této složky ukládejte všechny soubory vytvořené podle následujících zadání. TEXTOVÝ EDITOR Pomocí nástroje hromadná korespondence vytvořte formulářové

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

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 4. Formátovací model, pozicování

Více

9. SEO Struktura stránek, uspořádání webu, navigace. Web pro kodéry (Petr Kosnar, ČVUT, FJFI, KFE, PINF 2008)

9. SEO Struktura stránek, uspořádání webu, navigace. Web pro kodéry (Petr Kosnar, ČVUT, FJFI, KFE, PINF 2008) 9. SEO Struktura stránek, uspořádání webu, navigace Web pro kodéry (Petr Kosnar, ČVUT, Obsah Struktura stránek Taxonomie Uspořádání webu Váha stránek Navigace Další prostředky navigace Uspořádání obsahu

Více

Nápověda k používání mapové aplikace Katastrální mapy Obsah

Nápověda k používání mapové aplikace Katastrální mapy Obsah Nápověda k používání mapové aplikace Katastrální mapy Obsah Práce s mapou aplikací Marushka... 2 Přehledová mapa... 3 Změna měřítka... 4 Posun mapy... 5 Druhy map... 6 Doplňkové vrstvy... 7 Vyhledávání...

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