Multimediasuunnittelu



Samankaltaiset tiedostot
Tekninen suunnittelu. Luento Tekninen suunnittelu takaa toimivan verkkokurssin

. :nahdollisuutta vaikuttaa elokuvan tapahtuminen järjestykseen tai eiokuvan

IDEASTA TUOTTEEKSI: Suunnittelu, toteutus, testaus, tuotanto

työssäoppimispaikan työtehtävissä toimiminen ammattiosaamisen näytön suorittaminen näyttösuunnitelman mukaan Ammattitaidon osoittamistavat

Viestinnän tutkinto ohjelma, 3D animointi ja visualisointi OPETUSSUUNNITELMA KXD19S13D

5. luento: Suunnittelutyön dokumentointi - käsikirjoitustyypit

Kuva: Questmarketing.ltd.uk GRAAFINEN SUUNNITTELU?

Johdanto. Agenda. Tuotantoprosessi. Historiallinen kehitys. Konsepti. Tuotantoprosessin vaiheet

Viestinnän tutkinto-ohjelma, 3D-animointi ja -visualisointi OPETUSSUUNNITELMA KXD18S13D

ARVO - verkkomateriaalien arviointiin

Studio ART Oy. Yritysesittely. Studio ART Oy. Kasöörintie Oulu p

Verkkopalvelun sisällöntuotanto

Työssäoppimispaikan työtehtävien ja ammattiosaamisen näytön suorittaminen työssäoppimisja näyttösuunnitelman mukaan hyväksytysti.

OSAAMISTODISTUS* Todistus Jupiter säätiössä valmennusjakson aikana tunnistetusta ja saavutetusta ammatillisesta osaamisesta

1.Esipuhe. Esipuhe. Graafinen ohjeisto Rauman Lukko

Osaamistarpeet toimitustyössä. Kyselytutkimuksen tulokset SJL VKL

ABMcomposite Graafinen ohjeisto 1.0

HENKILÖKOHTAINEN NÄYTTÖSUUNNITELMA

Etikettien suunnittelu. Kuka ja millä välineillä? Tiina Myllymäki

TAKE- työelämälähtöisen ammatillisen koulutuksen kehittäminen

Graafinen OHJEISTO V

OPAS TYÖSSÄOPPIMISEN JA AMMATTIOSAAMISEN NÄYTÖN TOTEUTTAMISEEN

Monilla aloilla myös pukeutuminen ja käyttäytyminen ovat yrityksen visuaalisen linjan mukaista.

Sisällöt liikkeelle. Kaisa Mikkola

Käyttöliittymäuudistus 2011

Digitaalinen tarinankerronta HTKS152

Tassu Takala pääaineinfo

tunnus värit Sisältö typografia johdanto... 3 tunnus... 4 värit... 7 typografia... 8 sovellukset...10 sovellukset

LIITE NAYTTO Ammattiosaamisen näyttöjen toteutus- ja arviointisuunnitelmien koontilomake

"SUKUPUOLISENSITIIVISYYS VARHAISKASVATUKSESSA - TASA- ARVOINEN KOHTAAMINEN PÄIVÄKODISSA"- HANKKEEN VERKKOSIVUJEN TOTEUTTAMINEN

Valintanauhan komentojen selaaminen Jokaisessa valintanauhassa on ryhmiä ja jokaisessa ryhmässä on joukko siihen liittyviä komentoja.

Videotuotantojen kilpailutuksen käsikirja. MASSIVE Helsinki / TrueStory

OPAS TYÖPAIKALLA TAPAHTUVAN OPPIMISEN JA AMMATTIOSAAMISEN NÄYTÖN TOTEUTTAMISEEN

Käyttäjäkeskeisyys verkkopalveluissa

HELIA 1 (11) Outi Virkki Käyttöliittymät ja ohjelmiston suunnittelu

Digitaalinen tarinankerronta HTKS152

Joustavan opetuksen tuki, tuottaminen ja prosessit

JHS 129 Julkishallinnon verkkopalvelun suunnittelun ja toteuttamisen periaatteet Liite 3 Ulkoistamisen tarpeiden arviointi ja toteutus

SISÄLLYS JOHDANTO 5. KUVAT 1. TUNNUS - SANOMA 6. VERKKOSIVUT 2. TUNNUS - KÄYTTÖ 7. TUOTEKORTIT JA ESITTEET. 2.1 Suoja-alue. 7.

IT-OSAAJA, TIETOJENKÄSITTELYN ERIKOISTUMISOPINNOT

