1

Ontwerp rapport

Achter de schermen bij Style by Steph

Ontwerp rapport door Stephanie Abu-Sbeih, C1A

2 3

InhoudsopgaveAanleiding blz. 3Idee & Concept blz. 440 vragen blz. 7Stageschetsen blz. 10Ruimte blz. 133D maquette blz. 15Ontwerpschetsen blz. 18Moodboards blz. 21 Assets blz. 24Look and feel blz. 27Geluid blz. 28 Scenario blz. 29Storybord blz. 30Vragenlijst Reflectie blz.

AanleidingImmersive SpaceImmersive space.. Huh, watte?! Toen ik voor het eerst hoorde dat we een course kregen genaamd Immersive Space kon ik me er niet zo veel bij verbeelden. Tot dat ik van een vriendinnetje -die dit ook heeft gedaan- hoorde dat je je eigen wereld moet gaan ontwerpen en het heel lastig is. Maar tot nu toe vind ik het zelf wel leuk. Ik had in het begin heel veel ideeën maar heb de beste uitgekozen (hoop ik!)

FlashHet werken met Flash vind ik wat minder leuk dan het hele concept erom heen bedenken. Ik vind Flash nog best lastig maar ik hoop dat ik er straks goed mee kan werken en mijn immersive space kan maken op de manier hoe ik het nu visualiseer.

SchetsboekMijn schetsboek staat vol met concepten, aantekeningen, schetsen, tekeningen, van alles eigenlijk! Zelf vind ik het heel leuk om te tekenen. Dat we veel moeten schetsen is dan ook een dik pluspunt aan deze course.

4 5

Idee & ConceptIdeeIn het begin had ik drie ideeën: een Candyland vol met blijdschap en kleurtjes. Een kledingwinkel met fashionable kleding waar je lekker kan winkelen. En een kijkje achter de schermen bij mijn eigen tijdschrift Style by Steph.

Mindmaps

6 7

VisieIk heb dus uiteindelijk gekozen voor het idee ‘Achter de schermen bij Style by Steph’. Ik vind dit zelf het leukste en beste idee. Zelf ben ik heel erg geïnteresseerd in mode en laat ik mensen graag zien hoe heter achter de schermen bij zo’n tijdschrift er uit ziet. Later zou ik graag bij een tijdschrift werken, dus heb ik me -niet alleen voor deze opdracht- er goed in verdiept.

In New York wonen en werken is een grote droom voor mij! Hierom heb ik mijn kantoor ook hier geplaatst. Vanuit het kantoor kan je heel Manhattan zien.

Ik hoop dat ik met mijn Immersive Space mensen amuseer. Bezoekers van mijn Immersive Space zullen niet slim, bang of lachend uit mijn Immersive Space gaan, maar gewoon met de gedachte van: ‘wat leuk’.

ScenesIk heb 3 verschillende scenes: de welkomst ruimte, het kantoor en defotostudio.

Welkomst ruimte: hier verwelkomt een dame je en vraagt je waar je heen wil, als je op de linker deur klikt ga je naar het kantoor en de rechter deur naar de foto studio.

Kantoor: hier staat een bank, bureau, stoel, computer en inspiratiemuur. Je hebt uitzicht op New York.

Fotostudio: hier fotografeert een fotograaf een model. Er is eenkledingrekje voor de benodigde styling en natuurlijk een groot wit doek met een grote witte lamp.

