{"id":1394,"date":"2020-10-27T09:32:25","date_gmt":"2020-10-27T09:32:25","guid":{"rendered":"http:\/\/werkwijzer.wordmediavormgever.nl\/?page_id=1394"},"modified":"2025-06-19T16:06:27","modified_gmt":"2025-06-19T16:06:27","slug":"ontwerp-uitleg","status":"publish","type":"page","link":"https:\/\/wordmediavormgever.nl\/werkwijzer\/werkproces\/ontwerp\/ontwerp-uitleg\/","title":{"rendered":"Ontwerp Uitleg"},"content":{"rendered":"\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t<\/i>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\tTerug<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t<\/a>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Prototype<\/h1>

In de ontwerpfase ga je het concept uitwerken. Achter iedere keuze die je maakt zit een verhaal of gedachte. Dus kies geen kleuren omdat jij die mooi vindt, of shots omdat het een leuk shot is. Denk na over waarom je ergens voor kiest. Dit is dan ook weer goed uit te leggen aan de klant en zorgt ervoor dat het niet alleen een kwestie van smaak is.\u00a0Het eindproduct van de ontwerpfase noemen we het prototype.\u00a0<\/p>

Let op! <\/b>Het prototype is nog geen eindproduct. Binnen deze fase kan het zo zijn dat er meerdere prototypes ontstaan doordat je feedback vraagt en doorontwikkeld.\u00a0<\/p>

Voorbeelden<\/h1>

Video en animatie<\/u>
<\/strong>Prototype: Animatic<\/em>
Software: Papier,\u00a0Storyboarder\u00a0<\/em>
<\/strong><\/p>

Wanneer je een video of animatie maakt begin je met het uitschrijven van het script.<\/strong> Hierna ga je een Storyboard<\/a> <\/strong>maken. Dit zijn getekende plaatjes met begeleidende tekst.\u00a0Je gebruikt een storyboard om het verhaal voor het eerst te vertellen in beeld. Hierbij geef je ook aan wat de camerabewegingen en bewegingen van acteurs of props zijn. Als dit storyboard klaar is ga je dit simpel animeren. Hierbij kan je al gebruik maken van muziek, dialoog, zelf ingesproken Voice-Over, simpele SoundEffects.\u00a0Gebruik voor het maken van een Storyboard ons eigen\u00a0Storyboard-Template<\/a><\/strong>. Het eindproduct van deze fase is een animatic.<\/p>

Er ontstaat in het maken van een storyboard meerdere versies\u00a0doordat \u00a0\u00a0\"\"<\/p>

Website<\/span>
<\/strong>Prototype: Klikbare Versie website<\/em>
Programma: Adobe XD of WordPress<\/em>
<\/strong><\/p>

Bij het maken van een website ga je de eerste klikbare versie maken.\u00a0
Dus je kan als gebruiker al door de website heen klikken. Dit geeft een goed beeld hoe de website gaat werken. Je gebruikt voor de tekst nog Lorem Ipsum (nep tekst). \u00a0Afbeeldingen zijn ook nog dummy of stockfoto’s die lijken op wat het eindresultaat moet zijn.\u00a0<\/p>

Logo + Huisstijl<\/span>
<\/strong>Prototype: Uitgewerkt Logo + Huisstijl en Mock-Ups<\/em>
Programma: Illustrator en\/of Photoshop<\/em><\/p>

Logo:\u00a0<\/strong><\/em>Je gaat met een logo aan de slag in Illustrator. Je kiest kleuren en lettertypes uit op basis van doel \/ doelgroep. \u00a0Ook hierbij moet je de keuzes kunnen motiveren.<\/p>

Huisstijl: <\/strong><\/em>Ook de huisstijl elementen worden vormgegeven. Dit doe je ook met een duidelijke gedachte achter iedere keuze. Dit voeg je samen in een aantal mock-ups. Wanneer je niet weet wat een mock up is kan je dit zelf even googelen.\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"

Terug Prototype In de ontwerpfase ga je het concept uitwerken. Achter iedere keuze die je maakt zit een verhaal of gedachte. Dus kies geen kleuren omdat jij die mooi vindt, of shots omdat het een leuk shot is. Denk na<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":967,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_exactmetrics_skip_tracking":false,"footnotes":"","_links_to":"","_links_to_target":""},"class_list":["post-1394","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/wordmediavormgever.nl\/werkwijzer\/wp-json\/wp\/v2\/pages\/1394","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordmediavormgever.nl\/werkwijzer\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wordmediavormgever.nl\/werkwijzer\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wordmediavormgever.nl\/werkwijzer\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/wordmediavormgever.nl\/werkwijzer\/wp-json\/wp\/v2\/comments?post=1394"}],"version-history":[{"count":58,"href":"https:\/\/wordmediavormgever.nl\/werkwijzer\/wp-json\/wp\/v2\/pages\/1394\/revisions"}],"predecessor-version":[{"id":4158,"href":"https:\/\/wordmediavormgever.nl\/werkwijzer\/wp-json\/wp\/v2\/pages\/1394\/revisions\/4158"}],"up":[{"embeddable":true,"href":"https:\/\/wordmediavormgever.nl\/werkwijzer\/wp-json\/wp\/v2\/pages\/967"}],"wp:attachment":[{"href":"https:\/\/wordmediavormgever.nl\/werkwijzer\/wp-json\/wp\/v2\/media?parent=1394"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}