SISÄLLYS SISÄLLYS TUNNUS SUOJA-ALUE JA PIENIN KOKO VÄRIMÄÄRITYKSET TYPOGRAFIA

Tik projektityö Installaatiotyöpaja * johdantoluento * Tassu Takala 1

WWW-SIVUJEN, SISÄLLÖN JA SIVUSTON SUUNNITTELU

TIETOJENKÄSITTELYN PERUSTUTKINTO DATANOMI. Digitaalinen viestintä Tietojärjestelmien kehittäminen

SYMBIANIN SERIES 60 JA PUHELIMEN PERUSTOIMINNOT

PROJEKTITIEDOTE 1/2010, s. 1

2017 HINNASTO MEDIA-ASSARI

Hei nimeni on Viksu! Olen lapsia. rakastava mustavaris, jonka. löydät leikkimästä lasten. Olen seikkaillut pitkin maita. ja mantuja, mutta nyt asun

MOBISITE-TYÖKALUN SISÄLTÄMÄT TOIMINNOT

18 Komponentit, ulkoasu ja visuaalisuus. Materiaalit CC-BY 4.0 Mikko Lampi

Kauneimmat Joululaulut: Visuaalisen ilmeen ohjeisto

Graafinen ohjeisto. Päivitetty Suomen Vapaa-ajankalastajien Keskusjärjestö GRAAFINEN OHJEISTO 1

Sudenkuoppia, yllätyksiä, pään vaivaa

Valintanauhan komennot Valintanauhan välilehdissä on ryhmiä ja kussakin ryhmässä on toisiinsa liittyviä komentoja.

työssäoppimispaikan työtehtävissä toimiminen ammattiosaamisen näytön suorittaminen näyttösuunnitelman mukaan. Ammattitaidon osoittamistavat

Ohjelmiston toteutussuunnitelma

1 Yleistä Kooste-objektista Käyttöönotto Kooste-objektin luominen Sisällön lisääminen Kooste objektiin Sivut...

Digitaalisen tarinan koostaminen HTKS Tanja Välisalo

Projektin suunnittelu 71A00300

Graafinen ohjeisto. Graafisessa ohjeistossa linjataan Inaria-brändin visuaalinen ilme ja sen käyttö.

Johdanto. REIM Group Oy Ltd

Opinnollistaminen. TAKE- työelämälähtöisen ammatillisen koulutuksen kehittäminen 16. elokuuta 2018 YRITYS:

Graafinen ohjeisto* KESKENERÄINEN PIRAATTIPUOLUE. Visuaalisen suunnittelun ja viestinnän ohjeita Piraattipuolueen sisäiseen ja ulkoiseen viestintään

Määräykset ja ohjeet 2010: 13. ISSN-L X ISSN (verkkojulkaisu)

Kopseptisuunnittelu Verkkomultimedia ICT1tn004

Tuhat tarinaa hengittäjistä. Hengitysliiton graafinen ohje yhdistyksille

Juha Sjöblom Taideyliopiston ensimmäinen yhteinen intranet, Artsi

Miten selviytyä graafikon kanssa? Lyhyt oppimäärä esitteen tekovaiheista.

A-KILTOJEN LI TTO RY A-Kiltojen Liitto ry - Graafinen ohjeistus 4/2019

Tieto- ja viestintätekniikan perustutkinto

Sisältö. Graafisen ohjeiston tarkoitus 3 Typografia 4-5 Logo ja liikemerkki 6 Värimaailma 7 Huomioitavaa logosta ja väreistä 8 Maskotti 9 Pohjia 10-12

Graafinen. ohjeistus

Luo mediaopas Tarinatallentimella

OPISKELIJAN MUISTILISTA

ViNOn graafinen ohjeisto, alpha

Suomen Ampumaurheiluliitto Finnish Shooting Sport Federation. Graafinen ohje visuaalinen ilme

vero.fi: Hankinnasta ylläpitoon Miten varmistaa saavutettavuus?

GRAAFINEN OHJEISTO 2017

Key to Freedom GRAAFINEN OHJEISTO

Multimedia oppimisen tukena esimerkkinä pedagogiset digitarinat. KK Jaana Tolonen

ividays BLOG Design Elina / Tomi / Timo / Otso /

Agenda. Johdanto Tuotantoprosessi Työkalut Esteet Kehittämisalueet. Petri Vuorimaa 1

hannu hautala luontokuvakeskus Graafinen ohjeisto

Käytettävyys ja käyttäjätutkimus. Yhteisöt ja kommunikaatiosuunnittelu 2012 / Tero Köpsi

Media-alan perustutkinto, voimassa alkaen