40 vragen1. In welke, wat voor een, wereld zijn we?We zijn achter de schermen bij het Tijdschrift Style by Steph. Het is een mode wereld.2. Wat zien we?Drie verschillende kamers/scenes. Alle drie zijn ze modern en vrouwe-lijk zijn ingericht.3. Is het een wereld die ik herken?Ja ik wel, van foto’s. Maar zelf ben ik er nog nooit geweest. Bij de mees-te bezoekers zou het ook een bekende wereld zijn.4. Is het een wereld die me vertrouwd is?Ja, voor mij wel. Het is namelijk fashionable! Het ligt natuurlijk per bezoek of het een vertrouwde wereld is.5. Voel ik me op mn gemak?Ja, dit wereldje is vertrouwd en ik weet wat ik kan verwachten. De be-zoeker kan zich ook op z’n gemak voelen; er komen geen verassingen of onaangename dingen voor. Er is een rustig en relaxed sfeertje.6. Komt de wereld mij vreemd voor?Nee. Ik herken het. Ik denk de meeste bezoekers ook wel van foto’s.7. Denk ik dat het echt is?In het echt bestaan natuurlijk talloze van dit soort ruimtes. Je zou dus denken dat het echt is, alleen omdat het getekend is ziet het er niet echt uit.8. Is het een wereld die ik nu heel anders zie dan anders?Nee. Deze wereld is herkenbaar.9. Vind ik het hier leuk?Ja, heel leuk. De bezoeker is waarschijnlijk nieuwsgierig naar hoe het hier werkt en vermaakt zich wel.10. Van waaruit kijk ik, wat is mijn standpunt?Vanuit mezelf, mijn eigen standpunt op een kamer.11. Wie ben ik?Gewoon mezelf.

8 9

12. Wat voor stemming krijg ik door hier te zijn?Een relaxte stemming. Niks word je opgedrongen, je mag gewoon rond kijken.13. Welke objecten kan ik onderscheiden?In het kantoor: bank, bureau, stoel, computer, inspiratiemuur, ramen en een grote lamp.In de foto studio: lamp, wit doek, model, kledingrek, camera en foto-graaf.In de welkomst scene: een vrouw, 2 deuren en een tekstwolk.14. Welke zijn dichtbij en welke verder weg?De welkomst scene is redelijk dichtbij maar in de andere 2 ruimtes zijn wat verder weg.15. Hoe zien die objecten er uit?Getekend maar wel in verhouding.16. Welk moment van de dag is het?Het is s’ avonds. Dat zie je aan het licht buiten in het kantoor.17. Waar komt het licht vandaan, welke lichtbronnen zijn er?Ramen en lampen.18. Zie ik schaduwen?Nee. Daar maak ik geen gebruik van.19. Hebben de objecten een schaduw en een lichtkant? Nee.20. Kan ik ver kijken?Tot aan de muur, dus niet echt. Behalve in het kantoor, dan zie je uit-zicht op New York.21. Kan ik me bewegen (panorama)? Ik denk het niet. Maar dat weet ik nog niet zeker. Tot nu toe zie je de kamer van de voorkant.22. Zie ik dingen die mijn aandacht trekken?Ja. Maar dat ligt aan de kijker zelf.23. Zie ik dingen waar ik op kan klikken?Ja, in elke kamer wel wat! 24. Hoe weet ik dat ik daarop kan klikken?Uitproberen, of het beweegt uit zich zelf. 25. Zijn er dingen die er gebeuren, die aan de hand zijn? Ja. 26. Zijn er dingen die bewegen? Ja, model, hostess, fotograaf.

27. Wat hoor ik?In de welkom scene: een vrouw die je verwelkomt.In het kantoor: achtegrrondmuziek.In de fotografie ruimte: flitsen van de fotograaf.28. Wat kan ik doen?Klikken op personages en objecten.29. Denk ik dat ik naar een andere ruimte kan?Ja dat is aangegeven.30. Hoe weet ik, kom ik erachter dat ik naar een andere ruimte kan?Je ziet het aan een deur.31. Denk ik dat ik dan weer terug kan?Ja, je kan de deur weer in.32. Zijn er dingen die me kunnen verrassen?Nee.33. Heb ik zin om rond te kijken?Dat ligt aan de bezoeker, ik zou dat wel hebben.34. Hoe komt dat?Omdat ik geïnteresseerd ben hoe het achter de schermen van een tijd-schrift eraan toegaat.35. Heb ik het gevoel dat deze wereld door iemand is bedacht?Nee, het zou in het echt ook kunnen.36. Heb ik het gevoel dat deze wereld ergens zo bestaat?Ja, want dat is ook zo.37. Als ik naar (een) andere ruimte(s) ben gegaan, snap ik dan wat deze ruimte met de vorige te maken heeft?Ja.38. Heb ik het gevoel dat iemand me iets duidelijk wil maken?Nee, het is amuserend en interessant.39. Is dat onder woorden te brengen? (Probeer)Het is natuurlijk leuk om te weten hoe het achter de schermen eruit ziet bij een tijdschrift.40. Als ik wegga, heb ik iets ontdekt, opgestoken? Ben ik ergens an-ders over gaan denken?Je bent niet ergens over gaan nadenken, maar je weet nu wel hoe het achter de schermen eruit ziet.

