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

SKUPINA ČEZ GRAFICKÝ MANUÁL PRO WEBOVÉ STRÁNKY SKUPINY ČEZ / VERZE 06/2014

SKUPINA ČEZ GRAFICKÝ MANUÁL PRO WEBOVÉ STRÁNKY SKUPINY ČEZ / VERZE 06/2014 GRAFICKÝ MANUÁL PRO WEBOVÉ STRÁNKY SKUPINY ČEZ / VERZE 06/0 OBSAH ZÁKLADNÍ PRAVIDLA JEDNOTLIVÉ ŠABLONY UNIVERZÁLNÍ MODULY 0 Základní pravidla 0 Práce s grafickým manuálem 05 Barevné schéma 06 Typografie

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

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

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

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

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

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

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

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

Existuje celá řada volně dostupných nástrojů, které jsou pro účel projektu vhodné, např.

Existuje celá řada volně dostupných nástrojů, které jsou pro účel projektu vhodné, např. TNPW1 PRŮVODCE SEMESTRÁLNÍM PROJEKTEM Jaké téma je vhodné zpracovat? Téměř jakékoli téma se hodí ke zpracování, jehož výstupem jsou webové stránky. Je vhodné začít u témat, která jsou nám blízká. Určitě

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

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

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

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

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

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

Š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

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

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

Ú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

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

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

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

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

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

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

MANUÁL jednotného vizuálního stylu

MANUÁL jednotného vizuálního stylu MANUÁL jednotného vizuálního stylu projektu Dřevo je cesta Nadace dřevo pro život OBSAH 1. Cíl projektu Dřevo je cesta 2. Použití loga Dřevo je cesta 2.1 Samostatně volné, anebo ve čtverci se zaoblenými

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

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

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

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

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

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

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

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

Kdy použít program Microsoft Publisher Desktop Publishing 12 Proces návrhu 12. Základy práce 15. Panely nástrojů 15

Kdy použít program Microsoft Publisher Desktop Publishing 12 Proces návrhu 12. Základy práce 15. Panely nástrojů 15 Obsah Úvod 11 Kdy použít program Microsoft Publisher 2003 11 Desktop Publishing 12 Proces návrhu 12 Scénář 12 Začínáme 13 KAPITOLA 1 Základy práce 15 Panely nástrojů 15 Záhlaví okna 15 Panel nabídek 15

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

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

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

Pro správné zobrazení mapové aplikace je potřeba mít nainstalovaný zásuvný modul Flash Adobe Player.

Pro správné zobrazení mapové aplikace je potřeba mít nainstalovaný zásuvný modul Flash Adobe Player. Návod na ovládání veřejné mapové aplikace: Generel cyklodopravy Pro správné zobrazení mapové aplikace je potřeba mít nainstalovaný zásuvný modul Flash Adobe Player. Logo, název Panel nástrojů Odkazy Vrstvy

Více

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

Manuál jednotného vizuálního stylu značky OVB Manuál jednotného vizuálního stylu značky OVB Aktualizováno: srpen 2016 1 Obsah Vizuální styl Úvodní slovo... 3 OVB Logo... 4 Naše barvy... 8 Naše písmo... 9 2 O významu jednotného vizuálního stylu Jednotný

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

Obsah. 2 Logomanuál: ProSpolužáky.cz

Obsah. 2 Logomanuál: ProSpolužáky.cz Logomanuál Obsah Základní varianta: vodorovná... 3 Základní varianta: svislá... 4 Varianty s claimem... 5 Varianty pro tmavé pozadí... 6 Piktogram... 7 Jednobarevné varianty: bílé... 8 Jednobarevné varianty:

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

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

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

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

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

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

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

Inovace a zkvalitnění výuky prostřednictvím ICT Databázové systémy MS Access formuláře a sestavy - vytváření Ing. Kotásek Jaroslav

Inovace a zkvalitnění výuky prostřednictvím ICT Databázové systémy MS Access formuláře a sestavy - vytváření Ing. Kotásek Jaroslav Střední průmyslová škola a Vyšší odborná škola technická Brno, Sokolská 1 Šablona: Název: Téma: Autor: Číslo: Anotace: Inovace a zkvalitnění výuky prostřednictvím ICT Databázové systémy MS Access formuláře

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

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

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

Zadání grafického designu Trh poptávek

Zadání grafického designu Trh poptávek 2012 Zadání grafického designu Trh poptávek Dokument obsahuje shrnutí cílů webu Trh poptávek a požadavky na grafický design Zelinka Josef LogisCom s.r.o 1.1.2012 Obsah 1. Cíle dokumentu... 2 2. Cíle webu...

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

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

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

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

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

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

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

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

Photoshop Elements 11 písmo v reklamě banner

Photoshop Elements 11 písmo v reklamě banner Metodické pokyny k pracovnímu listu č. 18 Photoshop Elements 11 písmo v reklamě banner Třída: 9. Učivo: Vytvoření banneru v programu Photoshop Elements 11: práce s vodícími linkami práce s textovými nástroji

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

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

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

MODERNÍ WEB SNADNO A RYCHLE

MODERNÍ WEB SNADNO A RYCHLE SNADNO A RYCHLE Marek Lučný Pavoučí síť přes celý svět Co prohlížeče (ne)skrývají Tajemný kód HTML Všechno má svůj styl Interaktivní je IN Na obrazovce i na mobilu Začni podle šablony Informace jsou základ

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

