Ontwerpverslag

26
Ontwerp Rapport Immersive Space - Kevin van Dijk C1J

description

Ontwerpverslag ISSU

Transcript of Ontwerpverslag

Page 1: Ontwerpverslag

1

Ontwerp RapportImmersive Space - Kevin van Dijk C1J

Page 2: Ontwerpverslag

2

InleidingInleiding

Het idee ........................................................................................................................ 4

Design .......................................................................................................................... 5

Verhaal ......................................................................................................................... 6

Scenes ........................................................................................................................... 7

40 vragen ...................................................................................................................8-9

Schetsen ................................................................................................................10-13

Ontwerp ................................................................................................................14-17

Uiteindelijk design ...............................................................................................18-21

Reflectie ................................................................................................................22-24

Page 3: Ontwerpverslag

3

Inleiding Inleiding

Page 4: Ontwerpverslag

4

Het ideeHet ideeNatuurlijk is een idee het begin van een immersive space. Om ons op gang te laten komen werd de klas gevraagt om hun eerste 3 ideeen in de les te noteren en daar de beste uit te kiezen. Uiteraard krijg je dan de standaard ideeen die iedereen heeft zoals ruimtevaart, onderwater wereld en raar genoeg kwamen piraten een aantal keer aan bod. Mijn eerste ideeen waren het voglende:

Vogelvlucht - Vliegend boven een landschap en verkennen. Apocalypse - Een verwoeste wereld met veel vuur en explosies. Haunted mansion - Het verkennen van een old Engels huis met duistere sfeer. Het is uiteindelijk de Haunted mansion geworden omdat ik veel inspiratie had voor dit onderwerp. Toch heb ik voor apocalyse een kleine mindmap gemaakt maar die vond ik toch te weinig om er mijn immersive space op te maken.

Page 5: Ontwerpverslag

5

DesignDesignAls design bij het idee van haunted mansion wou ik een simpel vector design maken zonder veel detail je kunt dus wel duidelijk zien wat er gebeurt maar alleen de noodzakelijke dingen zijn aanwezig. Bijvoorbeeld als een muur van steen is maak ik het die kleur maar maak geen tussenranden en aparte stenen.

Omdat ik veel met illustrator werk leek het mij het beste om daarin mijn design tot leven te maken. Hierbij werk ik met lagen en uitsluitend vectors zodat ik het design op elk formaat kan gebruiken. Het idee was om de flash in 1920*1080 te maken zodat ik er een panorama op kan zetten voor beweging.

Kleuren

Mijn eerste idee was om de immersive space zo weinig mogelijk kleuren te geven. Grijs tinten waren hierbij voornamelijk van toe-passing. Vooral in de eerste 2 scenes is het duidelijk te zien dat ik deze trent gebruikte maar minder voortzette in de laatste 2 scenes omdat ik wat voorwerpen duidelijker wou laten zien. Wel blijft de donkere sfeer aanwezig door de grijstinten op de muren.

Klikbare objecten

Zoals boven al is gezegt zijn klikbare objecten meestal een andere kleur dande omgeving. Deuren zijn rood, kaarsen bruin etc. Het is vrij makkelijk om te zien hoe je verder moet in de Immersive Space.

Voorbeeld van manier van designen

Page 6: Ontwerpverslag

6

VerhaalVerhaalElke immersive space heeft een verhaal dat de rest ondersteund, om mijn Haunted Mansion verhaal te ondersteunen heb ik ervoor gekozen om de persoon een dief te laten zijn, op zoek naar een kostbare schat in het huis. Natuurlijk is dit geen normaal huis en is er het een en ander mis binnenin.

Vanuit buiten het huis gaat de inbreker naar binnen en naar een kamer waar hij uiteindelijk de schat vindt. Nadat hij deze aanraakt begint het verhaal pas, maar dat is waar de immersive space eindigt. Het verhaal eindigt met een scene waar de wereld veranderd nadat het object is opgepakt, vanaf hier kun je ook makkelijk het vervolg bedenken. Ik wil de immersive space in 4 scenes indelen.

De immersive space wordt vanuit de inbreker zijn ogen gemaakt, je ziet de inbreken dan ook nooit in de immersive space. Andere characters zijn er niet in het verhaal aanwezig. Wel zijn er schreeuwen en kreten te horen van mensen maar deze worden niet gezien.

Page 7: Ontwerpverslag

7

Verhaal ScenesScenesZoals al gezegt is bestaat de Immersive space uit 4 scenes, de scenes zijn op de volgende manier uitgewerkt.

Scene1: Buitenaanzicht van het huis met een maan op de achtergrond. Klikbare delen zijn de ramen en de deur. Bewegende delen zijn de lichten in het huis, de maan, regen, mist en bliksemGeluidsfragmenten zijn wolven bliksem en regen.