10 11

Stage schetsen

Stage schets 1 Een dame verwelkomt je achter de schermen bij mijn tijdschrift. Je kan hier kiezen om op de linke of rechter de te klikken, en zo mijn kantoor of foto studio binnen te gaan.

Stage schets 2 Dit is mijn kantoor. Zoals je ziet een bureau met stoel en computer, een bank en een inspiratiewand en op de achtergrond de skyline van New York.

12 13

Stage schets 3 De foto studio. Zoals je ziet een poserend model, een fotograaf, een wit doek, een grote lamp en een kleding rek

RuimteVerschillende soorten ruimte Ik zat te twijfelen tussen een atmosferisch perspectief en lijnper-spectief. Bij atmosferisch perspectief wordt de achtergrond steeds vager. Hoe verder je kijkt, hoe vager de kleur en textuur wordt. Ik dacht dat dit wel een mooi effect gaf bij de skyline van New York, dan was deze namelijk wat vager op de achtergrond.Maar ik heb toch gekozen om gebruik te gaan maken van hetlijnperspectief.

Lijnperspectief Een lijnperspectief zie je best vaak. Door middel van een horizon en één of meerdere verdwijnpunten kunnen rechten lijnen in per-spectief worden getekend. Dit heb ik vroeger ook geleerd op de middelbare school dus ik denk ook dat ik hier genoeg ervaring voor heb.

LichtenIk elke ruimte is het licht standaard aan. In het kantoor heb je de optie het licht aan of uit te doen door middel van een lichtknop. Bij de fotostudio heb je de optie op de lamp te klikken en daarmee de hele ruimte donker te maken, en natuurlijk weer licht te maken.

14 15

3D maquetteMaking of Deze opdracht klinkt best simpel, maar het is nog een heel werk! Je moet goed nadenken over hoe je het beste diepte kan creëren, maar het moet nog wel duidelijk blijven.

MethodenIk heb gebruik gemaakt van schetsen maken, papier vouwen, knip-pen, kleuren en in de doos snijden. Hier zijn foto’s van het resultaat.

Foto 1: van voren. Hier kan ik goed zien hoe ik straks met lijnperspectief moet tekenen.

Hier heb ik wat lijnperspectief geoefend.

16 17

Foto 2: van schuin boven. Dit ga ik niet gebruiken maar het is natuur-lijk wel handig om te weten hoe het er vanuit dit perspectief uitziet.

Foto 3: van boven. Hier ga ik ook geen gebruik van maken.

18 19

OntwerpschetsenOntwerpschetsen van het kantoor.

Ontwerpschetsen van de welkomst scene

20 21

Ontwerpschetsen van de foto studio.

MoodboardsOp volgorde: moodboard van de welkomst scene, kantoor, fotostudio.

Welko

m!

22 23

Assets

26 27

Look and feelVormgeving:Welkomst scene: er staat een dame die je verwelkomt. Het interieur: de muren worden licht roze en de vloer krijgt de kleur taupe. De deuren zijn fel roze. Het kantoor: is modern en strak ingericht. Ik gebruik voor het interieur de kleurel zwart en wit. De inspiratiemuur is daarintegen wel veel met kleur.Foto studio: deze is heel simpel. Ik maak vooral gebruik van wit. Het model heeft een opvallende outfit aan en de fotograaf iets saais. Hij moet namelijk niet echt opvallen.

Gevoel:Het gevoel wat de bezoeker bij mijn immersive space moet hebben is: ‘oh wat leuk’ maar niet dat ze er blij, droevig of bang van worden. Ik wil graag aan de kijker laten zien hoe het er achter de schermen uitziet, mijn doel is niet dat ik de kijker veel blijdschap (of andere uitbundige emotie) mee geef.

