Osnovi grafikog dizajna

Uvod u tipografiju

Tipografija - etimologija
Tipografija potie od grkih rei

typo= udarati

graphia= pisati

korene ima u prvim izbuotinama i

kalupima koji su se koristili za
pravljenje peata i valuta
13-om veku se u Koreji pojavile
knjige stampane tehnikom metalnih
pokretnih slova
Johanes Gutenberg je sredinom
15-og veka razvio stamparsku presu
pomocu stampanja je omoguceno

obrazovanje citavog sveta

Renesansa

Tipografija - poeci
Posle govora, najvaniji fenomen kulturne
istorije oveanstva svakako je pismo
odnosno, moemo rei da je istorija kulture istorija pismenosti.
Sa Sumercima (4 hiljade god. p. n. e) poinje
istorija pisma, knjige i biblioteka.
Pismo je omoguilo oveku da sauva svoje
misli od zaborava, da zabelei iskustva
pojedinaca i generacija i da ih preda daljim
pokolenjima.

Tipografija - poeci
Pismo je prolazilo kroz tri osnovne faze.
Prvi stadijum pisma predstavlja tzv. slikovno ili
piktografsko pismo. Ovo je pismo neka vrsta
pria u slikama.

Tipografija - poeci
Tokom vremena, pojedine slike postaju
konvencionalni opte usvojeni znakovi.
Ovo je druga faza u razvoju pisma - pojmovno
ili ideografsko pismo.
piktografsko i ideografsko pismo mogu itati
ljudi koji govore razliitim jezicima

Tipografija - poeci
Ideogram vremenom postaje predstavnik grupe glasova
tj. rei ili imena odnosnog predmeta: ideogram se pretvara
u fonogram.
Tako nastaje fonetsko ili fonografsko pismo, odnosno
trea faza u razvoju pisma.
Fenicansko pismo 1500 pne;

Tipografija - poeci
Poslednji i najsavreniji oblik pisma nastaje kad
znak postaje predstavnik pojedinog glasa - to je
nae dananje pismo azbuka

Tipografija nain itanja

redosled citanja slova zavisi od nacije i od
metode zapisa
kinesko pismo se nanosi na papir cetkom
kamen se urezuje dletom u cekicem

Tipografija Boustrophedon
Reci se pisu sa desna na levo, i sa leva na
desno
Moderna upotreba ove tehnike:

Tipografija - definicija
Tipografija se bavi izborom i organizacijom oblika slova
i drugih grafikih karakteristika tampane strane.
Ona se bavi svim pitanjima koja utiu na izgled strane i
doprinose efikasnosti tampane poruke:

oblikom i veliinom slova,

znacima interpunkcije,

dijakritikim znacima i specijalnim simbolima;

razmakom izmeu slova i rei;

razmicanjem redova;

duinom redova;

veliinom margina;

koliinom i mestom ilustracija;

izborom naslova i podnaslova;

korienjem boje i svim ostalim pitanjima prostorne

organizacije ili konfiguracije.

Tipografija - definicija
Pored toga, tipografi treba da se interesuju i za takve
stvari kao to su:
vrsta tamparske boje,
izbor papira i nain tampanja.

Sve do digitalnog doba tipografija je bila vrsta posebnog

zanimanja. Digitalizacija je toliko uznapredovala tipografiju
da je sada sa lakoom koriste kako nove generacije dizajnera
tako i laici.
Tipografijom se bave

slogoslagai, (typesetting)
tipografi,
kompozitori,
grafiari,
art dizajneri
pisarski radnici.

Tekstualna tipografija
U tradicionalnoj tipografiji tekst se stvara tako
da bude itljiv, koherentan i vizuelno
zadovoljavajua celina koja funkcionie
nevidljivo bez svesti italaca.
Izbor fonta je moda primarni aspekt
tipografskog teksta
Tipografija je takoe predmet nekih kulturnih
konvencija.
u Francuskoj je uobiajno da se ostavi prazno mesto
pre dve take (:) ili take zareza (;) u reenici dok u
Engleskoj to nije sluaj.
U Kanadskim dravnim slubama se ostvalju dva
razmaka posle take (. )

Tipografija itljivost i itkost

Ova dva termina se esto meaju.
Termin itljivost se najee i najpravilnije
koristi da opie lakou sa kojom je pisan jezik
itan i razumljiv - podrazumeva tekou jezika
samog po sebi, a ne njegovog izgleda. Faktori
koji utiu na itljivost ukljuuju reeninu duinu,
duinu rei kao i uestalost neuobiajenih rei.
itkost opisuje kako lako i ugodno kucan tekst
moe biti itan. To nije povezano sa sadrajem ili
jezikom, ve je povezano sa veliinom i izgledom
pisanog i prikazanog teksta.

