dizajn multimedije & tekst 3 - efos · dizajn multimedije / tekst doc.dr.sc. davorin turkalj /...

14.12.2016.

1

MULTIMEDIJALNIMARKETING

IIIDIZAJNMULTIMEDIJE/TEKST

doc.dr.sc.DavorinTurkalj/dr.sc.IvanKelić

Područjaprimjenemultimedije

Multimedija - prikladnausvimkomunikacijskimprigodamakadjeosobapovezanaselektroničkominformacijom.

ü PoslovnaprimjenaüMultimedijauobrazovanjuüMultimedijalnadržavneuprave

üMultimedijauzabaviüMultimedijanajavnimmjestimaü Virtualnastvarnost


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

Poslovnaprimjena

ü Stvaranjeimage-atehnološkiosviještenogpoduzećaü Identifikacijaipersonalizacijazaposlenihkoristećiidentifikacijskeznačajke(fotografija,tekstualniopisradnogmjesta,osobniportfeljiobogaćeniaudioivideoelementima(VoIP,telekonferencija,identifikacijskekartice,e-mailprofiliitd.)

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

14.12.2016.

2


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

e-zdravstveno,e-imenik…

Državnauprava

üpovezanuzstandardizacijučuvanjaiprijenosapodataka

üsmanjivanjelistačekanjaüefikasnijaadministracija


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

tekstom, interaktivnost i individualni pristup - 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


Multimedijauzabavi

ü videoiglazbanazahtjev,igre,priručnici,kupovanjeodkuće,kućnazabava,uslugeprekokablovske,telefonskevezeibežično

14.12.2016.

3


Multimedijanajavnimmjestima

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

ü Dostupnostmultimedijalnihsadržajaputeminstalacijailikioska– sciljemponudesadržajaiinformacijazakorisnike

ü Povezanostsabežičnimuređajima(mobiteli,tableti)ü Smanjujesepotrebazatradicionalniminfopultovima,dodajuvrijednostuslugamaidostupnisu24/7

üMijenjanačinnakojisvakodnevnopristupamoinformacijamakaoinarazvojkulturekomunikacije


Virtualnastvarnostvs.Proširenastvarnost

Virtualnastvarnost(engl.virtual reality - VR)- kompjuterskisimuliranarealnost,računalnostvorenovizualno,auditivnoitaktilnoiskustvokojekorisnikupružarealističanosjećaj„uranjanja“udrugisvijet.Ostvarujesekorištenjemrazličitihuređajazainterakcijuizmeđučovjekairačunala.

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



GoogleVRsearch

interes X42016*

ThinkwithGoogleNovember2016

14.12.2016.

4



Poznato?

Googleglassproject

FerrariAR

Produkcijamultimedije

SloženproceskreiranjamultimedijeZarealizacijupotrebanvelikbrojstručnjaka:Producent,multimedijskidizajner/kreativnidizajner,eksperttematskogpodručja,programer,instrukcijskidizajner,scenarist,računalnidizajner,audio/videospecijalist,webmaster


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

14.12.2016.

5


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


Fazeuprodukcijimultimedije

Istraživanjeianaliza– prikupljanještovišeinformacijaokorisnicimamultimedijalnogprojektakaoiinformacijeosadržajukojićeseprezentiratiisustavnakojemćeseprojektprikazivati.

Pisanjescenarija– odlukevezanezastrukturuprojektaštoserealizirakrozkreiranjehodograma.(primjer- website)

Pisanjeilustriranogscenarija(storyboard)– detaljniplandizajnaprojekta(boje,mmelementi,poveznice,arhitektura).Grubiprikazdetaljnevizualizacijeiozračjakojeprojekttrebapostići.


Fazeuprodukcijimultimedije

Kreiranjemedijskihelemenata– uobičajenonakonstoryboard-aseizrađujeprototipirazmatraseprijedlogdizajna.Nakontogagrafičkidizajneruzpomoćdetaljnihspecifikacijakrećusastvaranjemmmelemenata

Programiranje – kadasuizrađenisvielementizapočinjeizradazavršnogproizvodanajčešćeupomoćprogramskogjezika(npr.Visual Basic)

Testiranje – posljednjafazaizradefinalnogproizvodagdjesenastojeustanovitimogućegreškeilipotrebezapoboljšanjem.Nekiproizvođačipreferirajubetaverzijesvojihproizvodakojeuzpovratneinformacijekorisnika„uhodu”rješavaju.

14.12.2016.

6


Storyboard - skripta

Izradastoryboarda(skripte) – grafičkaitekstualnaprezentacijasvihinformacijakojećesenalazitinaekranimaprograma,možebitiskiciranarukomnapapiruilinačinjenauzpomoćprogramanaračunalu(npr.PowerPoint,Visio,…)

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


Primjerstoryboard-a

TEKSTFont / Hypertext / Tipografija

14.12.2016.

7

Tekst

Prvipisanitragovi

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

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

ljudimaiporezima.ü Tekstpostaovrlopopularanmeđuelitomzbogmogućnosti

čuvanjastečenihznanjaiarhiviranjaporuka.

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

14.12.2016.

8

Tekst

Evolucijapisma

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

üKoristiseuvelikombrojujezikadanašnjiceüProizašloizgrčkogpisma

Tekst

Evolucijapisma

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

nastojanjadaoponašatadašnjirukopis

Tekst

Evolucijapisma

üINDUSTRIJSKAREVOLUCIJAüRazvojemproizvodnihkapacitetarazvijalasepotrošnjaipotrebazainformiranjem

üKorištenjetipografijeusvrhuvizualizacijeinformacija

üspojkorištenetehnikeiumjetnosti

14.12.2016.

9

Tekst

Korporativnatipografija

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

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

Crnitekstnabijelojpodlozi Boja

Tablica:Pisanitekstnasprammultimedijenainternetu

14.12.2016.

10

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 priizradi 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

Tekst

Računalnaobradateksta

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

Tekst je niz znakova (characters) među kojima se nalaze slova,brojevi i pomoćni znakovi za uređenje 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

14.12.2016.

11

Tekst

Typeface

Times New Roman

Arial

Comic sans

Tekst

Typeface

Typefaces senajčešćedijelenadvijeglavnekategorije:üSerif

üSans serif (franc.sans – bez)

Sans – serifni fontovi – fontovibezdekorativnihdetaljanaivicamaslovailidrugihtipografskihsimbolaSerifni fontovi– fontovisadekorativnimdetaljimanaivicamaslova(serifi)ilidrugomtipografskomsimbolu

Tekst

Fontovi

Znakovi (engl. character) - osnovni element teksta 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 elektronski niz podataka (data file) u kojem se nalaziskup slovnih znakova (glyph) i slovnih simbola (dingbat).

14.12.2016.

12

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 smanjena velika slova, 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.

Tekst

Formatfonta

PostScript - 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.AmericanStandardCodeforInformationInterchange,Američkistandardniznakovnikzarazmjenuinformacija iliAmeričkistandardniznakovnikzarazmjenuobavijesti)načinjekodiranjaznakovatemeljennaengleskojabecedi.ASCII-kodovimapredstavljaseteksturačunalima,komunikacijskojopremiidrugimnapravamakojeobrađujutekstpisanengleskimjezikom.