JHS129 Julkisten verkkopalvelujen suunnittelu ja kehittäminen. JHS-jaosto

GRAAFINEN OHJEISTO 1/2006. Päivitetty 4/2013

Videotuotantojen kilpailutuksen käsikirja

Koulumaailman tehtäväpaketti. alakoululaisille


VERKKOKAUPPASUUNNITELMA ESIMERKKI MUOKATAAN TARVITTAESSA YRITYS: tekijä pvm versio

Punomo Blogit BLOGIN LUOMINEN WORDPRESS-ALUSTALLA

Ohjelmiston testaus ja laatu. Ohjelmistotekniikka elinkaarimallit

LIITE 1. Graafinen ohjeisto 1(12) GRAAFINEN OHJEISTO. SammutinHuolto Nevanperä Ky 2011

DNA MOBIILI TV - YLEISET KÄYTTÖOHJEET

206 Verkkosivun tuottaminen finaalitehtävät

Matopeli C#:lla. Aram Abdulla Hassan. Ammattiopisto Tavastia. Opinnäytetyö

GRAAFINEN OHJEISTO 1/2006. Päivitetty 11/2012

idvd 5 ELOKUVAKASVATUS SODANKYLÄSSÄ Vasantie Sodankylä +358 (0) tommi.nevala@sodankyla.fi

ARVO - verkkomateriaalien arviointiin

Transkriptio:

Multimediasuunnittelu Erkki Rämö Digitaalinen media, s. 23-50 Multimediaohjelmien käyttökohteita opetusohjelmat kulttuuri- ja taideteokset viihdeohjelmat ja pelit dokumentointi edutainment markkinointi ja yritysviestintä. 1

Multimediatuotannon työryhmä (1) Tuottaja/projektipäällikkö Tuottaja vastaa rahoituksen hankkimisesta, sopimusneuvotteluista ja budjetoinnista.hän kokoaa työryhmän ja tekee tuotantoaikataulut. Tuottaja toimii projektinvetäjänä sekä kantaa vastuun projektin onnistumisesta. Taiteellinen johtaja Taiteellinen johtaja (Art Director) toimii tuotannon taiteellisena johtajana sekä suunnittelijana. Hän vastaa multimedian tyyliin vaikuttavista asioista. Multimediatuotannon työryhmä (1) Käsikirjoittaja/suunnittelija Käsikirjoittaja suunnittelee multimedian sisällön. Hänen tehtävänään on miettiä, miten halutut asiat kerrotaan multimedian keinoin. Käsikirjoittaja määrittelee rakenteen sekä valitsee käytettävän aineiston 2

Multimediatuotannon työryhmä (2) Äänisuunnittelija/äänittäjä Äänisuunnittelija vastaa mediatuotannon äänisuunnittelusta, äänenkäsittelystä ja äänittämisestä. Äänisuunnittelija työskentelee yhdessä muusikoiden kanssa sekä vastaa myös videotuotannon äänistä. Videokuvaaja/editoija Videokuvaaja kuvaa ja käsittelee videokuvaa multimedian vaatimusten mukaan. Multimediatuotannon työryhmä (2) Graafikko Graafikko suunnittelee ja toteuttaa erilaiset graafiset elementit Käyttöliittymäsuunnittelija Käyttöliittymäsuunnittelija vastaa käyttöliittymän suunnittelusta, ideoinnista jatuotannollisesta toteutumisesta. Animaattori Animaattori vastaa piirros- ja tietokoneanimaation tuottamisesta. 3

Multimediatuotannon työryhmä (3) 3D-graafikko 3D-graafikon vastuualueena on kolmiulotteisten kappaleiden, animaatioiden ja kuvien mallintaminen. Mediamateriaalin käsittelijä Mediamateriaalin käsittelijän toimenkuvaan kuuluu tallennusformaattien ja värisyvyyden ja -palettien muuntaminen multimedia- ja verkkotuotantoon sopiviksi. Multimediatuotannon työryhmä (3) Kuvankäsittelijä Kuvankäsittelijä vastaa pääsääntöisesti digitaalisen kuvamateriaalin valmistuksesta ja käsittelystä. Kuvatoimittaja/kuvaaja Kuvatoimittaja työskentelee käsikirjoittajan ja taiteellisen johtajan kanssa vastaten kuvamateriaalin toimittamisesta sekä hankkimisesta. 4

