GRAFICKÝ
DIZAJN
ÚVOD DO
PROBLEMATIKY
Mgr.art Katarína Czikorová, ArtD.
GRAFICKÝ
DIZAJN
POSTER
PRINCÍPY
Grafický dizajn
DEFINÍCIA
Vizuálne informácie majú tri typické úrovne:
*
Grafický dizajn
Definícia
Graphic design
function
content
usage
beauty
format
form
Ladislav SUTNAR
*
PLAGÁT
Plagát
Definícia
Veľký tlačený formát, ktorý
pozostáva z textovej a obrazovej
zložky
Verejné priestranstvá
Informovať
Formát
841 mm 1000 mm 917 mm
1189mm
1414mm
1297mm
A0 B0 C0
A1 B1 C1
A2 B2 C2
A3 B3 C3
A4 B4 C4
A5 B5 C5
A6 B6 C6
A7 B7 C7
A8 B8 C8
Druhy plagátovPlagátová tvorba
Divadelný
Ekologický
Politický
Sociálny
Akcidenčný
Hudobný
Kultúrny
Filmový
Výstavný
Prezentačný
Plagáty z hľadiska
funkcie
Plagátová tvorba
Divadelný
Ekologický
Politický
Sociálny
Akcidenčný
Hudobný
Kultúrny
Filmový
Výstavný
Prezentačný
Plagáty z hľadiska
funkcie
Plagátová tvorba
Typografický
Písmový
Kaligrafický
Grafický
Fotografický
Akčný / Experimentálny
Plagáty z hľadiska
vizuálnych foriem
Plagátová tvorba
Typografický
Písmový
Kaligrafický
Grafický
Fotografický
Akčný / Experimentálny
Plagáty z hľadiska
vizuálnych foriem
Druhy plagátov
Kompozícia
foto
infografika
text
Kompozícia
Balans medzi rôznymi druhmi
elementov.
Kompozícia
Tučné priečne ťahy pôsobia vo vodorovnej polohe
výraznejšie ako v polohe zvislej.
Diagonála je nositeľom väčšej vizuálnej záťaže ako vertikálne
a horizontálne ťahy.
Kompozícia
Diagonála
Kompozícia
Biely štvorec na čiernom pozadí pôsobí väčšie ako čierny na bielom.
Kompozícia
Rovnako výrazné plochy pôsobia rôzne podľa
umiestnenia v ploche. Hore sa „vznáša“
(pôsobí ľahko), dole „padá (pôsobí ťažko).
Kompozícia
Kompozícia
Plocha štvorca vytvorená z viac vodorovných
liniek ju opticky zvyšuje, naopak
zo svislých liniek ju opticky rozšiřuje.
Kompozícia
Vodorovné linky ohraničujúce
plochu štvorca rozšiřují,
zvislé ju zvyšujú.
Kompozícia
Zlatý rez Určité proporčné vzťahy celku pôsobia na
človeka lepšie, prirodzenejšie ako iné
Je to zaokrúhlené číslo 0,62. Ľubovoľnú
úsečku rozdelíme v pomere 0,62 : 0,38
a dominantý prvok kompozície umiestnime
do vzniknutého pomeru. Zlatý rez je
možno zostrojiť pre každú stranu odĺžnika,
v priesečníku potom získáme „zlatý bod“
— ideálne miesto pre presné umiestenie
dominanty.
Jan Tschichold
Kompozícia
Zlatý rez
Kompozícia
Portrét Binda Altovitiho (1514), Raphael
– ústa a oči sú kľúčové body kompozície
a sú umietnené v optickom strede
Kompozícia
Optický streda Rudolf Arnheim – diagram
Kompozícia
Optický stred
geometrický stred
optický stred
trasa oka
Optický stred neodpovedá
matematickému stredu obrazu alebo
grafike, ale bodu, ktorý je o niečo málo
vyšší. Optický stred udáva dynamický
centrálny bod v umeleckom diele, ktorý
pomôže určiť vyhľadávaný bod, na
ktorom spočinie zrak diváka.
Kompozícia
Optický stred
Farba
Farba
Význam, ktorý farba vysiela, je vždy príjmaná úplne
subjektivne. Jej vnímanie závisí na očiach
a mozgu, ktoré utvárajú našu predstavu o farbe
potom, čo k nim doputujú odrazené svetelné vlny.
Farba má dôležitú úloho v grafickom dizajne.
Farbu definuje tón, jas a sýtosť.
Červená farba – pôsobí z farieb najťažšie
Farba
Teplé farby pôsobia ťažšie ako
studené farby
Farba
Kontrast
Kontrast
farebný kontrast
kontrast
medzi
elementami
kontrast
medzi
elementami
a pozadím
Vzťah medzi elementami
Kontrast
Farba Farby s väčšou intenzitou pôsobia
výraznejšie a ťažšie
Kontrast
Farba
Kontrast
Farba
Kontrast
Elementy
pozitívny a negatívny priestor
mäkkosť a ostrosť
geomtrické a biomorfné tvary
pokoj a pohyb
malé a veľké
Kontrast
Elementy Pozitívny a negatívny priestor
Kontrast
Elementy Pozitívny a negatívny priestor
Kontrast
Elementy Pozitívny a negatívny priestor
Kontrast
Elementy Mäkkosť a ostrosť
Kontrast
Elementy Goemetrické a biomorfné tvary
Kontrast
Elementy Pohyb a pokoj
Kontrast
Elementy Malé a veľké
12
12
Kontrast
Farby
efektívny kontrast
Čím väčší kontrast medzi
elementami, tým pôsobia
v dizajne ťažšie
12
12
Kontrast
Farby
Prázdne miesto
Prázdne miesto v dizajne je
prázdna plocha, bez potlače,
bez elementov, ktorá obklopuje
grafické prvky a tým vytvára
dizajn ľahším a čitateľnejším
Prázdne miesto
25 %25 %
Prázdne miesto
50 %
25 %25 %
Orientácie v layoute podľa
prázdneho miesta.
Prázdne miesto
50 %
Prázdne miesto
Prázdne miesto
medzi elementami
Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Aenean neque
quam, interdum non aliquet non,
sagittis vel sapien. In risus purus, rutrum
aliquam massa id, elementum
vestibulum dolor. Curabitur id dolor
tellus. Donec interdum mi purus, eu
maximus mi efficitur eu. Vestibulum
porttitor est in venenatis egestas.
Morbi placerat maximus suscipit.
Proin
Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Aenean neque
quam, interdum non aliquet non,
sagittis vel sapien. In risus purus, rutrum
aliquam massa id, elementum
vestibulum dolor. Curabitur id dolor
tellus. Donec interdum mi purus, eu
maximus mi efficitur eu. Vestibulum
porttitor est in venenatis egestas.
Morbi placerat maximus suscipit.
Proin interdum diam massa. Lorem
ipsum dolor sit amet, consectetur
adipiscing elit. Aenean neque quam,
interdum non aliquet non, sagittis
vel sapien. In risus purus, rutrum alLorem
ipsum dolor sit amet,
consectetur adipiscing elit. Aenean
neque quam, interdum
non aliquet non, sagittis vel
sapien. In risus purus, rutrum
aliquam massa id, elementum
vestibulum dolor. Curabitur id
dolor tellus. Donec interdum mi
purus, eu maximus mi efficitur
eu. Vestibulum porttitor est in
venenatis egestas. Morbi placerat
maximus suscipit. Proin
Lorem ipsum dolor sit amet,
consectetur adipiscing elit. Aenean
neque quam, interdum
non aliquet non, sagittis vel
sapien. In risus purus, rutrum
aliquam massa id, elementum
vestibulum dolor. Curabitur id
iquam massa id, elementum vestibulum
dolor. Curabitur id dolor tellus.
Donec Lorem ipsum dolor sit amet,
consectetur adipiscing elit. Aenean
neque quam, interdum non aliquet
non, sagittis vel sapien. In risus purus,
rutrum aliquam massa id, elementum
vestibulum dolor. Curabitur
id dolor tellus. Donec interdum mi
purus, eu maximus mi efficitur eu.
Vestibulum porttitor est in venenatis
egestas. Morbi placerat maximus
suscipit. Proin
Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Aenean neque
quam, interdum non aliquet non,
sagittis vel sapien. In risus purus, rutrum
aliquam massa id, elementum
vestibulum dolor. Curabitur id dolor
tellus.Proin interdum diam massa.
Consectetur adipiscing elit. Aenean
neque quam, interdum non aliquet
non, sagittis vel sapien. In risus purus,
rutrum aliquam massa id, elementum
vestibulum dolor. Curabitur
id dolor tellus. Donec interdum mi
dolor tellus. Donec interdum
mi purus, eu maximus mi efficitur
eu. Vestibulum porttitor
est in venenatis egestas. Morbi
placerat maximus suscipit.
Proin interdum diam massa.
Lorem ipsum dolor sit amet,
consectetur adipiscing elit. Aenean
neque quam, interdum
non aliquet non, sagittis vel
sapien. In risus purus, rutrum
aliquam massa id, elementum
vestibulum dolor. Curabitur id
dolor tellus. Donec Lorem ipsum
dolor sit amet, consectetur
adipiscing elit. Aenean neque
quam, interdum non aliquet
non, sagittis vel sapien. In risus
purus, rutrum aliquam mas-
Prázdne miesto
Lorem ipsum dolor sit amet,
consectetur adipiscing elit. Aenean
neque quam, interdum
non aliquet non, sagittis vel
sapien. In risus purus, rutrum
aliquam massa id, elementum
vestibulum dolor. Curabitur id
dolor tellus. Donec interdum mi
purus, eu maximus mi efficitur
eu. Vestibulum porttitor est in
venenatis egestas. Morbi placerat
maximus suscipit. Proin
Lorem ipsum dolor sit amet,
consectetur adipiscing elit. Aenean
neque quam, interdum
non aliquet non, sagittis vel
sapien. In risus purus, rutrum
aliquam massa id, elementum
vestibulum dolor. Curabitur id
dolor tellus. Donec interdum
mi purus, eu maximus mi efficitur
eu. Vestibulum porttitor
est in venenatis egestas. Morbi
placerat maximus suscipit.
Proin interdum diam massa.
Lorem ipsum dolor sit amet,
consectetur adipiscing elit. Aenean
neque quam, interdum
non aliquet non, sagittis vel
sapien. In risus purus, rutrum
aliquam massa id, elementum
Lorem ipsum dolor sit amet,
consectetur adipiscing elit. Aenean
neque quam, interdum
non aliquet non, sagittis vel
sapien. In risus purus, rutrum
aliquam massa id, elementum
vestibulum dolor. Curabitur id
dolor tellus. Donec interdum mi
purus, eu maximus mi efficitur
eu. Vestibulum porttitor est in
venenatis egestas. Morbi placerat
maximus suscipit. Proin
Lorem ipsum dolor sit amet,
consectetur adipiscing elit. Aenean
neque quam, interdum
non aliquet non, sagittis vel
sapien. In risus purus, rutrum
aliquam massa id, elementum
vestibulum dolor. Curabitur id
dolor tellus. Donec interdum
mi purus, eu maximus mi efficitur
eu. Vestibulum porttitor
est in venenatis egestas. Morbi
placerat maximus suscipit.
Proin interdum diam massa.
Lorem ipsum dolor sit amet,
consectetur adipiscing elit. Aenean
neque quam, interdum
non aliquet non, sagittis vel
sapien. In risus purus, rutrum
aliquam massa id, elementum
Lorem ipsum dolor sit amet,
consectetur adipiscing elit. Aenean
neque quam, interdum
non aliquet non, sagittis vel
sapien. In risus purus, rutrum
aliquam massa id, elementum
vestibulum dolor. Curabitur id
dolor tellus. Donec interdum mi
purus, eu maximus mi efficitur
eu. Vestibulum porttitor est in
Lorem ipsum dolor sit amet,
consectetur adipiscing elit. Aenean
neque quam, interdum
non aliquet non, sagittis vel
sapien. In risus purus, rutrum
aliquam massa id, elementum
vestibulum dolor. Curabitur id
dolor tellus. Donec interdum mi
purus, eu maximus mi efficitur
eu. Vestibulum porttitor est in
vestibulum dolor. Curabitur id
dolor tellus. Donec Lorem ipsum
dolor sit amet, consectetur
adipiscing elit. Aenean neque
quam, interdum non aliquet
non, sagittis vel sapien. In risus
purus, rutrum aliquam massa
id, elementum vestibulum
dolor. Curabitur id dolor tellus.
Donec interdum mi purus, eu
maximus mi efficitur eu. Vestibulum
porttitor est in venenatis
egestas. Morbi placerat maximus
suscipit. Proin
Lorem ipsum dolor sit amet,
consectetur adipiscing elit. Aenean
neque quam, interdum
non aliquet non, sagittis vel
sapien. In risus purus, rutrum
aliquam massa id, elementum
vestibulum dolor. Curabitur
id dolor tellus.Proin interdum
diam massa. Consectetur adipiscing
elit. Aenean neque quam,
interdum non aliquet non, sagittis
vel sapien. In risus purus,
rutrum aliquam massa id, elementum
vestibulum dolor.
Curabitur id dolor tellus. Donec
interdum mi purus, eu maximus
mi interdum mi purus, eu
vestibulum dolor. Curabitur id
dolor tellus. Donec Lorem ipsum
dolor sit amet, consectetur
adipiscing elit. Aenean neque
quam, interdum non aliquet
non, sagittis vel sapien. In risus
purus, rutrum aliquam massa
id, elementum vestibulum
dolor. Curabitur id dolor tellus.
Donec interdum mi purus, eu
maximus mi efficitur eu. Vestibulum
porttitor est in venenatis
egestas. Morbi placerat maxivenenatis
egestas. Morbi placerat
maximus suscipit. Proin
Lorem ipsum dolor sit amet,
consectetur adipiscing elit. Aenean
neque quam, interdum
non aliquet non, sagittis vel
sapien. In risus purus, rutrum
aliquam massa id, elementum
vestibulum dolor. Curabitur id
dolor tellus. Donec interdum mi
venenatis egestas. Morbi placerat
maximus suscipit. Proin
Lorem ipsum dolor sit amet,
consectetur adipiscing elit. Aenean
neque quam, interdum
non aliquet non, sagittis vel
sapien. In risus purus, rutrum
aliquam massa id, elementum
vestibulum dolor. Curabitur id
dolor tellus. Donec interdum mi
Prázdne miesto
Lorem ipsum dolor sit amet,
consectetur adipiscing elit. Aenean
neque quam, interdum
non aliquet non, sagittis vel
sapien. In risus purus, rutrum
aliquam massa id, elementum
vestibulum dolor. Curabitur id
dolor tellus. Donec interdum mi
purus, eu maximus mi efficitur
eu. Vestibulum porttitor est in
venenatis egestas. Morbi placerat
maximus suscipit. Proin
Lorem ipsum dolor sit amet,
consectetur adipiscing elit. Aenean
neque quam, interdum
non aliquet non, sagittis vel
sapien. In risus purus, rutrum
aliquam massa id, elementum
vestibulum dolor. Curabitur id
dolor tellus. Donec interdum
mi purus, eu maximus mi efficitur
eu. Vestibulum porttitor
est in venenatis egestas. Morbi
placerat maximus suscipit.
Proin interdum diam massa.
Lorem ipsum dolor sit amet,
consectetur adipiscing elit. Aenean
neque quam, interdum
non aliquet non, sagittis vel
sapien. In risus purus, rutrum
aliquam massa id, elementum
Lorem ipsum dolor sit amet,
consectetur adipiscing elit. Aenean
neque quam, interdum
non aliquet non, sagittis vel
sapien. In risus purus, rutrum
aliquam massa id, elementum
vestibulum dolor. Curabitur id
dolor tellus. Donec interdum mi
purus, eu maximus mi efficitur
eu. Vestibulum porttitor est in
venenatis egestas. Morbi placerat
maximus suscipit. Proin
Lorem ipsum dolor sit amet,
consectetur adipiscing elit. Aenean
neque quam, interdum
non aliquet non, sagittis vel
sapien. In risus purus, rutrum
aliquam massa id, elementum
vestibulum dolor. Curabitur id
dolor tellus. Donec interdum
mi purus, eu maximus mi efficitur
eu. Vestibulum porttitor
est in venenatis egestas. Morbi
placerat maximus suscipit.
Proin interdum diam massa.
Lorem ipsum dolor sit amet,
consectetur adipiscing elit. Aenean
neque quam, interdum
non aliquet non, sagittis vel
sapien. In risus purus, rutrum
aliquam massa id, elementum
Lorem ipsum dolor sit amet,
consectetur adipiscing elit. Aenean
neque quam, interdum
non aliquet non, sagittis vel
sapien. In risus purus, rutrum
aliquam massa id, elementum
vestibulum dolor. Curabitur id
dolor tellus. Donec interdum mi
purus, eu maximus mi efficitur
eu. Vestibulum porttitor est in
vestibulum dolor. Curabitur id
dolor tellus. Donec Lorem ipsum
dolor sit amet, consectetur
adipiscing elit. Aenean neque
quam, interdum non aliquet
non, sagittis vel sapien. In risus
purus, rutrum aliquam massa
id, elementum vestibulum
dolor. Curabitur id dolor tellus.
Donec interdum mi purus, eu
maximus mi efficitur eu. Vestibulum
porttitor est in venenatis
egestas. Morbi placerat maximus
suscipit. Proin
Lorem ipsum dolor sit amet,
consectetur adipiscing elit. Aenean
neque quam, interdum
non aliquet non, sagittis vel
sapien. In risus purus, rutrum
aliquam massa id, elementum
vestibulum dolor. Curabitur
id dolor tellus.Proin interdum
diam massa. Consectetur adipiscing
elit. Aenean neque quam,
interdum non aliquet non, sagittis
vel sapien. In risus purus,
rutrum aliquam massa id, elementum
vestibulum dolor.
Curabitur id dolor tellus. Donec
interdum mi purus, eu maximus
mi interdum mi purus, eu
vestibulum dolor. Curabitur id
dolor tellus. Donec Lorem ipsum
dolor sit amet, consectetur
adipiscing elit. Aenean neque
quam, interdum non aliquet
non, sagittis vel sapien. In risus
purus, rutrum aliquam massa
id, elementum vestibulum
dolor. Curabitur id dolor tellus.
Donec interdum mi purus, eu
maximus mi efficitur eu. Vestibulum
porttitor est in venenatis
egestas. Morbi placerat maximus
suscipit. Proin
Lorem ipsum dolor sit amet,
consectetur adipiscing elit. Aenean
neque quam, interdum
non aliquet non, sagittis vel
sapien. In risus purus, rutrum
aliquam massa id, elementum
vestibulum dolor. Curabitur
id dolor tellus.Proin interdum
diam massa. Consectetur adipiscing
elit. Aenean neque quam,
interdum non aliquet non, sagittis
vel sapien. In risus purus,
rutrum aliquam massa id, elementum
vestibulum dolor.
Curabitur id dolor tellus. Donec
interdum mi purus, eu maximus
mi interdum mi purus, eu
venenatis egestas. Morbi placerat
maximus suscipit. Proin
Lorem ipsum dolor sit amet,
consectetur adipiscing elit. Aenean
neque quam, interdum
non aliquet non, sagittis vel
sapien. In risus purus, rutrum
aliquam massa id, elementum
vestibulum dolor. Curabitur id
dolor tellus. Donec interdum mi
Prázdne miesto
Prázdne miesto
Jan Tschichold
Die neue typographie
Ukážky
Prázdne miesto
Spájanie & Rozpájanie
Spájanie a rozpájanie
farba pozícia tvar
Spájanie a rozpájanie
Farba
spájanie rozpájanie
Elementy rovnakej farby patria do
rovnakej skupiny prvkov
'GESTALT princípy
*
Spájanie a rozpájanie
Pozícia elementov
jedna skupina separátne elementy
Elementy, ktoré sú v kompozícii
bližšie, patria k sebe
'GESTALT princípy
*
Spájanie a rozpájanie
Ukážka
Spájanie a rozpájanie
Tvar
jedna skupina viac skupín
Rovnaké tvary tvoria jeden celok
'GESTALT princípy
*
Spájanie a rozpájanie
Ukážka
Spájanie a rozpájanie
Ukážka
Spájanie a rozpájanie
Ukážka
Spájanie a rozpájanie
Ukážka
Použitie
Použitie
Umiestnenie plagátu
plagát
Použitie
Vzdialenosť od plagátu
plagát
Smer čítania
Navigácia
Pozícia, kontrast, veľkosť elementov navigujú užívateľa ako čítať
plagát
Farby a pohyb priťahujú pozornosť
Vstupný bod
Element, ktorý má byť čítaný ako prvý
Smer čítania
←←←←←←
←←←←←←
←←←←←←
←←←←←←
Latinka – zľava doprava
Smer čítania
zľava doprava
Smer čítania
zľava doprava
A
A
B
Smer čítania
zľava doprava
A
B
C
Smer čítania
zľava doprava
1. obrázok – infografika
2. nadpis
3. text
Smer čítania
Ukážky
A
B C
Smer čítania
Ukážky
A
B
C
Smer čítania
Ukážky
A
B
C
Smer čítania
Ukážky
A
B
C
← ← ← ← ← ←
← ← ← ← ← ←
← ← ← ← ← ←
← ← ← ← ← ←
Arabsky – zprava doľava
Smer čítania
zprava doľava
←←←←←←
←←←←←←
←←←←←←
←←←←←←
Čínsky – ideogramy z hora dole
Smer čítania
zhora dole
13 %
42 % 20 %
25 %
Smer čítania
zľava doprava
Percentuálny výsledok čítania
európanov.
Hierarchia
Hierarchia
HIERARCHIA:
vizuálne elementy v logickej následnosti
dôležité elementy v kontraste s menej dôležitými
vrstvenie elementov v závislosti na ich dôležitosti
pozícia elementov naviguje užívateľa
Hierarchia
zvýraznenie dôležitých textových častí
rôzne veľkosťi písma
rôzne rezy písma
TYPOGRAFICKÁ HIERARCHIA:
Hierarchia
Hierarchia
Hierarchia
Hierarchia
Hierarchia
Ogilvyho čítanie plagátov
LAYOUT PODĽA OGILVYHO:
ilustrácia > najvrchnejší element
nadpis > pod ilustráciou
text > pod nadpisom
Ogilvy
Ogilvy
Ukážka
Ukážka
Ukážka
Typografia
Typografia
Štýl písma Písmová rodina Rezy písma
Typografia
Rozmery
textového poľa
DIVINE is a tool for verification of
parallel C++ programs. By using
the LLVM compilation framework
with the Clang compiler and the
libc++ library it provides support
for most of the standard C++
library and all the C++ language
features. DIVINE is rather efficient
when dealing with programs
without inputs (for example
test cases). A big downside of the
current version of DIVINE is that
for programs with inputs, this
input has to be simulated by
nondeterministic choice
which is very inefficient.
Therefore we present an
approach for symbolic
representation of inputs in
DIVINE.
DIVINE is a tool for verification of
parallel C++ programs. By using
the LLVM compilation framework
with the Clang compiler and the
libc++ library it provides support
for most of the standard C++
library and all the C++ language
features. DIVINE is rather efficient
when dealing with programs
without inputs (for example
test cases). A big downside of the
current version of DIVINE is that
for programs with inputs, this
input has to be simulated by
nondeterministic choice which
is very inefficient. Therefore we
present an approach for symbolic
representation of inputs in DIVINE.
zarovnanie
vľavo
zarovnanie
do bloku
Typografia
Rozmery
textového poľa
DIVINE is a tool for verification of
parallel C++ programs. By using
the LLVM compilation framework
with the Clang compiler and the
libc++ library it provides support
for most of the standard C++
library and all the C++ language
features. DIVINE is rather efficient
when dealing with programs
without inputs (for example
test cases). A big downside of the
current version of DIVINE is that
for programs with inputs, this
input has to be simulated by
nondeterministic choice
which is very inefficient.
Therefore we present an
approach for symbolic
representation of inputs in
DIVINE.
DIVINE is a tool for verification of
parallel C++ programs. By using
the LLVM compilation framework
with the Clang compiler and the
libc++ library it provides support
for most of the standard C++
library and all the C++ language
features. DIVINE is rather efficient
when dealing with programs
without inputs (for example
test cases). A big downside of the
current version of DIVINE is that
for programs with inputs, this
input has to be simulated by
nondeterministic choice which
is very inefficient. Therefore we
present an approach for symbolic
representationofinputsinDIVINE.
zarovnanie
šírka textového poľa
veľkosť textu
riadkovanie
Čierny text na
bielom pozadí
umožňuje komfortnú
rýchlosť čítania.
Biely text na
čiernom pozadí redukuje
rýchlosť čítania o 15 %.
Text a čitateľnosť
Text a čitateľnosť
Biely text na čiernom
pozadí pôsobí opticky
hrubšie.
Text vysádzaný v reze Italic znižuje rýchlosť
čítania o 15 %.
Text a čitateľnosť
Text a čitateľnosť
DLHŠIE TEXTY SÁDZANÉ VO VERZÁLKACH
ZNIŽUJÚ RÝCHLOSŤ ČÍTANIA O 15 %
TEXT
Zarovnanie na ľavý
praporok nemá v plyv
na rýchlosť čítania.
Zarovnanie do bloku
nemá v plyv na rýchlosť
čítania.
TEXT
Zarovnaniedoblokunemá
v plyv na rýchlosť čítania.
Zarovnaniedoblokunemá
v plyv na rýchlosť čítania.
Text a čitateľnosť
Proces navrhovania plagátu
Definovanie mriežky
Definovanie layoutu
Definovanie pozície textu a obrazu
1
Foto
text text text
Nadpis
Hierarchia informácií
Komponovanie elemenetov
Balans medzi obrázkom a textom
2
Rumquos que quidi repel
maiorerion re, torum et ulpario.
Obis exerspe rnatis derionsenis et
voluptatur?
Gitia et ea dollupit, si offici qui
reicias ma voluptame volupta
turita quia que doluptatest
optibusant. Ecat is aciet, od ut
quo eum repero tet ullandae
conserc hillam non expliqu
osapien
NADPIS
Typografia
Výber typografie
Nájsť spôsob, ako urobiť text vizuálne zaujímavým
3
Rumquos que quidi repel
maiorerion re, torum et ulpario.
Obis exerspe rnatis derionsenis et
voluptatur?
Gitia et ea dollupit, si offici qui
reicias ma voluptame volupta
turita quia que doluptatest
optibusant. Rumquos, od ut quo
eum repero tet ullandae conserc
hillam non expliqu osapien
Rumquos que quidi repel
maiorerion re, torum et ulpario.
Obis exerspe rnatis derionsenis et
voluptatur?
Gitia et ea dollupit, si offici qui
reicias ma voluptame volupta
turita quia que doluptatest
optibusant. Rumquos, od ut quo
eum repero tet ullandae conserc
hillam non expliqu osapien
Rumquos que quidi repel
maiorerion re, torum et ulpario.
Obis exerspe rnatis derionsenis et
voluptatur?
Gitia et ea dollupit, si offici qui
reicias ma voluptame volupta
turita quia que doluptatest
optibusant. Rumquos, od ut quo
eum repero tet ullandae conserc
hillam non expliqu osapien
NADPIS NADPIS NADPIS
Ako dosiahnuť vizuálne
zaujímavý layout
Hĺbka
Veľkosť
Proporcie
Hierarchia
Dominancia
Balans
KONIEC :)