Eerste scene:Dit vrouwelijke model in de foto hierboven wil ik zeker weten gaan gebrui-ken en de deuren ook. De rest moet ik allemaal nog mooi afwerken (muren, vloer, tekstwolk) maar er zijn dus al 2 dingen zeker!

KarakterDe vrouw die je welkomt. Je kan op haar klikken en ze zal haar hand om-hoog doen om naar je te zwaaien. Ik het begin hoor je haar welkom zeggen en je ziet een tekstwolk met ’welkom!’ er in. Op de tekst wolk kan je klikken en het zal verdwijnen. Als je er weer op dezelfde plek klikt waar het tekst-wolk zat, zal hij weer te voor schijn komen.

28 29

GeluidAchtergrond geluid:Welkomst scene: fashion - lady gaga. Kantoor: een rustgevend mooi deuntje gespeeld door een gitaar.Foto studio: muziek als je op de radio klikt, je krijgt dan het liedje: Sexy and I know it van LMFAO horen.

Sfeer geluidHier ben ik nog niet over uit.

Effect geluidOp alle objecten waarop je kan klikken zit geluid. Ik voeg hier het geluid toe wat ik zelf ook verwacht bij dat geluid te horen. Soms kan de gebruiker ge-luid horen als hij ergens met de muis over heen gaat, dit nodigt de kijker uit om er ook daadwerkelijk op te klikken.

Voorbeelden: klik je op een deur: dan hoor je het geluidje wat een deur nor-maal gesproken ook maakt. Klik je op een de camera, dan hoor (en zie natuurlijk) je een flits.

ScenarioScene 1:In de welkomst scene zal een mooie dame je verwelkomen. Ze zal ‘welkom, kijkt u gerust even rond’ zeggen. Er staat ook eenpraatwolkje bij. Als je op haar klikt zal ze dat nog een keer zeggen en zal het praatwolkje weer te voorschijn komen.Je kan op de linker en rechter deur klikken. Als je op een van deze twee klikt kan je naar een andere kamer.

Scene 2In het kantoor kan je op van alles klikken:De computer: hier verandert dan het scherm telkens als je erop klikt.Het toetsenbord: hiermee kan je het scherm uitzetten en weer aan.Lichtknop: hiermee gaat de lamp aan of uit, je zal altijd het uitzicht op NY blijven zien en de computer. Tenzij de kijker de computer heeft uitgezet of het gordijn heeft dichtgedaan.Inspiratiemuur: zodra je op een plaatje klikt zal deze in het groot te zien zijn, als je er op klikt zal deze weer normaal worden.Het gordijn: deze kan je open of dicht doen. Je kan er dus ook voor kiezen New York niet te zien.

Scene 3 In de fotostudio kan je op de volgende objecten klikken:De fotograaf: deze zal dan een foto van het model maken. Je hoor ‘klik’ en je ziet een flits.Het model: deze zal een andere pose aannemen.Het kleding rekje: zo kan je de kleding stukken in het groot bekijken.Een radio: deze kan je aan en uit zetten.

30 31

Story boardIk heb hier de storyboard van scene 2 geschetst:

Mijn storyboard van het kantoorIk heb mijn storyboard gebaseerd op de Kantoor scene. Ik wil hiermee de details laten zien, en wat er gebeurt als je op sommige objecten klikt.Hier is mijn verdere uitleg

Bovenste 2 schetsenMet de bovenste 2 foto’s laat ik zien dat als je op een foto klikt op de in-spiratiemuur, deze wordt uitvergroot voor je.

Middelste 2 schetsenHier laat ik zien dat als je op het beeldscherm klikt, de kleur van het beeldscherm zal veranderen.

Links onderHiermee bedoel ik dat als je op het toetsenbord klikt, het beeldscherm uit zal gaan. En ook weer aan.

Rechts onderEen licht knop, die bepaalt of het ligt aan of uitgaat. Je zal altijd het beeldscherm zien tenzij hij uitstaat.

32 33