Lorem Ipsum
Tekst koji se koristi od 16. veka da bi popunio
prostor na stranici
Provera izgleda zavrsnog formata
"Lorem ipsum dolor sit amet, consectetur
adipisicing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna aliqua. Ut
enim ad minim veniam, quis nostrud
exercitation ullamco laboris nisi ut aliquip ex ea
commodo consequat. Duis aute irure dolor in
reprehenderit in voluptate velit esse cillum
dolore eu fugiat nulla pariatur. Excepteur sint
occaecat cupidatat non proident, sunt in culpa
qui officia deserunt mollit anim id est laborum."

Ispoljavanje tipografije
Tipografija je snaan element u grafikom dizajnu, gde
je manja briga oko itljivosti ve je potencijal usmeren na
korienje slova u umetnike svrhe.
Slova su kombinovana sa grafikim elementima i slikama
formirajui odnos dijaloga izmeu rei i slika.
Tipografija je svuda oko nas:

na posterima,
omotima knjiga,
bilbordima,
kutijama proizvoda,
grafiti na zidovima,
na monitorima kompjutera, mobilnih telefona...

Preporuka
Tipografija je za tekst ono to je
interpretacija za muziko delo
nepoznati autor

http://www.smashingphotoshop.com/2010/06/3d-typography/

Pravila tipografija
Koristite samo jedan razmak posle tacke (na ekranu)
Pogresno:

Tacno:

Cras eu nunc vel tortor mattis commodo a nec lorem. Phasellus

elementum vel volutpat urna massa accumsan nisi. Proin non est ante,
quis cursus massa. Sed sit amet massa enim. Ut laoreet quam at metus
ullamcorper ac fermentum diam bibendum. Integer orci mi, porttitor id
ornare non, faucibus vitae lacus. Proin urna metus, vestibulum sed
euismod nec, mollis vitae mi. Nam ligula metus, accumsan id fringilla et
egestas a nisl.
Cras eu nunc vel tortor mattis commodo a nec lorem. Phasellus elementum,
tortor quis tempor pellentesque, augue dolor ullamcorper ligula, vel volutpat
urna massa accumsan nisi. Proin non est ante, quis cursus massa. Sed sit
amet massa enim. Ut laoreet quam at metus ullamcorper ac fermentum
diam bibendum. Integer orci mi, porttitor id ornare non, faucibus vitae
lacus. Proin urna metus, vestibulum sed euismod nec, mollis vitae mi. Nam
ligula metus, accumsan id fringilla et, egestas a nisl.

Mogu dva razmaka posle tacke u stampanom materijalu

Pravila tipografija
Koristite najvise 3 fonta (za web stranice)

Pravila tipografija
Treba da postoji kontrast izmedju fontova ako se
razliciti fontovi koriste
Jacina fonta odgovara tezini knjige ili casopisa
Kontrast moze biti izrazen i po velicini slova

Pravila tipografija
Koristite do 2 fonta (za logo)

Adidas: Impossible is Nothing

2004, $50M
22 sporstke zvezde
Pobednik: Cannes
International Advertising
Festival, 2006

http://www.slideshare
.net/grincha21/adidas
-campaign-analysis

Adidas Impossible is Nothing

Adidas Impossible is Nothing

Parodija Impossible is Nothing

Pravila tipografija
Pazite na variabilni razmak izmedju slova (kerning)

Pravila tipografija
Pazite na poruku koju prenosi font

Pravila tipografija
Format teksta
Tekst koji je
poredjan po levoj
ili desnoj strani se
lakse cita od
centriranog

Pravila tipografija
Fontovi so klasifikovani po porodicama (font family)

http://www.adobe.com/type/browser/classificat
ions.html

Neke osnovne porodice

Serifna

Grotesk

Polugrotesk

Rukopis (klasini)

Neke osnovne porodice

Rukopis (neformalni)

Natpisna pisma

Gotica i fraktura

Serif i Sans Serif font

Serif:

Tipografija

Sans Serif:

Tipografija

Serif font se lakse cita u stampi

Sans Serif se lakse cita na ekranu
Sans Serif fontovi se tipicno koriste za Naslove

Bezserifni fontovi
Bezserifni fontovi su nesumnjivo moderniji fontovi od
serifnih i koriste se kod postera i novina/asopisa da
uhvate oko.
Nisu dizajnirani za kontinuirano itanje ali su na daljini
jasniji i itkiji od serifnih fontova. Skoro svi
saobraajni znaci koriste bezserifne fontove zbog
jasnoe i jednoznanosti.