Scene2: Grote ballroom met een trap naar boven. Klikbare delen zijn de schilderijen, de kandelaars en de deur naar de volgende scene Bewegende delen zijn de schilderijen, de bliksem van buitenaf, de voetstappen op de grond en de deur. Geluidsfragmenten zijn schreeuwende mensen, bliksem, en de regen. Scene3: Een hal met schilderijen en een deur naar de volgende scene Klikbare delen zijn de gevallen lantaarn, de gordijnen, schilderijen, de lamp en de deur.Bewegende delen zijn de galg, bliksem buiten, licht en schilderij nadat gekliktGeluidsfragmenten zijn te schilderijen, bliksem, en regen. Scene4: De laatste kamer die bestaat uit twee fases 1 normale en 1 kapotte, gesloopte kamer. Klikbare delen zijn het kruis en de kandelaar.Bewegende delen zijn de bliksem, de spiegel en het in en uit faden van de tussensceneGeluidseffecten zijn de regen en bliksem.

Op de volgende pagina’s staan de schetsen die gemaakt zijn vooraf het maken van de scenes in illustrator. Deze schetsen bevatten enkele punten en objecten die ook daadwerkelijk gerealiseerd zijn in het eind project.

Page 8: Ontwerpverslag

8

40 vragen40 vragen - Pre-realisatie1. In welke, wat voor een, wereld zijn we?De wereld bestaat uit een kasteel met een spookachtige achter-grond, de bedoeling is dat het er eng uitkomt te zien, dit wordt gedaan met effecten en schaduwgebruik.2. Wat zien we?Een spookhuis van binnen en buiten in 4 scènes3. Is het een wereld die ik herken?De wereld is gebaseerd op een oud Engels herenhuis, deze hui-zen bestaan wel en hebben meestal al van zichzelf een angstaan-jagende uitstraling.4. Is het een wereld die me vertrouwd is?Nee.5. Voel ik me op mn gemak?Nee.6. Komt de wereld mij vreemd voor?Ja, maar de omgeving is niet vreemd, je weet wel wat er gebeurt en is niet abstract.7. Denk ik dat het echt is?Ja8. Is het een wereld die ik nu heel anders zie dan anders?De wereld is realistisch opgebouwd.9. Vind ik het hier leuk?Nee.10. Van waaruit kijk ik, wat is mijn standpunt?Ooghoogte van een mens.11. Wie ben ik?Een bezoeker van het huis, geen vaste bezoeker, iemand die er nog nooit is geweest.12. Wat voor stemming krijg ik door hier te zijn?Angst, bang.

13. Welke objecten kan ik onderscheiden?Objecten in en rond om het huis, denk hierbij aan interieur en bomen, natuur om het huis.14. Welke zijn dichtbij en welke verder weg?Het huis staat centraal, in de verte zijn wolken, de maan en dichtbij het standpunt zijn pilaren en bomen.15. Hoe zien die objecten er uit?De objecten zijn simpel maar herkenbaar getekend en geani-meerd, de bedoeling is dat er weinig detail naar boven komt tenzij dit nodig is om het te herkennen.16. Welk moment van de dag is het?‘s Nachts.17. Waar komt het licht vandaan, welke lichtbronnen zijn er?Er zijn verschillende lichtbronnen, buiten is dit de maan en de ramen, binnenin is dit de bliksem van buiten, kaarsen en lampen.18. Zie ik schaduwen?Ja.19. Hebben de objecten een schaduw en een lichtkant?Alleen als dit nodig is of gedaan wordt als effect zoals bliksem.20. Kan ik ver kijken?Je kunt zover als het oog kan zien ook kijken.21. Kan ik me bewegen (panorama)?De bedoeling is dat je binnenin panorama view hebt.22. Zie ik dingen die mijn aandacht trekken?Ja, vervolg en geanimeerde buttons zullen opvallen.23. Zie ik dingen waar ik op kan klikken?Ja, maar die hoeven niet ALTIJD duidelijk te zijn.24. Hoe weet ik dat ik daarop kan klikken?Niet, proberen zal nodig moeten zijn.

Page 9: Ontwerpverslag

9

