{"id":49,"date":"2024-10-30T21:02:10","date_gmt":"2024-10-30T21:02:10","guid":{"rendered":"https:\/\/maartenmartens.nl\/portfolio\/?page_id=49"},"modified":"2024-10-31T10:19:53","modified_gmt":"2024-10-31T10:19:53","slug":"ontwerp-illustraties","status":"publish","type":"page","link":"https:\/\/maartenmartens.nl\/portfolio\/ontwerp-illustraties\/","title":{"rendered":"Ontwerp illustraties"},"content":{"rendered":"\n
\n
\n

Illustratiewerk<\/h2>\n\n\n\n


Opdracht om bestaande (vaak zwart-witte) illustraties te upgraden naar een meer aantrekkelijk ogende versie. In dit specifieke geval was de wens om een ‘aquarelle-look’ als uitgangspunt te nemen. Door verschilende iteraties te maken werd duidelijk dat er onderscheid gemaakt moet worden tussen primaire tabel\/grafiek en illustratie onderdelen en secundaire. Primaire onderdelen geven de overdracht van de essenti\u00eble informatie en dienen een groot contrast te krijgen. Secundaire onderdelen ondersteunen de primaire op een manier die niet afleidt maar juist de samenhang vergroot.<\/p>\n<\/div>\n\n\n\n

\n
\n
\n
\"\"\n\t\t\t\n\t\t\t\t\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/figure>\n\n\n\n

Primaire en secundaire onderdelen<\/h3>\n\n\n\n

De tekst is duidelijk afgebakend in een tekstvak, en het contrast tussen de zwarte lijnen (primair) en de pastel achtergrond (secundair) zorgt voor een goede leesbaarheid. <\/p>\n\n\n\n

\"\"\n\t\t\t\n\t\t\t\t\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n

Focus op tekst<\/h3>\n\n\n\n

Wanneer de focus ligt op de tekst-onderdelen zijn deze een slag groter gemaakt en is er geen tertiaire (semi-transparante) laag toegevoegd. Door minder grafische onderdelen aan te bieden en te spelen met grootte is het sneller duidelijk welke informatie het meest belangrijk is.<\/p>\n<\/div>\n\n\n\n

\n
\"\"\n\t\t\t\n\t\t\t\t\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n

Gelaagde illustraties<\/h3>\n\n\n\n

In het geval wanneer de secundaire elementen de overhand krijgen is gekozen voor het toevoegen van een tertiaire laag. Naast de zwarte lijnen en tekst, en de pastel kleuren van de ’tweede laag’, is de plattegrond op een lagere transparantie gezet om de focus op de primaire laag te behouden.<\/p>\n\n\n\n

\"\"\n\t\t\t\n\t\t\t\t\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n

Realiteit versus Duidelijkheid<\/h3>\n\n\n\n

Versimpeling van bestaande illustraties was een van de speerpunten van deze opdracht. De spiraalstroming in bovenstaande illustratie werd meer natuurgetrouw weergegeven, maar was onduidelijk. Door deze te vervangen door een meer versimpelde ‘cartoon’ lijn is de informatie nog steeds correct, en dient de begeleidende tekst als verdere ondersteuning.<\/p>\n<\/div>\n\n\n\n

\n
\"\"\n\t\t\t\n\t\t\t\t\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n

Combineren van 2D en 3D<\/h3>\n\n\n\n

In het geval er een combinatie van 2D en 3D illustraties moest worden gemaakt, is gekozen voor een extra contrast in de vorm van kadering. De 2D grafiek geeft een verloop in ‘stripvorm’, en de 3D illustratie is een samenvatting van de gehele 2D grafiek. Het verlaten van het strip kader moet ervoor zorgen dat de 3D-vorm beter duidelijk is.<\/p>\n\n\n\n

\"\"\n\t\t\t\n\t\t\t\t\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n

Vergroten van context<\/h3>\n\n\n\n

De grafiek rechts is een vrij rechtstreekse vertaling van de huidige illustratie, maar de tertiaire laag is toegevoegd om een beter idee te krijgen voor context. De primaire onderdelen voeren nog steeds de boventoon, maar door de eerder afgebeelde semi-transparante laag nogmaals te gebruiken geeft deze illustratie een eenduidiger beeld van de situatie.<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n

<\/p>\n","protected":false},"excerpt":{"rendered":"

Illustratiewerk Opdracht om bestaande (vaak zwart-witte) illustraties te upgraden naar een meer aantrekkelijk ogende versie. In dit specifieke geval was de wens om een ‘aquarelle-look’ als uitgangspunt te nemen. Door verschilende iteraties te maken werd duidelijk dat er onderscheid gemaakt moet worden tussen primaire tabel\/grafiek en illustratie onderdelen en secundaire. Primaire onderdelen geven de overdracht […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-49","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/maartenmartens.nl\/portfolio\/wp-json\/wp\/v2\/pages\/49","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/maartenmartens.nl\/portfolio\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/maartenmartens.nl\/portfolio\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/maartenmartens.nl\/portfolio\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/maartenmartens.nl\/portfolio\/wp-json\/wp\/v2\/comments?post=49"}],"version-history":[{"count":13,"href":"https:\/\/maartenmartens.nl\/portfolio\/wp-json\/wp\/v2\/pages\/49\/revisions"}],"predecessor-version":[{"id":105,"href":"https:\/\/maartenmartens.nl\/portfolio\/wp-json\/wp\/v2\/pages\/49\/revisions\/105"}],"wp:attachment":[{"href":"https:\/\/maartenmartens.nl\/portfolio\/wp-json\/wp\/v2\/media?parent=49"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}