Impact
Futura
Helvetica

Osnovni pojmovi tipografije

Slovo (slovni znak) -

glavni element pisma. To

su svi znakovi koji dolaze u tipografskom pismu, a dele se

na:

kurentna slova ("mala")

verzalna slova ("velika")
naglaena (akcentirana) slova
Brojke (cifre)
znakovi interpunkcije
ostali znakovi (razmak takoe)

Osnovni pojmovi tipografije

Elementi pisma i slovnih znakova

Osnovna pismovna linija - imaginarna linija

na kojoj lee sva slova nekog pisma sloena
u redak teksta

MIsasdlfhaklsdhflka
shdfklashdl;faf
MIsasdlfhaklsdhflkashdfklashdl;faf

Elementi pisma i slovnih znakova

Ascender (uzlazni potez) - deo na kurentnim slovima
k, b, d, h, t koji se izdie iznad gornje linije koju
odreuju slova a, c, e, m, n, o, r...

Descender (silazni potez) - deo slike slova ispod

osnovne pismovne linije (slova g, j, p, q y)

Podeavanje razmaka
Razmak izmeu slova
potreba za prilagoavanjem odreenih parova i
veliina slova

Podeavanje razmaka
Razmak meu redovima
razmak izmeu
osnovnih pismovnih
linija dva reda teksta
obino 120% vrednosti
veliine korienog
pisma

Podeavanje razmaka
Razmak izmeu rei
trebao bi biti vei od onog izmeu slova, a manji
od onog izmeu pojedinih redova teksta
trebao bi biti jednak najeem slovnom znaku u
tekstu

Merni sistemi u tipografiji

koristi se mnotvo mernih sistema od kojih su 2
najpopularnija:

Anglosaksonski sistem (ATA)

1 point (ATA) = 0.3514598 mm = 0.0138366
inch
1 pica (ATA) = 4.2175176 mm = 12 points
(ATA)
Didotov sistem (u Evropi)

1 point (Didot) = 0.3759 mm = 1/72 of a

French Royal inch (27.07 mm) = cca 1/68
inch
1 Cicero = 4.531 mm = 12 points (Didot)

Ureivanje teksta pojmovi, pravila, saveti

itkost teksta
Najbolji odnos za itanje je 1:100 (odnos
udaljenosti oka od teksta i veliine slova)
Ljudsko oko najbolje vidi slova na udaljenosti
oko 25-30 cm

Za idealnu itkost slovnih znakova uzima

se 52 znaka po redu. Razmak izmeu rei je
slovni znak i ubraja se u tih 52 slova.

1 point (Didot) = 0.3759 mm

Tipografija novine i asopisi

Tipografija je element svih tampanih materijala. Naslovi
u novinama su najee napisani velikim slovima da bi
privukli panju italaca. Na primer USAToday koristi
zadebljana, arena slova i moderan stil i to sve kroz
razliite fontove, boje i veliine slova; a ime novina
smesteno je na arenoj pozadini. Kao suprotnost imamo
New York Times koji koristi tradicionalniji pristup sa
manje boja i manje varijacija u fontu.
Generalno svaki asopis ili dnevne novine
standardizovale su se na malu kolekciju fontova da bi se
itaoci lake kretali kroz sadraj, da bi imali oseaj
familijarnosti, ili da bi stvorili dramatian efekat. Neki
izdavai kao The Gardian i The Economist imaju
komisiju slovnih dizajnera i specijalizovanih tipografa koji
dizajniraju izgled slova.

Tipografija lo izbor

Fontovi neodgovarajui za biznis

alju lou poruku

Tipografija dobar izbor

Tipografija lo izbor
Tipografija odie neobaveznou, oputenou
stvara nepoverenje kod klijenata

Tipografija dobar izbor

Ne deluje ba vizionarski ali uliva pouzdanost i poverenje

Tipografija lo izbor

Da li za Vas ova boca ampanjca

predstavlja prigodan poklon?

Tipografija dobar izbor

Sada ve deluje prihvatljivo

Tipografija lo izbor

Da li biste poklonili poverenje

ovom spreju?

Tipografija dobar izbor

Sloiete se, deluje pomalo pretee

Google Tipografija

Tipografija - Calligram

Tipografija - Calligram

Tipografija - Calligram

Tipografija - Vezbe
http://www.blog.spoongraphics.co.uk/tutorials/create-a-grid-basedresume-layout-in-indesign
http://vector.tutsplus.com/tutorials/tools-tips/create-numberedtickets-the-easy-way-in-indesign/