RTF(odengl.Rich Text Format)– varijacijaASCIIstandardaiglavnaprednostještoomogućavasnimanjedokumentasizvornimformatiranjemtesekaotakavmožeotvoritiudrugomprogramuzaobraduteksta

Unicode® jestandardzarazmjenupodatakausmjerennaprikazslovananačinneovisanojeziku,računalnomprogramuiliračunalnojplatformi.16bitnisistem(65536znakova)kojiomogućavasvimnacionalnimpismimadaseugradeujedanstandard.

14.12.2016.

13

Tekst

Tehnologijafonta

Tehnologijafonta– tehnikeprikazivanjatekstaPostojedvaosnovnapristupa:

üVektorski

üBitmap

Tekst

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

Tehnologijafonta

Tekst

Bitmap-rasterski:ü Bitmapirani prikaz se temelji 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 prikaza je relativno veliki utrošak memorijei ograničene mogućnosti povećanja slike; povećanjem segubi kvaliteta.

Tehnologijafonta

14.12.2016.

14

Tekst

Smjernicezakorištenjeteksta

Efikasnokorištenjetekstaumultimediji- nerazlikujeseoduobičajenihprincipadobrogpisanja.

Poredtogapisanjezamultimedijalnookruženjestavljapredautoradodatnesmjernicekojihsetrebadržati:

1. Selektivnost – korištenjetekstausituacijamaukojimaprenosiinformacijuboljeoddrugihmedija(iznošenječinjenica,apstraktnihkoncepata,označavanjeneobičnihikona,kaoodgovornakorisnikovopitanjeilikomentar…)

2. Sažetost - velikekoličinetekstamoguumaratikorisnikekadasečitajusaekranaračunala.Trebauklonitisuvišneriječi,pažljivobiranjeriječi,prijelomtekstanasegmente,korištenjenatuknica…

Tekst


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

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

5. Pažljivost - gramatikaipravopissuodrazprofesionalnostikredibilitetaizvora,izbjegavatiplagiranje,koristitefontovečitljivenavišeplatformi.

Tekst


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

7. Nekatekstbudeinteraktivan– snagamultimedijeproizlaziizinteraktivnosti

14.12.2016.

15

TJEDNI ZADATAKProjekt / Zapažanje / Prezentacija

Tjednizadatak

KojifontovisuSerif akojiSans Serif?a) Arialb) Comicc) Courierd) Garamonde) Gothicf) TimesNewRoman

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

ü Napišitenasumiceodabranitekstnaekranuiformatirajteihuponuđenetypefaceove.KojiVamsečinedasulakočitljivina

ekranuizašto?

MarioMikić Vučak &NikolaPapratovićVirtualrealityOsijek

15.12.(četvrtak)u14.05;dv.2

14.12.2016.

16

Hvalanapažnji

dizajn multimedije & tekst 3 - efos · dizajn multimedije / tekst doc.dr.sc. davorin turkalj /...

Documents