40 vragen25. Zijn er dingen die er gebeuren, die aan de hand zijn?Ik wil continue een animatie hebben laten lopen, bliksem bijvoorbeeld en kaarsen die branden, ook als je ergens special opklikt kan er een animatie voortkomen.26. Zijn er dingen die bewegen?Ja, zie 25.27. Wat hoor ik?Ik ga voor of een lichte mysterieus muziekspel wat op de achter-grond speelt of een wat hardere sfeer muziek dat meer opvalt ondersteunt door bliksem.28. Wat kan ik doen?Onderzoeken en ontdekken. van de ene plek naar de andere gaan.29. Denk ik dat ik naar een andere ruimte kan?Ja.30. Hoe weet ik, kom ik erachter dat ik naar een andere ruimte kan?Door te proberen en ontdekken.31. Denk ik dat ik dan weer terug kan?Ik weet nog niet zeker of ik de gebruiken kan laten terug gaan naar de vorige scene.32. Zijn er dingen die me kunnen verrassen?Ja, door mouseovers of klikken.33. Heb ik zin om rond te kijken?Ja.34. Hoe komt dat?Verschillende objecten van interesse.35. Heb ik het gevoel dat deze wereld door iemand is bedacht?Nee.

36. Heb ik het gevoel dat deze wereld ergens zo bestaat?Ja, hij is realistisch.37. Als ik naar (een) andere ruimte(s) ben gegaan, snap ik dan wat deze ruimte met de vorige te maken heeft?Ja en nee, De ruimtes passen bij elkaar maar maken in geheel geen verhaal.38. Heb ik het gevoel dat iemand me iets duidelijk wil maken?Nee.39. Is dat onder woorden te brengen? (Probeer)nvt40. Als ik wegga, heb ik iets ontdekt, opgestoken? Ben ik ergens anders over gaan denken?Nee, het is puur vermaak.

Page 10: Ontwerpverslag

10

SchetsenSchetsenScene1.

Page 11: Ontwerpverslag

11

Schetsen SchetsenSchetsenScene2

Page 12: Ontwerpverslag

12

SchetsenSchetsenScene3.

Page 13: Ontwerpverslag

13

Schetsen SchetsenSchetsenScene4

Page 14: Ontwerpverslag

14

OntwerpOntwerpScene1.

Page 15: Ontwerpverslag

15

Ontwerp OntwerpOntwerpScene2

Page 16: Ontwerpverslag

16

OntwerpOntwerpScene3.

Page 17: Ontwerpverslag

17

Ontwerp OntwerpOntwerpScene4 Links part1 - Rechts part2

Page 18: Ontwerpverslag

18

Uiteindelijk DesignUiteindelijk DesignScene1.

Page 19: Ontwerpverslag

19

Uiteindelijk DesignUiteindelijk DesignScene2

Page 20: Ontwerpverslag

20

Uiteindelijk DesignUiteindelijk DesignScene3.

Page 21: Ontwerpverslag

21

Uiteindelijk DesignUiteindelijk DesignScene4

Page 22: Ontwerpverslag

22

ReflectieIDEEFASE 1.Welke manieren werken voor jou het beste om op ideeën voor een productie te komen?De beste manier van werken voor mij is om na het krijgen van de opdracht het even te laten resten, ik krijg dan van zelf ideeen over hoe ik het beste mijn immersive space zal willen maken en indelen. Meestal denk ik er dan even over na op rustige momenten.

2.Hoe ben je tot je uiteindelijke beslissing voor een onderwerp gekomen? Welke argumenten had je daarvoor?Ik heb alledrie de ideeen die ik had naast elkaar gelegt en de zowel sterke als zwakke punten ervan opgeschreven, uiteraard hield ik hierbij ook rekening met wat mij het leukste leek en meeste aansprak. Hierdoor kreeg ik een goed zicht over wat ik precies wou uitwerken. Mijn onderwerp is gekozen op basis van ideeen en inspiratie over dit onderwerp groter waren dan over de overige onderwerpen.

3.Wat was de visie op je onderwerp en waarom heb je deze gekozen?Ik heb dit onderwerp gekozen omdat ik veel inspiratie had rond om het gehele onderwerp “Haunted Mansion”. Omdat ik zelf het thema al heel interessant vond was het makkelijk om voor mij om verschillende aspecten te visualiseren in mijn hoofd. Ik had dus al de ballroom in mijn hoofd voordat ik deze ging uitwerken, dit scheelde mij weer tijd in zowel inspiratie zoeken als ideeen vormen. 4.Wat zou je de volgende keer anders doen?Naar mijn mening is alles soepel en volgens plan verlopen. Omdat ik al snel een beeld had van wat ik precies wou ontwikkelen en maken kon ik al snel aan de slag met flash. De ideefase was in mijn geval dus kort maar ik had zelf niet behoefde aan meer. Ook op-drachten als 3D omgeving maken en deze fotograferen was tijdverspelling voor mij omdat ik zelf al heb gewerkt met verdwijnpunten en 3D omgevingen.

