Tijdens het keuzevak UX-Illustration maakte ik een educatieve website over tijgers voor kinderen, waarbij ik mijn illustratie skills volledig kon inzetten. Ik experimenteerde met kleurcontrasten, storytelling en een losse stijl om tot levendige illustraties te komen.
Dit project leerde me om vrijer te werken en mijn creatieve proces verder te ontwikkelen. Benieuwd hoe ik illustratie combineerde met UX design? Bekijk het project!
UX-Illustration:
De Tijger
Ontwerp
Concept
In ons tweede jaar kregen we de mogelijkheid om te kiezen uit keuzevakken. Ik heb ervoor gekozen om het vak UX-illustratie te volgen, omdat illustreren echt mijn passie is en ik hoopte te leren hoe ik dat het beste kon toepassen als UX-ontwerper.
Tijdens dit keuzevak kregen we eerst een paar weken tekenlessen, waarna we onderzoek gingen doen naar welke website en illustraties we zouden maken voor dit vak. Daarbij heb ik gekozen voor een website over tijgers voor kinderen.
Ik vond het leuk om deze doelgroep te kiezen omdat mijn illustratiestijl daar al goed op aansluit. Bovendien vind ik het erg interessant om lesmateriaal aantrekkelijk te maken en te visualiseren, zoals je misschien al hebt gezien in mijn project “Interactieve lesstof”. Toch ben ik opnieuw begonnen met onderzoek naar illustratiestijlen en heb ik referentiemateriaal van tijgers gezocht. Voor de opbouw van de illustraties heb ik storytelling toegepast aan de hand van een
“narrative arc”.
Nadat ik mijn onderzoek had afgerond, begon ik met schetsen. Mijn schetsen waren zeer gedetailleerd en iets realistischer dan ik in gedachten had, maar ik had ze niet voor niets gemaakt. Ik gebruikte ze later in mijn project als basis voor mijn illustraties door ze losjes digitaal over te nemen. Vervolgens ben ik digitaal verdergegaan met deze schetsen. Daarna heb ik handmatige schetsen gemaakt om de sfeer van mijn illustraties te bepalen.
Zelf was ik niet helemaal tevreden over die schetsen, maar mijn docente vond ze juist erg interessant omdat ze meer karakter en een losser gevoel hadden. Hierdoor besloot ik dit wel toe te passen op de schetsen die ik digitaal had overgenomen en begon ik te experimenteren. Mijn docente was ook erg enthousiast over het feit dat ik in die schetsen drie tinten van een bepaalde kleur had gebruikt, dus besloot ik dit ook toe te passen in mijn digitale illustraties.
Schetsen
Ik begon mijn schets volledig in oranje tinten uit te werken, omdat ik de kleur oranje associeerde met tijgers en het interessant vond om met deze kleur te werken, aangezien ik er normaal gesproken niet vaak mee werk. Toch vond ik dat de tijger een beetje wegviel in deze versie, dus besloot ik te experimenteren met verschillende kleurcontrasten. Ik besloot ook te spelen met blauw, de complementaire kleur van oranje. Hierbij kreeg ik het advies om alleen de details of de tijger met deze kleur in te kleuren. Met deze versie was ik erg tevreden, en het was ook heel anders dan wat ik normaal gesproken maak.
Ik heb geleerd dat een specifiek kleurenpalet erg belangrijk is voor je illustraties, omdat dit je illustraties net wat spannender maakt. Nadat ik helemaal tevreden was, ben ik al mijn andere illustraties gaan uitwerken. Dit verliep vrij snel, ik besteedde ongeveer een half uur tot een uur aan de kleine illustraties en ongeveer 1 tot 2 uur aan de grotere illustraties. Vervolgens heb ik mijn interface gemaakt en mijn illustraties daarin geplaatst.
Experimenteren & deliverables
In dit project heb ik veel geleerd over het gebruik van verschillende kleurcontrasten en het vermijden van te realistische illustraties. Ik merk soms dat mijn schetsen en illustraties snel te “realistisch” worden, waardoor ze wat statisch worden en minder interessant zijn. Ik vond dit een erg leuk project, maar als ik het nogmaals zou doen, zou ik mezelf nog meer willen uitdagen.
Dit had ik gedaan door juist een thema te kiezen dat totaal niet bij mij en mijn illustratiestijl past, zodat ik nog meer kan leren en experimenteren. Ook zou ik dan willen oefenen met vector illustraties, iets wat ik niet vaak doe. Deze vaardigheid zou goed van pas kunnen komen als ik UX-illustraties wil gaan maken. Daarnaast zou ik ook de vector illustraties geanimeerd hebben.
Reflectie
Klik hier om het prototype te bekijken!
![](data:image/svg+xml,<svg display="block" id="1189051114" role="presentation" viewBox="0 0 24 20" xmlns="http://www.w3.org/2000/svg"><path d="M 20.4 0 L 3.6 0 C 2.645 0 1.729 0.395 1.054 1.098 C 0.378 1.803 -0.001 2.756 0 3.75 L 0 16.25 C 0 17.245 0.379 18.198 1.054 18.901 C 1.728 19.604 2.644 20 3.6 20 L 20.4 20 C 21.355 20 22.271 19.605 22.946 18.902 C 23.622 18.197 24.001 17.244 24 16.25 L 24 3.75 C 24 2.755 23.621 1.802 22.946 1.099 C 22.272 0.396 21.356 0 20.4 0 Z M 19.597 2.499 L 12 8.439 L 4.403 2.499 Z M 20.4 17.5 L 3.6 17.5 C 3.282 17.5 2.976 17.368 2.752 17.134 C 2.526 16.899 2.4 16.581 2.4 16.25 L 2.4 4.063 L 11.28 11 C 11.706 11.333 12.294 11.333 12.72 11 L 21.6 4.063 L 21.6 16.25 C 21.6 16.581 21.474 16.899 21.248 17.134 C 21.024 17.368 20.718 17.5 20.4 17.5 Z" fill="rgb(255, 255, 255)" height="20px" id="EdetBMibR" width="24px"/></svg>)