dizajn multimedije & tekst 3 2018 - efos.unios.hr · storyboard-skripta izrada storyboarda...
TRANSCRIPT
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