17.10.2018.

1

MULTIMEDIJALNI MARKETING

Izv.prof.dr.sc. Davorin Turkalj

IIIDIZAJN MULTIMEDIJE / TEKST

Područja primjene multimedije

Multimedija - prikladna u svim komunikacijskim prigodama kad je osoba povezana s elektroničkom informacijom.

üPoslovna primjenaüMultimedija u obrazovanjuüMultimedijalna državne upraveüMultimedija u zabaviüMultimedija na javnim mjestimaüVirtualna & proširena stvarnost

Područja primjene multimedije

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

Poslovna primjena

üStvaranje image-a tehnološki osviještenog poduzećaü Identifikacija i personalizacija zaposlenih koristeći

identifikacijske značajke (fotografija, tekstualni opis radnog mjesta, osobni portfelji obogaćeni audio i video elementima (VoIP, telekonferencija, identifikacijske kartice, e-mail profili itd.)

üBolja komunikacija s korisnicima / potrošačimaüŠiroka primjena u trening – edukacijskim programima

(aviokompanije, medicina, inženjeri, prodavači…)

17.10.2018.

2

Područja primjene multimedije

Informatizacija državne uprave i drugih javnih tijelae-građani, e-katastar, e-pravosuđe, e-izvadak,

e-zdravstveno, e-imenik …

Državna uprava

üpovezan uz standardizaciju čuvanja i prijenosa podataka

üsmanjivanje lista čekanjaüučinkovitija administracija

Područja primjene multimedije

ü 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

Multimedija u obrazovanju

iBooks authorPrimjer

Područja primjene multimedije

Multimedija u zabavi

ü video i glazba na zahtjev, igre, priručnici, kupovanje od kuće, kućna zabava, usluge preko kablovske, telefonske veze i bežično

17.10.2018.

3

Područja primjene multimedije

Multimedija na javnim mjestima

Hoteli, željezničke stanice, trgovački centri, muzeji, knjižnice, koncerti

üDostupnost multimedijalnih sadržaja putem instalacija ili kioska – s ciljem ponude sadržaja i informacija za korisnike

üPovezanost sa bežičnim uređajima (mobiteli, tableti) üSmanjuje se potreba za tradicionalnim info pultovima, dodaju

vrijednost uslugama i dostupni su 24/7üMijenja način na koji svakodnevno pristupamo informacijama

kao i na razvoj kulture komunikacije

Područja primjene multimedije

Virtualna stvarnost vs. Proširena stvarnost

Virtualna stvarnost (engl. virtual reality - VR) - kompjuterski simulirana realnost, računalno stvoreno vizualno, auditivno i taktilno iskustvo koje korisniku pruža realističan osjećaj „uranjanja“ u drugi svijet. Ostvaruje se korištenjem različitih uređaja za interakciju između čovjeka i računala.

Proširena stvarnost (engl. augmented reality – AR) - se zasniva na ideji da se stvarnom svijetu digitalno dodaju informacije koje nam daju uređaji opremljeni ekranom, GPS-om, kamerom, kompasom, žiroskopom i drugim senzorima, a na način da na zaslonu takvog uređaja vidimo stvarnost u proširenom obliku.

Područja primjene multimedije

Virtualna stvarnost vs. Proširena stvarnost

Google VR search

interes X 4 2016*

Think with Google November 2016

17.10.2018.

4

Područja primjene multimedije

Virtualna stvarnost vs. Proširena stvarnost

Poznato?

Google glass project

Ferrari AR

Produkcija multimedije

Složen proces kreiranja multimedijeZa realizaciju potreban velik broj stručnjaka: Producent, multimedijski dizajner/kreativni dizajner, ekspert tematskog područja, programer, instrukcijski dizajner, scenarist, računalni dizajner, audio/video specijalist, webmaster

Produkcija multimedije

Tim

ü Producentdefinira, koordinira i osigurava cijeli projekt, mora bitisvjestanmoguć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 tvorcemultimedijskog proizvoda

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

17.10.2018.

5

Produkcija multimedije

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

Produkcija multimedije

Faze u produkciji multimedije

Istraživanje i analiza – prikupljanje što više informacija o korisnicima multimedijalnog projekta kao i informacije o sadržaju koji će se prezentirati i sustav na kojem će se projekt prikazivati.

Pisanje scenarija – odluke vezane za strukturu projekta što se realizira kroz kreiranje hodograma. (primjer - website)

Pisanje ilustriranog scenarija (storyboard) – detaljni plan dizajna projekta (boje, mm elementi, poveznice, arhitektura). Grubi prikaz detaljne vizualizacije i ozračja koje projekt treba postići.

Produkcija multimedije

Faze u produkciji multimedije

Kreiranje medijskih elemenata – uobičajeno nakon storyboard-a se izrađuje prototip i razmatra se prijedlog dizajna. Nakon toga grafički dizajner uz pomoć detaljnih specifikacija kreću sa stvaranjem mm elemenata

Programiranje – kada su izrađeni svi elementi započinje izrada završnog proizvoda najčešće u pomoć programskog jezika (npr. Visual Basic)

Testiranje – posljednja faza izrade finalnog proizvoda gdje se nastoje ustanoviti moguće greške ili potrebe za poboljšanjem. Neki proizvođači preferiraju beta verzije svojih proizvoda koje uz povratne informacije korisnika „u hodu” rješavaju.

17.10.2018.

6

Produkcija multimedije

Storyboard - skripta

Izrada storyboarda (skripte) – grafička i tekstualna prezentacija svih informacija koje će se nalaziti na ekranima programa, može biti skicirana rukom na papiru ili načinjena uz pomoć programa na rač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

Produkcija multimedije

Primjer storyboard-a

TEKSTFont / Hypertext / Tipografija

“It’s not just what you write; it’s how you format it.”

17.10.2018.

7

Tekst

Prvi pisani tragovi

ü prije 5000 god. - prvi tragovi korištenje teksta i simbola u komunikaciji na području tadašnje Mezopotamije, Egipta, Babilona

ü Samo su članovi viših kasta i svećenici smjeli čitati i pisati.ü Najraniji zapisi (poruke) odnose se na upravljanje politikom,

ljudima i porezima. ü Tekst postao vrlo popularan među elitom zbog mogućnosti

čuvanja stečenih znanja i arhiviranja poruka.

Tekst

Evolucija pisma

üFENIČANI CCA 1200 GOD.PR.KR.üegipatski hijeroglifiünajraširenije pismo svog

vremenaüosnova za razvoj pisma drugih

civilizacijaü10 zapovijedi (židovski)

Tekst

Evolucija pisma

üGRČKO PISMO 8 ST.PR.KR.ünastalo kao derivat ranog

feničanskog pismaüprethodnik latinice i ćiriliceütek u modernije doba, paralelno

sa nastajanjem latinice i ćirilice uvodi mala i velika slova

17.10.2018.

8

Tekst

Evolucija pisma

üRIMSKO / LATINSKO PISMOücca 7 st.pr.kr.ünastalo i proširilo se za vrijeme dominacije rimskoga

carstvaüKoristi se u velikom broju jezika današnjiceüProizašlo iz grčkog pisma

Tekst

Evolucija pisma

ü GOTIČKO PISMO 4 ST.ü Germaniü proizašlo iz grčke abecedeü teško čitljivo zbog

nastojanja da oponaša tadašnji rukopis

Tekst

Evolucija pisma

üINDUSTRIJSKA REVOLUCIJAüRazvojem proizvodnih

kapaciteta razvijala se potrošnja i potreba za informiranjem

üKorištenje tipografije u svrhu vizualizacije informacija

üspoj korištene tehnike i umjetnosti

17.10.2018.

9

Tekst

Korporativna tipografija

Tekst

ü Poznavanje teksta i sposobnost čitanja su preduvjet za sudjelovanje u društvu i stjecanje znanja.

ü Pojavom Interneta i WWWa – tekst je još uvijek dominantni element zastupljen u diseminaciji poruka i informacija

Izvorni jezik web-a je HTML (engl. Hypertext Markup Language) – njime se oblikuje sadržaj i stvaraju se hiperveze hipertekst dokumenta

Hypertekst kao dio HTMLa omogućava bogatije iskustvo čitanja od primjerice knjige

Hipertekst - tekstualna struktura koja se sastoji od međusobno povezanih jedinica informacije prikazana na nekom elektroničkom uređaju. Za razliku od pisanog teksta, hypertekst je nelinearan.

Tekst

Tisak vs. multimedija

Papir i olovka Multimedija i Internet

Linearan: sami okrećemo stranice Nelinearan: upravljanjem dokumentom prema želji

Jednoobrazni način rada: pisani Uključenost više elemenata: pisanje, slike, zvuk, animacije…

Crni tekst na bijeloj podlozi Boja

Tablica: Pisani tekst naspram multimedije na internetu

17.10.2018.

10

Tekst

Digitalizacija teksta

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čunalna obrada teksta

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

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 (porodica fontova) – predstavlja skup znakova koji dijele zajedničke dizajnerske značajke.

Pojedini typeface definiran je određenom širinom, ornamenturom, gustoćom, težinom, kurzivom, ali ne i veličinom.

Primjeri:Times Arial Verdana Garamond

Courier Calibri

17.10.2018.

11

Tekst

Typeface

Times New Roman

Arial

Comic sans

Tekst

Typeface

Typefaces se najčešće dijele na dvije glavne kategorije:üSerif

üSans serif (franc. sans – bez)

Sans – serifni fontovi – fontovi bez dekorativnih detalja na ivicama slova ili drugih tipografskih simbolaSerifni fontovi – fontovi sa dekorativnim detaljima na ivicama slova (serifi) ili drugom tipografskom simbolu

Tekst

Fontovi

Znakovi (engl. character) - osnovni element teksta imaju različitemogućnosti prikaza.

Font - različitemoguć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 elektronički niz podataka (data file) u kojem se nalaziskup slovnih znakova (glyph) i slovnih simbola (dingbat).

Primjer: Helvetica, Bold, 12 pt.

17.10.2018.

12

Typeface

Tekst

Typeface

Tekst

Format fonta

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.

17.10.2018.

13

Tekst

Format fonta

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

Kodiranje računalnog teksta

ASCII (od engl. American Standard Code for Information Interchange, Američki standardni znakovnik za razmjenu informacija ili Američki standardni znakovnik za razmjenu obavijesti) način je kodiranja znakova temeljen na engleskoj abecedi. ASCII-kodovima predstavlja se tekst u računalima, komunikacijskoj opremi i drugim napravama koje obrađuju tekst pisan engleskim jezikom.

RTF (od engl. Rich Text Format) – varijacija ASCII standarda i glavna prednost je što omogućava snimanje dokumenta s izvornim formatiranjem te se kao takav može otvoriti u drugom programu za obradu teksta

Unicode® je standard za razmjenu podataka usmjeren na prikaz slova na način neovisan o jeziku, računalnom programu ili računalnoj platformi. 16 bitni sistem (65536 znakova) koji omogućava svim nacionalnim pismima da se ugrade u jedan standard.

Tekst

Tehnologija fonta

Tehnologija fonta – tehnike prikazivanja tekstaPostoje dva osnovna pristupa:

üVektorski

üBitmap

17.10.2018.

14

Tekst

VektorskiOni koji se mogu matematičkim funkcijama uvećavati (ili umanjiti) bez gubitka na izgledu slova. Osnovna prednost je da mogu lako preoblikovati, upotrebom matematičke funkcije za svaku vektorsku točku, tako se mogu skalirati bez gubljenja kvalitete (zamućivanja).

Tehnologija fonta

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.

Tehnologija fonta

Tekst

Smjernice za korištenje teksta

Efikasno korištenje teksta u multimediji - ne razlikuje se od uobičajenih principa dobrog pisanja.

Pored toga pisanje za multimedijalno okruženje stavlja pred autora dodatne smjernice kojih se treba držati:

1. Selektivnost – korištenje teksta u situacijama u kojima prenosi informaciju bolje od drugih medija (iznošenje činjenica, apstraktnih koncepata, označavanje neobičnih ikona, kao odgovor na korisnikovo pitanje ili komentar…)

2. Sažetost - velike količine teksta mogu umarati korisnike kada se čitaju sa ekrana računala. Treba ukloniti suvišne riječi, pažljivo biranje riječi, prijelom teksta na segmente, korištenje natuknica…

17.10.2018.

15

Tekst

Smjernice za korištenje teksta

3. Čitljivost – bjelina je saveznik. Pažljiv odabir fontova,ograničiti broj fontova i uskladiti ih s pozadinom…

4. Dosljednost – održavati tonalitet poruke (profesionalno,ležerno, šaljivo), koristiti isti font za svaku veću kategorijuteksta (naslov, blok teksta, izbornik…)

5. Pažljivost - gramatika i pravopis su odraz profesionalnost ikredibiliteta izvora, izbjegavati plagiranje, koristite fontovečitljive na više platformi.

Tekst

Smjernice za korištenje teksta

6. Kombiniranje teksta s drugim medijima – npr. zvučni izgovor riječi u tekst, animacije procesa (životni ciklus proizvoda…)

7. Neka tekst bude interaktivan – snaga multimedije proizlaziiz interaktivnosti

TJEDNI ZADATAKProjekt / Zapažanje / Prezentacija

17.10.2018.

16

Online zadatak

Koji fontovi su Serif a koji Sans Serif?a) Arialb) Comicc) Courierd) Garamonde) Gothicf) Times New Roman

ü Pri korištenju ponuđenih typefaceova koji su lakši/ugodniji za čitanje na papiru i zašto?

ü Napišite nasumice odabrani tekst na ekranu i formatirajte ih u ponuđene typefaceove. Koji Vam se čine da su lakše čitljivi na

ekranu i zašto?

I. Kolokvij

Napomena: 25. listopada i 01. studenog nema nastave.Nadoknada će se održati prilikom održavanja Google days-a na EFOSu

Prvi kolokvij će se održati 22. studenog, 2018. s početkom u 9.00 sati u dv. 3

Kolokvij će obuhvatiti sljedeće cjeline:1. Uvodno predavanje / globalni kontekst2. Marketinške mogućnosti multimedije3. Dizajn multimedije & tekst4. Grafika

*Svi studenti imaju pravo izlaska na kolokvij uz uvjet prethodne prijave putem Google obrasca koji će biti dostupan tjedan dana prije održavanja kolokvija na web stranicama kolegija.

Hvala na pažnji