Multimediatuotannon työryhmä (4) Koostaja Koostajan tehtävänä on rakentaa eri mediaelementeistä rakenteen mukainen yhtenäinen teos. Koostajan työtehtävään kuuluu myös ohjelmointi. Multimediatuotannon työryhmä (4) Ohjelmoija/ohjelmistosuunnittelija Ohjelmoija vastaa multimediatuotteen ohjelmoinnista, tietokantasovelluksista ja teknisestä toteutuksesta. Myyntihenkilö/yhteyshenkilö Myyntihenkilö hoitaa asiakassuhdetta ja vastaa asiakkaalle tiedottamisesta 5

Tarjouksen asiasisältö tarjouksen kohde mitä tarjoukseen sisältyy mitä tarjoukseen ei sisälly aikataulu vastuut tarjouksen hinta maksuehdot tarjouksen voimassaoloaika. Suunnitteludokumentit synopsis asiakäsikirjoitus tuotantokäsikirjoitus rakennesuunnitelma kustannusarvio aikataulu käyttöliittymäsuunnitelma sopimukset tuotantosuunnitelma. 6

Synopsis (1) Miksi multimediatuote tehdään? Mikä on multimediatuotteen tavoite? Kuinka tuotetta käytetään (käyttötarkoitus)? Kenelle se tehdään? Mikä on tuotteen sisältö? Mikä on sisällön rakenne? Millainen tuote on? Miltä se näyttää ja kuulostaa? Kuinka sisältö kerrotaan? 7

Synopsis (2) Lisäksi tarpeen mukaan mainittava: alustava aikataulu kustannusarvio tekniset määritykset tuotteen jakelu loppukäyttäjille. Liitteeksi tehdään: suunnitelma käyttöliittymästä rakennesuunnitelma. Treatment 8

Asiakäsikirjoituksen tehtävät valmiin sovelluksen hahmottaminen työryhmän sisäinen kommunikointi tilaajan kanssa kommunikointi tuotannollinen perusta. Asiakäsikirjoituksen sisältö rakenne mediavalinnat toiminnallisuus visuaalisuus kertojaäänien sisällöt audiovisuaalinen materiaali informaatiosisältö. 9

Asiakäsikirjoituksen pohjalta suunnitellaan: käyttöliittymä visuaalinen yleisilme äänimaailma videoiden ja animaatioiden käyttö valokuvien käyttö tietoliikenneominaisuudet tekniset määritykset käytettävät ohjelmat. Esimerkki asiakäsikirjoituksesta Ruutu 7: Volvon uuden automallin esittely 1. Grafiikka Kuva Volvon uudesta S70 mallista. Taulukko teknisistä ominaisuuksista. 2. Otsikko Volvoon voit luottaa. 3. Teksti Volvo on uuden ajan auto, jossa yhdistyvät turvallisuus ja tilavuus. Uuden Volvon varusteisiin kuuluvat ABS-jarrut, ilmatyynyt, ilmastointi ja laadukas cd-soitin. Ostamalla uuden Volvon olet mukana uudenlaisen autoilun maailmassa. 4. Ääni Kertojaääni: Volvo S70 suojelee kuljettajaa ja matkustajia erittäin tehokkaasti useimmissa kolaritilanteissa. Uusi Volvo S70 sai sekä Euro-NCAP:n törmäystestissä että sivutörmäystestissä viisi tähteä. 5. Video Videokuvakkeesta ruudulle avautuu video, jossa esitellään ABS-jarrujen ja ilmatyynyn toimintaa. 10

Tuotantosuunnitelma on selvitys: mediamateriaalin tuotantoprosesseista aikatauluista työryhmästä ja vastuualueista projektin seurannasta ja dokumentoinnista sovelluksen teknisestä käyttöympäristöstä sovelluksen testauksesta valmiin sovelluksen jakelusta ja markkinoinnista. Tuotantokäsikirjoitus Toimii työohjeena projektiin osallistuville henkilöille. Tiedot teknisestä toteutuksesta, visuaalisuudesta, toiminnallisuudesta ja rakenteesta. Määritykset sovelluksessa käytetyistä tekniikoista sekä tiedostomuodoista. Ohjeet, miten valmistetaan mediamateriaali ja koostetaan materiaalista teknisesti toimiva kokonaisuus. Määritellään esim. videoruudun koko, tiedostomuoto pakkaustapoineen sekä lähdemateriaali, jotta videokoostaja kykenee tuottamaan koostovaiheessa tarvittavan videotiedoston. 11

Tuotantokäsikirjoitus: Teknisiä määrityksiä käyttöjärjestelmävaatimukset laitteistovaatimukset ohjelmistovaatimukset näyttöresoluutio videotiedostojen pakkaus äänitiedostojen formaatit kuvien tiedostomuodot ja värisyydet tietoliikennevaatimukset. 12