Níže uvedená tabulka obsahuje technické údaje a omezení aplikace Excel (viz také článek Technické údaje a omezení aplikace Excel (2007).

Níže uvedená tabulka obsahuje technické údaje a omezení aplikace Excel (viz také článek Technické údaje a omezení aplikace Excel (2007). Níže uvedená tabulka obsahuje technické údaje a omezení aplikace - (viz také článek Technické údaje a omezení aplikace Excel (). otevřených sešitů a systémovými prostředky a systémovými prostředky a systémovými

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

UŽIVATELSKÁ PŘÍRUČKA K INTERNETOVÉ VERZI REGISTRU SČÍTACÍCH OBVODŮ A BUDOV (irso 4.x) VERZE 1.0

UŽIVATELSKÁ PŘÍRUČKA K INTERNETOVÉ VERZI REGISTRU SČÍTACÍCH OBVODŮ A BUDOV (irso 4.x) VERZE 1.0 UŽIVATELSKÁ PŘÍRUČKA K INTERNETOVÉ VERZI REGISTRU SČÍTACÍCH OBVODŮ A BUDOV (irso 4.x) VERZE 1.0 OBSAH 1 ÚVOD... 3 1.1 HOME STRÁNKA... 3 1.2 INFORMACE O GENEROVANÉ STRÁNCE... 4 2 VYHLEDÁVÁNÍ V ÚZEMÍ...

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

Tvoříme PŘÍSTUPNÉ STRÁNKY. webové. Připraveno s ohledem na novelu Zákona č. 365/2000 Sb., o informačních systémech veřejné správy.

Tvoříme PŘÍSTUPNÉ STRÁNKY. webové. Připraveno s ohledem na novelu Zákona č. 365/2000 Sb., o informačních systémech veřejné správy. Tvoříme PŘÍSTUPNÉ STRÁNKY webové Připraveno s ohledem na novelu Zákona č. 365/2000 Sb., o informačních systémech veřejné správy David Špinar Tvoříme přístupné webové stránky Autor: David Špinar Copyright

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

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

Grafika na počítači. Bc. Veronika Tomsová

Grafika na počítači. Bc. Veronika Tomsová Grafika na počítači Bc. Veronika Tomsová Proces zpracování obrazu Proces zpracování obrazu 1. Snímání obrazu 2. Digitalizace obrazu převod spojitého signálu na matici čísel reprezentující obraz 3. Předzpracování

Více

PIKTOGRAM GRAFICKÝ MANUÁL

PIKTOGRAM GRAFICKÝ MANUÁL OBSAH ÚVOD Y, ČERNOBÍLÉ A BAREVNÉ VARIANTY ZÁKLADNÍ NÁKRES ČERNOBÍLÉ POZITIVNÍ PROVEDENÍ ČERNOBÍLÉ NEGATIVNÍ PROVEDENÍ BAREVNÁ VARIANTA ŽLUTÁ BAREVNÁ VARIANTA ZELENÁ NEPOVOLENÉ MANIPULACE OCHRANNÝ PROSTOR,

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

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

Nápověda pro ovládání automaticky čtené učebnice

Nápověda pro ovládání automaticky čtené učebnice Speciální vzdělávací pomůcky k podpoře výuky slabozrakých žáků Nápověda pro ovládání automaticky čtené učebnice Požadavky na počítač Pro používání čtených pomůcek Vám postačí běžný osobní počítač, reproduktory

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

Test webového prohlížeče v Amazon Kindle Wi-Fi 3G

Test webového prohlížeče v Amazon Kindle Wi-Fi 3G ČESKÉ VYSOKÉ UČENÍ TECHNICKÉ V PRAZE FAKULTA ELEKTROTECHNICKÁ Test webového prohlížeče v Amazon Kindle Wi-Fi 3G Tomáš Gogár 21.3.2011 A4B39TUR - Testování uživatelského rozhraní Obsah Popis přístroje:...

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

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

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

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

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

Grafický manuál. Obchodní údaje firmy

Grafický manuál. Obchodní údaje firmy Obchodní údaje firmy TOROLA electronic, spol. s r.o. Sídlo firmy: Míru 1319 738 01 Frýdek Místek Czech Republic IČO: 42767555 DIČ: CZ42767555 GPS souřadnice: N 49 41 '12.181 E 18 20' 23.729 Výrobní závod:

Více

Pseudotřídy. Střední škola informatiky, elektrotechniky a řemesel Rožnov pod Radhoštěm. Modernizace výuky s využitím ICT, CZ.1.07/1.5.00/34.

Pseudotřídy. Střední škola informatiky, elektrotechniky a řemesel Rožnov pod Radhoštěm. Modernizace výuky s využitím ICT, CZ.1.07/1.5.00/34. Pseudotřídy Využití pseudotříd pro stylování odkazů ve webových dokumentech Pseudotřídy VY_32_INOVACE_01_03_01 Vytvořeno březen 2013 Žák se naučí smysluplně využívat pseudotříd pro stylování odkazů ve

Více

Základy tvorby velkoplošné prezentace

Základy tvorby velkoplošné prezentace Základy tvorby velkoplošné prezentace materiál pro 12IPG J. Blažej, 2010 Úvod cílem této prezentace je shrnout důležité zásady pro tvorbu velkoformátové prezentace posteru není jejím cílem zahrnout všechny

Více

Název: VY_32_INOVACE_PG4113 Relativní pozicovaní a jeho využití

Název: VY_32_INOVACE_PG4113 Relativní pozicovaní a jeho využití Název: VY_32_INOVACE_PG4113 Relativní pozicovaní a jeho využití Autor: Mgr. Tomáš Javorský Datum vytvoření: 05 / 2012 Ročník: 3 Vzdělávací oblast / téma: webdesign, počítačová grafika Anotace: Seznámení

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