TIPOGRAFIJA Nastavni plani programkurikulum Medijski tehniar Trajanje 6

TIPOGRAFIJA Nastavni plani program/kurikulum: Medijski tehničar Trajanje: 6 sati Pripremila: Marijana Brdar

Dragi učenici i drage učenice, kako bismo vam olakšali učenje za vas smo pripremili materijale za samostalni rad. U ovoj prezentaciji su sadržaji koji se odnose na nastavni predmet: RAČUNALNA GRAFIKA, 2. razred Prezentacija sadrži i zadatake za vježbu. Na kraju prezentacije nalaze se pitanja za ponavljanje gradiva. Vaši nastavnici će vam također pružati podršku u učenju na daljinu. • Želimo vam uspješno učenje.

TIPOGRAFIJA (grčki typos – žig, pečat + graphein –pisati)

• Tipografija je znanost o slovima • Umjetnost korištenja tipografskih slova • Vještina slaganja, izrade, oblikovanja i funkcionalnog korištenja slova.

• Tipografija je umjetnost odabira odgovarajućeg pisma prema određenoj namjeni. • Način slaganja i organizacija pisanog sadržaja s ciljem ostvarivanja što efikasnije komunikacije i ljudskom oku ugodnije za gledanje.

Osnovni pojmovi tipografije Pismo sačinjavaju svi slovni i ostali znakovi (brojke, znakovi interpunkcije, posebni znakovi, ligature, ukrasi itd. ) kojima je zajedničko da svojim oblikom odgovaraju jedan drugom tj. da su jednoobrazni. - U engleskom jeziku za taj pojam se koristi termin "typeface". Ligature su uobičajene za česte glasovne skupine za riječi koje se ponavljaju. Najčešća latinska ligatura & (sa značenjem et: i) prešla je i u tiskana izdanja, često otežavaju čitanje tekstova.

• Sastav tipografskog pisma

Osnovni pojmovi tipografije Font – u digitaliziranoj eri koristi se kao sinonim za pismo. • Font je elektronički niz podataka u kojem se nalazi skup slovnih znakova i slovnih simbola (slovni ornamenti). • Danas su fontovi digitalni, nekad -pomična lijevana slova • https: //www. ucionica. net/ostalo/kako-dodati-novi-font-1026/

Font Futura- oblici pisma

Vrste znakova u pismu

Osnovni pojmovi tipografije Rez - predstavlja način izvedbe slike tipografskog pisma. Rezove pisma razlikujemo prema: • širini: uski, obični i široki rez • debljini crteža: nježni, obični, poludebeli i debeli rez.

Prema debljini reza - nježni, običan, poludebeli i debeli, a prema širini reza - uzak, običan, širok

• Pismovna garnitura Veličina pisma naziva se stupanj pisma. Posjedujemo li od nekog pisma više stupnjeva istog reza, tada taj skup nazivamo pismovnom garniturom. Pismovna garnitura Pismovna porodica je skup pisama jednog karaktera, koji sadrži nekoliko različitih garnitura (obično, usko, poludebelo, kurziv…. )

Osnovni pojmovi tipografije Slovo - glavni element pisma. U digitalnom pismu pod pojmom slova se podrazumijeva pismovna slika.

Osnovni pojmovi tipografije VERZAL velika slova (štampana ili tiskana slova) KURENT mala slova (pisana ili tiskana slova ) DESCENDER je dio slike slova ispod linije teksta, najčešće kod kurentnih slova (g, j, p, q, y) ASCENDER je dio na kurentnim slovima k, b, d, h, t, koji se izdiže iznad gornje linije koju određuju slova a, c, e, m, n, o, r… KURZIV su nagnuta slova, lijevo ili desno, kurzivna pisma su manje čitljiva pa se upotrebljavaju za naglašavanje, isticanje….

SLOVNI ZNAKOVI Pismo se sastoji od slovnih znakova, a to su: • verzalna slova WERTZUIOP • kurentna wertzuiop • akcentirana slova šćčž • znakovi interpunkcije !? . : ; „” • posebni i ekspertni znakovi $&@§# • znakovi matematičkih operacija %()*+-<>b {}=

Elementi slovnih znakova - temeljni potezi - spojni potezi - oblina - krovna crta - kvačica - završna oblina - poprečna crta - krilo - silazni potez - uzlazni potez - serif

• Elementi slovnih znakova različito su kreirani kod različitih vrsta pisma. • Neki elementi u jednom pismu su naročito naglašeni, kod drugog su ujednačeni ili jedva primjetni, a nekad i ispušteni.

