8 4 makro tipografija v1

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/

20

eyesaw

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