15.12.2015.

1

MULTIMEDIJALNI MARKETING

IIIDIZAJNMULTIMEDIJE/TEKST

doc.dr.sc.DavorinTurkalj/IvanKelić univ.spec.oec.

Područjaprimjenemultimedije

Multimedija - prikladna usvimkomunikacijskimprigodama kad jeosobapovezanaselektronskominformacijom.

ü PoslovnaprimjenaüMultimedijauobrazovanjuüMultimedijalnadržavne uprave

üMultimedijauzabaviüMultimedijanajavnimmjestimaü Virtualna stvarnost

Područjaprimjenemultimedije

prodajne i marketinške prezentacije, katalozi i prikaziproizvoda, trening zaposlenih, izravan marketing, prodaja namalo i informacije o mjestu prodaje

Poslovnaprimjena

ü Stvaranje image-a tehnološkiosviještenogpoduzećaü Identifikacija ipersonalizacijazaposlenihkoristećiidentifikacijske značajke (fotografija, tekstualni opisradnogmjesta,osobniportfeljiobogaćeniaudioivideoelementima(VoIP,telekonferencija, identifikacijskekartice, e-mailprofiliitd.)

ü Boljakomunikacijaskorisnicima/potrošačimaü Široka primjenautrening – edukacijskimprogramima(aviokompanije,medicina,inženjeri,prodavači…)

15.12.2015.

2

Područjaprimjenemultimedije

Informatizacijadržavneupraveidrugihjavnihtijelae-građani,e-katastar,e-pravosuđe,e-izvadak,

e-zdravstveno,e-imenik…

Državnauprava

üpovezanuzstandardizacijučuvanjaiprijenosapodataka

üsmanjivanjelistačekanjaüefikasnijaadministracija

Područjaprimjenemultimedije

ü dopuna i nadomjestak udžbenika,ü omogućuje povezivanje audio-vizualnog sadržaja s

tekstom, interaktivnost i individualnipristup - učenikmože učiti na svoj način,

ü Pomicanje granica tradicionalnih metoda učenjaü Nadopuna procesa učenja obogaćenim sadržajima

Multimedijauobrazovanju

iBooks authorPrimjer

Područjaprimjenemultimedije

Multimedijauzabavi

ü videoiglazbanazahtjev,igre, priručnici,kupovanjeodkuće,kućnazabava,uslugepreko kablovske,telefonske veze ibežično

15.12.2015.

3

Područjaprimjenemultimedije

Multimedijanajavnimmjestima

Hoteli,željezničkestanice,trgovačkicentri,muzeji,knjižnice,koncerti

ü Dostupnostmultimedijalnihsadržajaputeminstalacijailikioska– sciljemponudesadržajaiinformacijazakorisnike

ü Povezanostsabežičnimuređajima(mobiteli,tableti)ü Smanjujesepotreba zatradicionalniminfopultovima,dodajuvrijednostuslugama idostupnisu24/7

üMijenjanačinnakojisvakodnevnopristupamoinformacijamakaoinarazvojkulture komunikacije

Područjaprimjenemultimedije

Virtualnastvarnostvs.Proširenastvarnost

Virtualna stvarnost (engl.virtual reality - VR)- kompjuterskisimuliranarealnost,računalno stvorenovizualno,auditivnoitaktilnoiskustvokojekorisnikupružarealističanosjećaj„uranjanja“ udrugisvijet.Ostvaruje sekorištenjem različitihuređaja zainterakciju izmeđučovjeka iračunala.

Proširena stvarnost (engl.augmented reality – AR)- se zasnivanaidejidasestvarnomsvijetudigitalnododajuinformacijekojenamdajuuređajiopremljeniekranom, GPS-om,kamerom,kompasom,žiroskopomidrugimsenzorima,ananačindanazaslonutakvoguređaja vidimostvarnostuproširenomobliku.

Područjaprimjenemultimedije

Virtualnastvarnostvs.Proširenastvarnost

Poznato?

Googleglassproject

Ferrari AR

15.12.2015.

4

Produkcijamultimedije

SloženproceskreiranjamultimedijeZarealizacijupotrebanvelik brojstručnjaka:Producent, multimedijski dizajner/kreativni dizajner, ekspert tematskogpodručja, programer, instrukcijski dizajner, scenarist, računalni dizajner,audio/video specijalist, webmaster

Produkcijamultimedije

Tim

ü Producentdefinira, koordinira i osigurava cijeli projekt, mora bitisvjestan mogućnosti i ograničenja tehnologije

ü Multimedijski dizajner/kreativni dizajnervizualizira sustav i definira njegovu strukturu, određujeizgled, osjećaj, format i stil cijelog projekta

ü Ekspert tematskog područjaosigurava sadržaj za tvorce multimedijskog proizvoda

ü Programerintegrira sve elemente (tekst, slike, video, animacije idr.) u cjelinu multimedijskog proizvoda

Produkcijamultimedije

Tim

ü Instrukcijski dizajnerodgovoran za prezentiranje informacija kako bi ih korisnicimogli najbolje moguće razumjeti

ü Scenaristkreira organizaciju projekta kroz hodogram (dijagram toka)te definira razinu interaktivnosti među elementima

ü Računalni dizajnerkreira (digitalne) grafičke elemente (pozadine, fotografije,logotipi, 3D prikazi, animacije i dr.)

ü Audio/video specijalistpotreban kada se značajno koriste audio i video sadržaji

ü Webmasterkreiranje i održavanje web site-ova i srodnih aplikacija

15.12.2015.

5

Produkcijamultimedije

Fazeuprodukcijimultimedije

Istraživanje ianaliza – prikupljanještovišeinformacijaokorisnicimamultimedijalnogprojektakaoiinformacijeosadržajukojićeseprezentirati isustavnakojemćeseprojektprikazivati.

Pisanjescenarija– odlukevezanezastrukturu projekta štoserealizira krozkreiranje hodograma. (primjer - website)

Pisanjeilustriranog scenarija (storyboard) – detaljniplandizajnaprojekta (boje,mmelementi,poveznice,arhitektura).Grubiprikaz detaljne vizualizacijeiozračjakojeprojekttrebapostići.

Produkcijamultimedije

Fazeuprodukcijimultimedije

Kreiranjemedijskihelemenata– uobičajenonakonstoryboard-aseizrađuje prototipirazmatra seprijedlogdizajna.Nakontogagrafički dizajneruzpomoćdetaljnihspecifikacijakrećusastvaranjem mmelemenata

Programiranje – kada suizrađenisvielementizapočinjeizradazavršnog proizvodanajčešće upomoćprogramskogjezika(npr.Visual Basic)

Testiranje – posljednjafazaizrade finalnogproizvodagdjesenastojeustanovitimoguće greške ilipotrebezapoboljšanjem.Nekiproizvođačipreferiraju beta verzije svojihproizvodakojeuzpovratne informacije korisnika„uhodu”rješavaju.

Produkcijamultimedije

Storyboard - skripta

Izrada storyboarda (skripte) – grafička itekstualnaprezentacijasvihinformacijakojećesenalazitinaekranima programa, možebitiskiciranarukomnapapiruilinačinjenauzpomoćprogramanaračunalu(npr. PowerPoint,Visio,…)

ü Storyboard razrađuje module sadržaja i predstavljakombinaciju pisanih opisa, crteža, blok dijagrama opisujući sveelem ente aplikacije – teks t, slike, zvuk, animaciju, video,gumbe, hiperlinkove i sl. te kako su međusobno grupirani

15.12.2015.

6

Produkcijamultimedije

Primjerstoryboard-a

TEKSTFont / Hypertext / Tipografija

Tekst

Prvipisanitragovi

ü prije5000god. - prvitragovikorištenjeteksta isimbolaukomunikacijinapodručjutadašnjeMezopotamije,Egipta,Babilona

ü Samosučlanovivišihkastaisvećenicismjeličitatiipisati.ü Najranijizapisi(poruke)odnosesenaupravljanjepolitikom,

ljudimaiporezima.ü Tekst postaovrlopopularanmeđuelitomzbogmogućnosti

čuvanjastečenih znanjaiarhiviranja poruka.

15.12.2015.

7

Tekst

Evolucijapisma

üFENIČANICCA1200GOD.PR.KR.üegipatskihijeroglifiünajraširenijepismosvogvremena

üosnovazarazvojpismadrugihcivilizacija

ü10zapovijedi(židovski)

Tekst

Evolucijapisma

üGRČKOPISMO8ST.PR.KR.ünastalokaoderivatranogfeničanskogpisma

üprethodniklatiniceićiriliceütekumodernijedoba,paralelnosanastajanjemlatiniceićiriliceuvodimalaivelikaslova

Tekst

Evolucijapisma

üRIMSKO/LATINSKOPISMOücca7st.pr.kr.ünastaloiproširilosezavrijemedominacijerimskogacarstva

üKoristiseuvelikombrojujezikadanašnjiceüProizašloizgrčkogpisma

15.12.2015.

8

Tekst

Evolucijapisma

ü GOTIČKOPISMO4ST.ü Germaniü proizašloizgrčkeabecedeü teškočitljivozbog

nastojanjadaoponašatadašnjirukopis

Tekst

Evolucijapisma

üINDUSTRIJSKAREVOLUCIJAüRazvojemproizvodnihkapacitetarazvijalasepotrošnjaipotrebazainformiranjem

üKorištenjetipografijeusvrhuvizualizacijeinformacija

üspojkorištenetehnikeiumjetnosti

Tekst

Korporativnatipografija

15.12.2015.

9

Tekst

ü Poznavanjetekstaisposobnostčitanjasupreduvjetzasudjelovanjeudruštvuistjecanjeznanja.

ü PojavomInternetaiWWWa– tekstjejošuvijekdominantnielementzastupljenudiseminacijiporukaiinformacija

Izvornijezikweb-ajeHTML(engl.Hypertext Markup Language)– njimeseoblikujesadržajistvarajusehiperveze hipertekst dokumenta

Hypertekst kaodioHTMLa omogućavabogatijeiskustvočitanjaodprimjericeknjige

Hipertekst - tekstualna strukturakojasesastojiodmeđusobnopovezanihjedinicainformacijeprikazanananekomelektroničkomuređaju.Zarazlikuodpisanogteksta,hypertekst jenelinearan.

Tekst

Tisakvs.multimedija

Papir iolovka Multimedija iInternet

Linearan: samiokrećemostranice Nelinearan: upravljanjemdokumentompremaželji

Jednoobrazninačinrada: pisani Uključenost višeelemenata: pisanje,slike,zvuk,animacije…

Crnitekstnabijelojpodlozi Boja

Tablica: Pisani tekstnaspram multimedijena internetu

Tekst

Digitalizacijateksta

Značajke koje nosi elektronički tekst izuzetnose razlikuju od značajki koje nosi tekst pisanna papiru i to je potrebno uzeti u obzir pr iizradi elektroničkog teksta, osobito onogtekstualnog sadržaja koji se pojavljuje uokruženjumultimedije

Ove značajke vezane su uz opseg ili količinuteksta ispisanog na ekranu ili na papiru, načitljivost, tj. vizualnu predstavu iskazanogteksta. (izgled, pismo, veličina, boja i dr.), temogućnosti izravnog povezivanja raznihdijelova teksta što je značajka samoelektroničkog teksta

15.12.2015.

10

Tekst

Računalnaobradateksta

Tekst se u računalo može unositi na dva načina: ručno - upisomna tas tatu ru i strojno pomoću uređaja za optičkoprepoznavanje teksta (npr. skener) OCR (en gl. Optical Charac terRecognition)

Tekst je niz znakova (charac ters) među kojima se nalaze slova,brojevi i pomoćni znakovi za uređenj e teksta, kao što su znakoviinterpunkcije itd.

Microsoft Word – je najrašireniji procesorteksta namijenjen unosu i obradi teksta.ü nudi mogućnosti oblikovanja i uređivanja

Tekst

Typeface

engl.typeface (porodicafontova) – predstavljaskupznakovakojidijelezajedničkedizajnerskeznačajke.

Pojedinitypefacedefiniranjeodređenomširinom,ornamenturom,gustoćom,težinom,kurzivom,alineiveličinom.

Primjeri:Times Arial Verdana Garamond

Courier Calibri

Tekst

Typeface

Times New Roman

Arial

Comic sans

15.12.2015.

11

Tekst

Typeface

Typefaces senajčešćedijelenadvijeglavnekategorije:üSerif

üSans serif (franc.sans – bez)

Sans – serifni fontovi – fontovibezdekorativnih detalja naivicamaslovailidrugihtipografskih simbolaSerifni fontovi– fontovisadekorativnim detaljimanaivicamaslova(serifi) ilidrugomtipografskom simbolu

Tekst

Fontovi

Znakovi ( engl. character) - osnovni elem ent teks ta imaju različitemogućnosti prikaza.

Font - različite mogućnosti prikaza znakovaü Font objedinjuje različite karakteristike znakova, među kojimaje osnovna sam izgled znakova, ali i neka druga svojstva kojaneposredno utiču na taj izgled.

ü Font je elek tronski niz podataka (data file) u kojem se nalaziskup slovnih znakova (glyph) i slovnih simbola (dingbat).

Tekst

Formatfonta

TrueType fontovi mogu se skalirati na bilo koju veličinu, jasni su ičitljivi u svim veličinama. Mogu se slati na bilo koji pisač ili drugiizlazni uređaj koji Windows podržava.

OpenType fontovi slični su TrueType fontovima, ali obično sadrže širiskup osnovnih znakova, primjerice smanjenavelikaslova, starinski stilbrojki te složenije oblike, kao što su glifovi (ukrasna slova) i ligature(spojena slova). OpenType fontovi također su jasni i čitljivi u svimveličinama i mogu se poslati na bilo koji pisač ili drugi izlazni uređajkoji Windows podržava.

15.12.2015.

12

Tekst

Formatfonta

PostScrip t - računalni jezik za stvaranje vektorske grafike.Fontovi su glatki, detaljni i visokokvalitetni. Obično se koriste zaispis, posebno za visokokvalitetni ispis koji se obično koristi zatiskanje knjiga i časopisa.

Tekst

Kodiranjeračunalnogteksta

ASCII (odengl. American StandardCode for InformationInterchange,Američki standardni znakovnik za razmjenu informacija ili Američkistandardni znakovnikza razmjenuobavijesti) način jekodiranjaznakovatemeljen naengleskoj abecedi. ASCII-kodovimapredstavlja se teksturačunalima,komunikacijskoj opremi idrugimnapravamakojeobrađuju tekstpisan engleskim jezikom.

RTF (odengl.Rich Text Format)– varijacijaASCII standarda iglavnaprednost je štoomogućavasnimanjedokumentas izvornim formatiranjemtesekaotakavmožeotvoritiudrugomprogramuzaobradu teksta

Unicode® je standard zarazmjenu podatakausmjeren naprikaz slovananačinneovisano jeziku, računalnomprogramu ili računalnoj platformi.16bitni sistem(65536znakova)kojiomogućavasvimnacionalnimpismima daseugradeujedanstandard.

Tekst

Tehnologijafonta

Tehnologijafonta– tehnikeprikazivanjatekstaPostojedvaosnovnapristupa:

üVektorski

üBitmap

15.12.2015.

13

Tekst

VektorskiOnikojisemogumatematičkimfunkcijamauvećavati (iliumanjiti)bezgubitkanaizgleduslova.Osnovnaprednostjedamogulakopreoblikovati,upotrebommatematičke funkcijezasvakuvektorsku točku,takosemoguskaliratibezgubljenjakvalitete (zamućivanja).

Tehnologijafonta

Tekst

Bitmap-rasterski:ü Bitmapirani prikaz se tem elji na mreži ‘kvadratića’, tj. jedinica

koje se mogu prikazati (na ekranu ili printeru) koje senazivaju dot (točke). Popunjavanjem tih kvadratića generirase slika znaka.

ü Nedostatak ovog p rikaza j e relativno veliki utrošak memo rijei ograničen e mogućnosti poveć anja slike; poveć anjem s egubi kvaliteta.

Tehnologijafonta

Tekst

Smjernicezakorištenjeteksta

Efikasnokorištenje teksta umultimediji- nerazlikujeseoduobičajenihprincipadobrogpisanja.

Poredtoga pisanjezamultimedijalnookruženjestavljapredautora dodatne smjernicekojihsetreba držati:

1. Selektivnost – korištenje teksta usituacijamaukojimaprenosiinformacijuboljeoddrugihmedija(iznošenječinjenica,apstraktnih koncepata, označavanje neobičnihikona,kaoodgovornakorisnikovopitanjeilikomentar…)

2. Sažetost - velikekoličineteksta moguumarati korisnikekada sečitajusaekrana računala. Treba uklonitisuvišneriječi,pažljivobiranjeriječi,prijelomteksta nasegmente,korištenje natuknica…

15.12.2015.

14

Tekst

Smjernicezakorištenjeteksta

3.Čitljivost – bjelinajesaveznik.Pažljivodabirfontova,ograničitibrojfontovaiuskladitiihspozadinom…

4. Dosljednost – održavati tonalitet poruke (profesionalno,ležerno,šaljivo),koristitiistifontzasvakuvećukategorijuteksta(naslov,blokteksta,izbornik…)

5. Pažljivost - gramatika ipravopissuodrazprofesionalnostikredibilitetaizvora,izbjegavatiplagiranje, koristite fontovečitljivenavišeplatformi.

Tekst

Smjernicezakorištenjeteksta

6. Kombiniranjeteksta sdrugimmedijima– npr.zvučniizgovorriječiutekst, animacijeprocesa (životniciklusproizvoda…)

7. Nekatekst budeinteraktivan – snagamultimedijeproizlaziizinteraktivnosti

TJEDNI ZADATAKProjekt / Zapažanje / Prezentacija

15.12.2015.

15

Tjedni zadatak

KojifontovisuSerif akojiSans Serif?a) Arialb) Comicc) Courierd) Garamonde) Gothicf) TimesNew Roman

ü Prikorištenjuponuđenihtypefaceova kojisulaganizačitanjenapapiruizašto?

ü Napišitenasumiceodabranitekst naekranu iformatirajte ihuponuđenetypefaceove. KojiVamsečinedasulakočitljivina

ekranu izašto?

MarioMajkić – soundbranding16.12.(srijeda)u13.15sati

Hvalanapažnji