Mijn storyboard van het scene 3

Mijn storyboard van de fotostudio

Bovenste 2 schetsenHier probeer ik te laten zien dat als je op het model klikt, zij een andere pose aanneemt.

Middelste 2 schetsenHier laat ik zien dat als je op een item klikt, je hem uitvergroot ziet. Je kan hier natuurlijk ook op klikken om weer kleiner te maken.

Links onderDe lamp, als je hierop klikt, zal het licht uit of aan gaan.

Rechts onderDe fotograaf, als je op hem klikt zal je het geluid van een foto-toestel horen en je ziet een flits.

34 35

Mijn storyboard van scene 1

Links bovenHier probeer ik te laten zien dat als je op de vrouw klikt, zij een handje omhoog doet.

Rechts bovenHier laat ik zien dat als je op het praatwolkje klikt deze zal verwdijnen, of weer zal komen.

Links onderAls je op de linker deur klik zal je naar het kantoor gaan.

Rechts onderAls je op de rechter deur klikt kom je in de foto studio

Vragenlijst ReflectieHier is de vragenlijst die we moesten invullen van mmsp.wordpress.com

Ideefase1.Welke manieren werken voor jou het beste om op ideeën voor een pro-ductie te komen?Moodboards, schetsen en mindmaps maken. En veel research doen.

2.Hoe ben je tot je uiteindelijke beslissing voor een onderwerp gekomen? Deze sprak mij het meest aan omdat ik hier zelf ook nog wat van kan leren, ik moet hier veel research voor doen en dat vind ik leuk!

3.Welke argumenten had je daarvoor?Natuurlijk hou ik van mode dus het moest wel die richting op.

4.Wat was de visie op je onderwerp en waarom heb je deze gekozen?Ik wilde mensen laten zien hoe het er achter de schermen uitzag, ookal wist ik dat zelf eerst ook een beetje, nu weet ik het helemaal.

5.Wat zou je de volgende keer anders doen?Sneller tot een beslissing komen. Ik moest nu best lang twijfelen, maar nu denk ik: waarom duurde het zo lang? Dit is sowieso het leukst!

Vormgeving 1,.Wat is voor jou het moeilijkste bij het vormgeving en hoe overwin je die moeilijkheden?Ruimtelijk inzicht. Ik vind het best lastig voorwerpen te tekenen in een lijnperspectief. Ik moet gewoon veel oefenen!

2. Hoe heb je ‘immersiveness’ proberen te bereiken en is dat gelukt (waarom wel, waarom niet)Dat moet nog blijken! Ik ben wel fantasierijk dus ik hoop dat het gaat blijken.

36

3.Hoe heb je geprobeerd om je visie over te brengen in je movie en is dat gelukt (waarom wel, waarom niet)Dat moet ook nog blijken, maar ikga het natuurlijk proberen over te brengen. Mijn visie is echt een mode gevoel, en dat krijg je er wel van.

4.Hoe bereik je het effect dat een gebruiker niet het gevoel heeft in een applicatie-interface terecht te zijn gekomen, maar in een omgeving.Doordat ik met de juiste geluiden en objecten een mooie omgeving probeer te maken.

5.Welke aspecten van je vormgeving zijn gelukt en welke niet? Hoe zouden de niet-gelukte aspecten kunnen worden verbeterd?Daar ben ik nog niet achter. Tot nu toe is mijn vormgeving gelukt.

6.Wat zou je de volgende keer anders doen?Nog niet van toepassing.

Movie1. Kan de gebruiker zelf zien/ontdekken welke onderdelen van je ruim-te interactief zijn?Dat kunnen zij zelf ontdekken door gewoon te drukken!

2.Is de navigatie naar de andere ruimtes duidelijk?Ja, dit is aangegeven met deuren. Je kan van elke ruimte naar een an-dere ruimte en natuurlijk weer terug.

3.Welke geluiden/muziek heb je gebruikt en had dit het bedoelde ef-fect?De geluiden die ik tot nu toe heb, gaan wel het goede effect hebben.

4.Wat zou je de volgende keer anders doen?Nog niet van toepassing.