Einddocument - Vormgeving

Vormgeving Einddocument

Tyrone Wiranta | 500715401 | JadeDocent: Nicole Frank | 29 mei 2015

Inleiding 2

Opdracht 1: Music Player Research 4Schetsen 5Eindresultaat

Opdracht 2: Menukaart Research 7Schetsen 8Eindresultaat 9

Opdracht 3: Nieuws Artikel Research 11Schetsen 12Eindresultaat 13

Opdracht 4: MoodboardMoodboard 15Vormtaal schets 16

Opdracht 5: Responsive website Mijn schetsen 18Mijn responsive layout 19

Opdracht 6: Stijlgids Stijlgids 20

Inhoud Inleiding

2 Tyrone Wiranta | 500715401 | 11 Jade | 29 mei 2015

Voor dit vak moest ik elk week een opdracht opleveren, zodat ik een ontwiikke-ling kon doormaken in het vormgeven van websites. De opdrachten heb ik op volgorde achter elkaar gezet in dit document. Te beginnen met de muziekspeler.

Voor dit vak had ik als leerdoel schetsen opgegeven. Ik denk dat mijn schetsen niet veel veranderd zijn. Ik kan best wel goed schetsen, alleen heb ik snel de neiging om een opdracht meteen uit te gaan werken. Zo wordt mijn creativiteit beperkt, omdat ik me vaak vasthoud aan n ontwerp. Ik hoop hier in te gaan veranderen.

Opdracht 1: Music PlayerOp de paginas die hierna volgen kunt u alle stappen zien die ik heb door gelopen. (Research, Schetsen & Eindresultaat)

29 mei 2015 | 11 Jade | 500715401 | Tyrone Wiranta 3

https://www.pinterest.com/artbytyrone/avv1-mobile-mu-sic-player/

Opdracht 1: Music Player - Research


Opdracht 1: Music Player - Schetsen



Opdracht 1: Music Player - Eindresultaat

Voordat ik begonnen was met het ontwerpen van mij muziek speler ben ik gaan kijken naar verschillende andere ontwerpen op het internet. De knoppen en positie van de informatie heb ik vrijwel constant gehouden. Puur omdat deze dingen makkelijk te herkennen zijn en gewoon goed en prettig werken. Het enige wat bij mij anders is de slider aan de rechter kant. Ik persoonlijk vind het prettig om mijn smartphone te bedienen met n hand, daarom heb ik ook gekozen voor een volume slider die zich van boven naar beneden beweegt. Zo kun je je telefoon met n hand vasthouden en bedienen. Zonder dat je last krijgt van je vingers.

Opdracht 2: MenukaartOp de paginas die hierna volgen kunt u alle stappen zien die ik heb door gelopen. (Research, Schetsen & Eindresultaat)


https://www.pinterest.com/artbytyrone/avv1-menukaart/

Opdracht 2: Menukaart - Research


Opdracht 2: Menukaart - Schetsen


Opdracht 2: Menukaart - Eindresultaat

Bij de menukaart ben ik zelf eerst gaan schetsen, daarna heb ik me schetsen vergeleken met die van het internet. En het kwam goed overeen. De indeling van de menu kaart heb ik zo ingedeeld omdat het mooi overzicht geeft van wat, wat is. Ik heb speciaal ervoor gekozen om geen menu titels bij de af-beeldingen te gebruiken, omdat de foto voor zichzelf spreekt. Mocht het daarna nog onduidelijk zijn kan je op meer info drukken..


Opdracht 3: Nieuws ArtikelOp de paginas die hierna volgen kunt u alle stappen zien die ik heb door gelopen. (Research, Schetsen & Eindresultaat)


https://www.pinterest.com/artbytyrone/opdracht-3-krant-en-artikel/

Opdracht 3: Nieuws Artikel - Research


Opdracht 3: Nieuws Artikel - Schetsen



Opdracht 3: Nieuws Artikel - Eindresultaat

Ik wilde voor typgrafie een goed leesbare lettertype hebben. En om het contrast tussen de applicatie en het lettertype goed vast te stellen, heb ik gekeken naar wat voor mij prettig leest. Zo lees ik veel op nu.nl. Op nu.nl is de achtergrond ook wit. En dat vond ik beter dan een normale kleur. Want kleur kan afleiden en de bedoeling is dat het artikel gelezen wordt. Ik heb voor de citaten gekeken naar andere applicaties. Het vormgeven van de citaten is afgeleid van iCulture & Flipboard (Applicatie).

Opdracht 4: MoodboardOp de paginas die hierna volgen kunt u alle stappen zien die ik heb door gelopen. (Moodboard, zelf. En de vormtaal geschetst.)


Opdracht 4: Moodboard

ArtistiekSimpelArtMinimalistischRustgevend

https://www.pinterest.com/artbytyrone/op-dracht-4-5-6/


Opdracht 4: Moodboard - Vormtaal Schetsen


Opdracht 5: Responsive websiteOp de paginas die hierna volgen kunt u alle stappen zien die ik heb door gelopen. (Schetsen & Eindresultaat)


Opdracht 5: Responsive website - Schetsen


Opdracht 5: Responsive website - Responsive Layout

Het is bij de opdracht de bedoeling om een onepage te maken, voor je website. Alleen vind ik een onepage niet creatief ge-noeg. Mijn landingspage voor mn mobiel moet er qua indeling eranders uitzien, dan mijn website voor mijn macbook. Ookal is het geen onepage, mijn website blijft responsive. Hoe grot-er het formaat hoe meer ruimte ik besteed aan informatie. De kleuren zijn overal hetzelfde. En de stijl qua vormgeving ook.


Opdracht 6: StijlgidsOp de paginas die hierna volgen kunt u alle stappen zien die ik heb door gelopen. (Research, Schetsen & Eindresultaat)


Opdracht 6: Stijlgids


Einddocument - Vormgeving

Documents

Transcript of Einddocument - Vormgeving