Osnovni pojmovi tipografije VELIČINA PISMA (size) je mjera pisma i mjeri se u tipografskim točkama (pt) i jednaka je plohi koja je dostupna za kreiranje pojedinog znaka. Ta ploha je upravo veličina slova. Tekst složen u dva različita pisma zauzima različitu površinu, te ima različitu visinu.

1 cicero = 12 tipografskih točaka (pt)

OSNOVNA PISMOVNA LINIJA Zamišljena linija na kojoj počivaju slovni znakovi. a - glavna linija b - gornja linija kratkih kurentnih slova c - gornja linija verzalnih slova

• Glavna pismovna linija je linija donjeg ruba slike kratkih kurentnih slova, na svim je slovnim znakovima jednog pisma točno u ravnome pravcu (L, a, b, m, h, H, N…) • Dvije pomoćne linije: gornja linija kratkih kurentnih slova i gornja linija verzalnih slova.

RAZMAK IZMEĐU SLOVA - kerning - znatno utječe na čitljivost teksta Ako je svakom slovu pridijeljen jednaki prostor, razmaci između slova su jednaki. Slova u takvom tekstu treba približiti jedno drugom. Potreba za tim najprimjetnija je kod parova: Va, AV, Ti, Ta, Ts. Va. AVTi. Ta. Ts Današnja pisma već dolaze s kerniranim parovima.

RAZMAK MEĐU REDOVIMA - leading - razmak između osnovnih pismovnih linija dva retka teksta, važan je za čitljivost teksta. Ako je razmak premali, tekst će izgledati sabijeno, a ako je prevelik, tekst će biti raspršen po stranici. Standard: 120% vrijednosti veličine korištenog pisma, npr. pismo -10 pt, prored: 12 pt.

RAZMAK IZMEĐU RIJEČI - ovisi o dužini riječi i trebao bi biti jednak, a ako već nije, onda treba biti što konzistentniji ili sličniji. To je moguće kod tekstova koji su poravnati u lijevu ili desnu stranu ili po sredini. Kod tekstova koji su poravnati na obje strane uočljivo je da razmak među riječima nije jednak te da varira od retka do retka.

PISMO • Pismo je sistem odgovarajućih grafičkih znakova prikladan za predočavanje misli i sredstvo je prostorne i vremenske komunikacije. • U širem smislu to je svaki sustav vidljivih oblika (slikarija, simbola, znakova i njihovih kombinacija) namjerno proizvedenih u svrhu memoriranja i obavještavanja; • U užem smislu to je sustav znakova koji predstavljaju određene elemente govornog jezika: pojedine riječi, slogove ili glasove.

• Johann Gutenberg U 15. st. (1450. g. ) pronalazi pomična slova i tiskarski stroj, što stvara potrebu za jasno izoliranim svakim znakom, definiranjem njegovog oblika i smještajem unutar raspoloživog pravokutnika.

KLASIFIKACIJA PISMA • Podjela pisma prema optičkim karakteristikama i prema povijesnom razvoju. • Postoje pisma jednostavnih, ravnih, kosih, rukopisnih, ukrasnih i drugih oblika. • Za uspješno razlikovanje pisma potrebno je poznavati elemente slovnih znakova.

Osnovna podjela pisma • • • Temeljni oblici pisma Individualni oblici pisma Tehnički oblici pisma Rukopisni oblici pisma Profilni oblici pisma

PODJELA PISMA 1. TEMELJNI OBLICI PISMA - predstavnik: Garamond Optičke karakteristike: postepeni prijelaz i umjereni kontrast između temeljnih i spojnih poteza. Serifi postepen zaobljeni prijelaz. Krovne crte kurentnih slova izvedene su koso.

2. INDIVIDUALNI OBLICI PISMA -predstavnik: Antikva; Polugrotesk Optičke karakteristike: uočava se sklonost prema zaobljenim i mekim formama. Nose obilježja svog autora.

3. TEHNIČKI OBLICI PISMA Predstavnik: Arial, Calibri Optičke karakteristike: Pisma jednostavnih oblika. Grotesk: temeljni i spojni potezi optički izjednačeni, završnih crta i serifa pismo nema.

4. RUKOPISNI OBLICI PISMA Optičke karakteristike: Nastoje oponašati rukom pisani tekst, slobodno su oblikovana. Izvedena su zašiljenim, širokim i zaobljenim perom te kistom.

5. PROFILNI OBLICI PISMA Optičke karakteristike: Obuhvaćaju različita naslovna pisma, kod kojih se osjeća trodimenzionalnost i djeluju plastično.

Serifna pisma Polugrotesk pisma Grotesk Rukopisna pisma

rukopisna (neformalna) pisma natpisna pisma gotica i fraktura