Tuotantokäsikirjoitus: Tuotannollisia määrityksiä materiaalin varmuuskopiointi materiaalin sijainti työryhmän verkossa työhön käytettävät ohjelmistoversiot. Tuotantosopimus Sopijaosapuolet Vastuuhenkilöt Sopimuksen kohde Tekijänoikeudet Toimitusehdot Takuu ja päivitykset Aikataulu Hinta 13

Toimitusehdot Tilauksen yksilöinti Toimitus ja sen hyväksyminen Viivästymiset Oikeudet Vastuut Aikataulu janakaaviona 14

Työajan ja kustannusten jakautuminen Esimerkki kustannusarviosta(1) 15

Esimerkki kustannusarviosta(2) Esimerkki kustannusarviosta(3) 16

Multimedian rakenne Lineaarinen rakenne Kalanruotorakenne Puumainen rakenne Verkostorakenne Matriisirakenne Pyramidi- l. labyrinttirakenne Lineaarinen rakenne 17

Kalanruotorakenne Puumainen rakenne 18

Verkostorakenne Verkostomaisessa rakenteessa jokainen yksittäinen elementti sisältää useita etenemisvaihtoehtoja. Käyttäjä pääsee liikkumaan sovelluksessa täysin vapaasti haluamaansa suuntaan Käyttäjä voi eksyä tai hän ei löydä haluamaansa tietoa. Verkostorakenteen yhteydessä on syytä olla lisättynä hakemisto tai hakupalvelu. Internet kokonaisuutena lienee paras esimerkki verkostorakenteesta. Matriisirakenne 19

Pyramidi- l. labyrinttirakenne Pyramidi- l. labyrinttirakenne 20

Tuotantovaihe Materiaalin kartoitus Mediamateriaalin tuotanto Koostaminen Testaus Jakelu Käyttöliittymä(1) Toiminnallisuuden lisäksi huomiota myös visuaaliseen suunnitteluun. Sivun ulkoasu ja käytetyt symbolit kertovat käyttäjälle mahdollisista toiminnoista. Selkeä, esteettinen ulkoasu helpottaa sovelluksen käyttöä. Tietokonesovelluksissa on totuttu näkemään tiettyjä symboleja, joilla on oma merkityksensä. 21

Käyttöliittymä(2) Esimerkiksi vasemmalle osoittava nuoli tarkoittaa liikkumista taaksepäin ja oikealle osoittava nuoli liikkumista eteenpäin. Videon katseluohjelmien käyttönappuloissa on omat kansainväliset symbolinsa. Valikoissa ja painikkeissa käytettyjen tekstien tulee olla myös selkeitä ja tyyliin sopivia. Käyttöliittymä(3) Värien käytöllä voidaan kertoa myös asioita ja luoda tunnelmaa. Aktiivisia toimintoja voidaan korostaa tai käyttäjän huomiota johdatella värien avulla. 22

Käyttöliittymä(4) Graafisen käyttöliittymän suunnittelussa on oltava mukana sekä visuaalista että ohjelmointiosaamista. Käyttöliittymän toimivuutta tulee myös testata useaan otteeseen, jotta pienimmätkin yksityiskohdat saadaan toimimaan. Käytettävyys Käytettävyys on käyttöliittymän laadun mitta, kun arvioidaan käyttöliittymää käyttäjän näkökulmasta. Tietokoneohjelmien ja wwwsivujen käytettävyyttä arvioidaan käytettävyystestein, joissa koehenkilöt suorittavat tehtäviä sovelluksella. www.useit.com : artikkeleita ja esimerkkejä käytettävyydestä. 23

Käyttöliittymäsuunnittelu Millaisessa tilanteessa sovellusta käytetään? Minkä ikäiselle henkilölle sovellus on tarkoitettu? Miten kauan aikaa sovelluksen käytön opettelu saa viedä? Miten monipuoliset liikkumismahdollisuudet käyttäjälle annetaan? Visuaalinen suunnittelu(1) Visuaalinen suunnittelu on osa käyttöliittymän suunnittelua. Tilaustöissä, joissa asiakkaana on yritys tai organisaatio, visuaalisen suunnittelun lähtökohdaksi otetaan tilaajan liikemerkki ja sen värimaailma. 24

Esimerkki http://www.hartwalljaffa.fi Visuaalinen suunnittelu(2) Monilla yrityksillä on myös oma graafinen ohjeisto, jossa on määritelty yrityksen värimaailma, typografia ja sommittelun periaatteet. 25

Esimerkki 26