VORMGEVING 1.Wat is voor jou het moeilijkste bij het vormgeving en hoe overwin je die moeilijkhedenHet moeilijkste bij de vormgeving was in mijn geval het uitwerken in flash, omdat ik geen problemen heb met het werken in Illustrator heb ik hierin alles gemaakt met behulp van vectoren. Her hierna importeren in flash en bewerken ging wat moeizamer, dit was mede het geval omdat ik nog nooit met flash had gewerkt en deze manier van werken amper ondersteunt werd door docenten. Het werken met online videos was een drama en na twee weken les had ik het wel gezien met het komen opdagen voor immersive space lessen. Simpelweg omdat er niks werd uitgelegd en er maar gewoon naar de docent gegaan moest worden als je vragen had.

Page 23: Ontwerpverslag

23

Reflectie 2.Hoe heb je ‘immersiveness’ proberen te bereiken en is dat gelukt (waarom wel, waarom niet)Ik heb geprobeerd om een vast patroon van design aan te houden. Ik heb hierbij gekozen voor geen detail maar genoeg om te kun-nen zien wat er precies bedoeld wordt. De vormgeving is dus niet abstract. Ook heb ik gewerkt met verdwijnpunten om de diepte te stimuleren, ook hierbij heb ik gekozen voor een niet perfecte diepte maar een meer optische gelijkheid. Dit is naar mijn mening succes-vol verlopen en eruit te komen zien zoals ik in gedachten had.

3.Hoe heb je geprobeerd om je visie over te brengen in je movie en is dat gelukt (waarom wel, waarom niet)Ik heb zoals boven beschreven gebruik gemaakt van verdwijnpunten en overlappende objecten om hierdoor diepte te kunnen stimuleren. Ook heb ik een panorama gebruikt om het idee van aanwezig zijn in de movie een extra ‘finishing touch’ te geven.

4.Hoe bereik je het effect dat een gebruiker niet het gevoel heeft in een applicatie-interface terecht te zijn gekomen, maar in een om-geving.Door behulp van de diepte en de panorama is het gevoel dat je op een normale website of browser applicatie bezig bent zoveel mogelijk weg.

5.Welke aspecten van je vormgeving zijn gelukt en welke niet? Hoe zouden de niet-gelukte aspecten kunnen worden verbeterdDe diepte en de panorama zijn goed gelukt in mijn movie, ik ben dan ook blij met het resultaat van deze aspecten, wel heb ik er een beetje spijt van dat ik met zo weinig detail heb gewerkt en had ik liever met wat meer detail gewerkt, wel had ik dan uiteindelijk meer tijd nodig moeten hebben.

6.Wat zou je de volgende keer anders doen?Hoewel ik liever met wat meer detail had gewerkt was dit onmogelijk door het tijdschema wat ik te besteden had in combinatie met de andere courses. Hierdoor zou ik dus alles hetzelfde doen als deze keer mits het tijdschema hetzelfde is als deze keer.

MOVIE 1.Kan de gebruiker zelf zien/ontdekken welke onderdelen van je ruimte interactief zijnBij de meeste objecten in de immersive space is makkelijk te zien of deze aanklikbaar zijn of beweegbaar zijn, dit is meestal aangegeven door een duidelijke kleur of gewoonweg omdat het een overduidelijk object is zoals een deur. Er zijn enkele objecten die wat moeilijker te vinden zijn of deze kunnen bewegen. De schilderijen in de 3de scene zijn hier een goed voorbeeld van.

Page 24: Ontwerpverslag

24

Reflectie 2.Is de navigatie naar de andere ruimtes duidelijk?Ja de overgang naar andere scenes en ruimtes is zeer duidelijk, een deur bijvoorbeeld is een overduidelijke navigatie ondanks deze geen letters of aanwijzende tekens bevat. Ook met mouseover kun je zien dat je deze deur in kan betreden.

3.Welke geluiden/muziek heb je gebruikt en had dit het bedoelde effect?Geluiden die ik gebruikt heb zijn alleen ter ondersteuning van effecten, denk hierbij aan bliksem en wolfsgehuil. Ik heb hiervoor gekozen omdat deze de sfeer beter bepalen dan alleen muziek. Ik heb geprobeerd deze te combineren maar dit verliep niet naar mijn mening en is dus vervangen door alleen sfeer effecten.

4.Wat zou je de volgende keer anders doen?Wat de movie betreft ben ik zeer tevreden over de manier hoe mijn eindproject er uit ziet, zeker omdat er maar beperkte tijd was vindt ik mijn eindresultaat zeker zo goed als ik aan het begin verwachte van mijn space. Ik zou dit dus met hetzelfde tijdschema hetzelfde afhandelen. Met meer tijd zou ik het graag verder willen uitwerken, helaas was dit niet het geval deze course

Page 25: Ontwerpverslag

25

Reflectie

Page 26: Ontwerpverslag

26