8 4 makro tipografija v1
DESCRIPTION
Opis makro tipografijeTRANSCRIPT
1
MAKRO TIPOGRAFIJA
2
3
4
5
Eliott Earls 1993 – 1998 Font, Booklet und T-Shirt
6
Hypnopaedia, Zuzana Licko 1997, Phi Font, Patterns
7
NEVILLE BRODY 1999
8
9
10
11
12
Beta Semi Set, 1997
13Beta Semi Set, 1997
14
Slien Grey, 1996, design pisave, Joshua Distler
15
16
17
18
http://www.thedesignersrepublic.com/
19
http://www.warprecords.com/warp/
21
22
23
24
25
Oblikovanje e-dokumentov
26
Za uspešno oblikovanje, mora v oblikovalcu zaživeti:
• želja po preizkušanju;
• zaupanje v lastno dojemanje vtisov;
• spoznanje, da je oblikovanje proces, ne dogodek;
• predanost podrobnostim.
27
Primer spremembe oblike logotipa
Šolskega centra Velenje
Oblikovalec je bil arhitekt:
Rok Poles, dipl. inž.
28
29
30
31
Oblikovanje
Oblikovalec:
Rok Poles, dipl. inž. arhitekture
nove grafičnepodobe
ŠCV
32
33
34
35
36
37
Držite se oblikovalskih smernic in jih občasno prilagajate
• združite sorodne elemente;
• delom sporočila določite pomembnost;
• skicirajte in poskušajte;
• uporabljajte oblikovalska pravila: pomembnost, razmerja, uravnoteženost, smer silnic in podrobnosti.
(R. C. PARKER, Grafično oblikovanje, 1997)
38
39
Na kaj naj bomo pozorni:
• Kompozicija
• Prostor
• Barve
• Pisave.
• Kontrast, praznina in gibanje
• Slog strani
40
41
Kompozicija
• Je razporeditev elementov na strani.
• Pomagamo si z mrežo.
42
43
Uporaba mreže
44
Na kaj naj bomo pozorni:
• Prostor - Globina oziroma občutek prostora je tudi zelo pomemben dejavnik pri ustvarjanju podobe strani. Globino in ostale posebne efekte lahko dodamo s senčenjem ali svetlobo, barvo…
45
46
Na kaj naj bomo pozorni:
• Barve - Že od nekdaj je znano, da ima barva velik vpliv na človeka. Poznamo tri osnovne barve (RGB barvni model ima naslednje osnovne barve: rdeča, rumena in modra), iz katerih lahko z aditativnim mešanjem dobimo druge preostale barve.
• Pisave - Eno izmed področij oblikovanja je tudi tipografija, ali nauk o črkah in o oblikovanju besedila.
47
48
49
50
51
52
53
54
55
56
Na kaj naj bomo pozorni:
• Kontrast, praznina in gibanje - Pri oblikovanju moramo upoštevati tudi nasprotja (temno-svetlo, veliko-majhno…) Tako stran postane zanimiva vendar s tem ne smemo pretiravati saj stran lahko postane nasičena in nepregledna.
57
58
59
60
61
62
Na kaj naj bomo pozorni:
• Slog strani – Zelo je pomemben tudi slog strani, saj ta naredi prvi vtis na obiskovalca. Prvi vtis pa je zelo pomemben. Vedeti moramo, kateri skupini ljudi bo stran namenjena: ali otrokom, mladim, starim, kupcem… Zato moramo stran prilagoditi ciljni skupini ljudi, ki naj bi po našem mnenju najpogosteje obiskovala našo stran.
• (Povzeto po knjigi: Spletne strani – zvijače in nasveti, Peter Hribar)
63
Primer preoblikovanja logotipa OŠ Gustava Šiliha ob 40 letnici
praznovanja
64
65
66
67
68
69
Pogoste oblikovalske napake
Osamljeni naslovi in podnaslovi
• Pogosto se lahko vidimo, da se naslov in podnaslov pojavi sam na koncu strani ali ga od konca ločita le ena ali dve vrstici. To je videti zelo neprivlačno.
70
Pogoste oblikovalske napake
Preveč podobne pisave
• Naslov in besedilo naj ne bi imela iste pisave. Potrebno je izbrati dve med seboj kontrastni si pisavi (serifna in san-serifna).
Podčrtave
• So zelo moteče za normalen ritem branja.
71
Preveč različnih pisav
• Če na eni strani uporabimo preveč različnih pisav- to je ena od najpogostejših napak- je podoba te strani amaterska in zmešana. Za pravilno organizacijo in zaporedje pomembnosti pisav, je potrebno uporabljati skrbno izbrane pisave. Vsaka nova pisava na strani, otežuje branje ter ga upočasni.
72
• Razmak med znaki– ang. Kerning ali poravnava nezaželene
presledke med znaki
Pred poravnavo
Primer poravnave je od Paul Baker-ja Typography (www.pbtweb.com)
Po poravnavi
73
Različno občutimo tipografijeArial
Courier New
Balloon
BrushScript BT
Desdemona
EwieD
Garamond
Humans
Impact
Kids
Marriage NevisonCaseD
Playbill
Times New RomanZurich
74
Poravnave besedila
75
76
Pretiravanje z grafiko
• Grafika in fotografije so namenjene v podporo besedilu in lažje razumevanje zapletenih podatkov. Preveč elementov na strani je moteče.
77
78
Prenapolnjene strani
• Zapolnjevanje tudi najmanjših delov strani s podatki obiskovalce utrudi, saj morajo sami ločevati med vizualno zanimivimi in nezanimivi deli.
79
80
Oblikovno uravnovešena začetna spletna stran
81
Pomanjkanje kontrasta med besedilom in drugimi elementi
• Brez zadostnega kontrasta je težko ločiti ozadje od elementov, ki jih prekriva besedilo. Zato je za razločno sporočilnost potreben kar največji možni kontrast.
82
83
84
Nepotrebni posebni učinki
• Pretirana uporaba posebnih učinkov pisav in grafike ne izraža ničesar. Stran z uporabo preveč posebnih učinkov postane nepregledna in načičkana.
85
Preveč sivine• Bralcu stran, kjer je veliko besedila brez slik,
vzame pogum, če ni zelo zavzet.• Siva stran vzbuja občutek, da bo za branje
potrebno veliko truda.• Zato je potrebno izbrati pravilno ravnotežje med
besedilom, grafiko in praznino.• Ne smemo zanemariti dejstva, da je tudi
praznina pomembni sestavni del dobro oblikovane spletne strani.
(povzeto po: BEVERLY 1997)
86
Preveč sivine
87
Še nekaj primerov oblikovanja e-dokumentov
88
89
90
91
92
93
94
95
96
97
98
ZAKLJUČEK
99
»Praznina je ena od najpomembnejših oblikovalskih prvin kakršnegakoli oblikovanja (dizajna).«
IZ PRAZNINE nastaja FORMA