UPOTREBA PISMA • Pisma možemo načelno razvrstati prema funkciji i namjeni: • KNJIŽNO PISMO - podesno za slaganje knjiga, a to su antikve temeljnih oblika u veličinama od 8, 9, 10, 12 i 14 pt. • NOVINSKO PISMO - slaganje novina, časopisa, revija. Čitljivo u istim veličinama kao i knjižno pismo.

• NASLOVNA PISMA - za slaganje naslova u knjigama, revijama, časopisima, web i sl. Često poludebela ili debela pisma, istog karaktera kao i temeljni/tekući tekst. • AKCIDENTIČNA PISMA - za slaganje raznovrsnih tiskanica. Izbor pisma - prema tome kome je tiskanica namjenjena ili sam sadržaj i karakter tiskanice. (pozivnice, diplome, memorandum i dr. ) • PLAKATNA PISMA - pretežno se izrađuju u temeljnim i tehničkim oblicima pisma, veličine od 3 cicera na dalje.

UREĐIVANJE TEKSTA STILOVI SLAGANJA - isključivanje redaka Pod isključivanjem redaka podrazumijevamo dovođenje teksta u retku na predviđenu dužinu. lijevo, Aaaaaaaa desno, Aaaaaaaa sredina, Aaaaaaaa blok slog Aaaaaaaaaaa aaaaaa Kod slaganja u lijevo, desno i sredinu razmaci između riječi su jednake, dok u blok slogu su različite. Blok slog -puni format poboljšava čitkost.

• ALINEJA Nizanjem slova nastaju riječi, a nizanjem riječi nastaju redci. Odlomci u tekstu razbijaju zamornu jednoličnost i olakšavanju čitaocu praćenje teksta. Odlomci ne smiju biti previše kratki, a ni predugi. Najbolje je tekst slagati tako da u retku u prosjeku ima 50 slovnih znakova. • Odlomak započinje bjelinom – uvlakom, koja ovisi o širini retka i veličini slovnog znaka, a završava izlaznim retkom, koji je obično kraći. Izlazni redak ne smije biti kraći od vrijednosti uvlake. Treba izbjegavati izlazne retke s jednom riječi ili s preostalim dijelom dijeljene riječi.

• Prostor između prvog i posljednjeg retka u odlomku zauzimaju puni retci. Aaaaaa aaaa aaa aaaaa aaaaaaaaaa. Ulazni redak Puni redci Izlazni redak

VRSTE ISTICANJA • • • verzal - ZAGREB bold - Zagreb kurziv - Zagreb špacionirano - Z a g r e b druga boja - Zagreb ZAGREB okvir kapitalno pismo - ZAGREB (verzalno pismo u veličini kurenta) reljefno pismo - ZAGREB uvlačenje teksta ili odlomka • stupnjevanje pismovnih veličina - Zagreb • inicijali - obilježavanje početka poglavlja ili članka. • Ukrasan element.

Čitljivost teksta- jedan od osnovnih elemenata grafičkog dizajna i kreacije u cjelini. Dobar izbor boja za tekst, naslova i podnaslova, direktno doprinosi: • bržem i jasnijem čitanju, • bržem zapažanju poruke, • pa samim time i efikasnijem ostvarivanju osnovnih ciljeva grafičkog dizajna

Redoslijed u pogledu brže čitljivosti bio bi slijedeći: 1. crna slova na žutoj podlozi 2. žuta slova na crnoj podlozi 3. zelena slova na bijeloj podlozi 4. crvena slova na bijeloj površini 5. crna slova na bijeloj površini 6. bijela slova na plavoj površini 7. plava slova na žutoj površini 8. plava slova na bijeloj površini 9. bijela slova na crnoj površini 10. žuta slova na plavoj površini (najjači topli kontrast) 11. zelena slova na žutoj površini 12. žuta slova na crvenoj površini 13. zelena slova na narančastoj površini 14. ljubičasta slova na narančastoj površini, itd.

PONOVIMO! 1. 2. 3. 4. 5. 6. Navedi osnovne pojmove tipografije. Objasni što je font, a što pismovna veličina. Kako definiramo pismo? Objasni što je slovni znak. Navedi elemente slovnog znaka. Što je razmak između slova, a što razmak između redova? 7. Navedi osnovnu podjelu pisma. 8. Nabroji moguće načine isključivanja teksta. 9. Objasni što je čitljivost teksta s obzirom na boju slovnih znakova i podloge.

ZADATAK: 1. Istraži koji fontovi su prikladni za pisanje teksta u: • Tiskanoj literaturi • Internetu • Videoprodukciji 2. Napiši pisani rad na tu temu, opsega jedne stranice teksta na listu veličine A 4, i u njemu usporedi fontove prema njihovoj namjeni.

Hvala na pažnji! Pripremila, Marijana Brdar