Man behøver ikke altid starte med en lang vejledning for at blive bedre til digitalt design. Der findes en række små browserbaserede spil, hvor du gennem konkrete udfordringer kan træne færdigheder inden for vektorgrafik, Pen Tool, typografi, farver, pixels og visuelt design.
Flere af færdighederne kan direkte overføres til arbejdet i programmer som LightBurn, Inkscape, Illustrator og andre grafiske programmer.
The Bézier Game – lær Pen Tool
Her træner du brugen af Pen Tool, ankerpunkter, håndtag og Bézier-kurver.
Opgaven er at tegne forskellige figurer så præcist som muligt – helst med så få punkter som muligt. Det er en rigtig god introduktion til Pen Tool, inden du begynder at tegne dine egne former.
Spil: https://bezier.method.ac/
ShapeType – form bogstaver
ShapeType bygger videre på arbejdet med Bézier-kurver. Her skal du flytte kontrolpunkter og håndtag, indtil en bogstavform passer så præcist som muligt.
Det er en god måde at opdage, hvor meget ganske få punkter kan styre formen på en kurve.
Spil: https://shape.method.ac/
The Boolean Game – byg med former
Man behøver ikke tegne alt med Pen Tool.
I The Boolean Game lærer du at konstruere mere komplekse figurer ved at kombinere, trække fra og arbejde med simple geometriske former.
Det er en særlig nyttig teknik, når du arbejder med vektorgrafik og fx designer noget, der senere skal skæres på en lasercutter eller folieskærer.
Spil: https://boolean.method.ac/
KernType – få styr på afstanden mellem bogstaver
Hvor stor afstand skal der egentlig være mellem to bogstaver?
I KernType skal du flytte bogstaverne, indtil du synes, at afstanden mellem dem ser rigtig ud. Bagefter får du en score på dit resultat.
En lille øvelse, der kan gøre en stor forskel, når du arbejder med skilte, logoer og grafisk design.
Spil: https://type.method.ac/
Color – træn dit blik for farver
Her bliver du udfordret på farvetoner, mætning og farveharmonier.
Spillet giver en god introduktion til, hvordan farver hænger sammen, og hvordan forskellige farver kan kombineres.
Spil: https://color.method.ac/
Pixactly – hvor meget er 100 pixels?
Kan du tegne et rektangel på eksempelvis 150 × 80 pixels uden at måle?
Pixactly træner din fornemmelse for størrelse, proportioner og pixels. Du får nogle mål og skal forsøge at tegne den rigtige størrelse med øjemål. Derefter kan du se, hvor tæt du kom på.
Spil: https://pixactly.app/
Can’t Unsee – kan du se det gode design?
Her får du vist to næsten ens brugerflader og skal vælge den, du mener er designet bedst.
Forskellene kan være ganske små og handle om eksempelvis afstand, justering, typografi, hierarki eller placering.
Det er mindre et værktøjsspil og mere træning af dit grafiske blik.
Spil: https://cantunsee.space/
Flexbox Froggy – lær layout gennem et spil
Hvis du også vil bevæge dig fra grafisk design over mod webdesign, er Flexbox Froggy værd at prøve.
Her lærer du principperne bag CSS Flexbox ved at skrive små CSS-kommandoer, der skal få frøerne hen på de rigtige åkander.
Det kræver lidt mere kode end de øvrige spil, men bygger på den samme idé: Prøv dig frem, se resultatet og lær gennem handling.
Spil: https://flexboxfroggy.com/
Hvor skal jeg begynde?
Hvis dit mål er at blive bedre til at tegne grafik til eksempelvis lasercutter eller folieskærer, så start her:
1. The Bézier Game → lær Pen Tool
2. ShapeType → bliv bedre til kurver
3. The Boolean Game → lær at bygge med former
4. KernType → få styr på tekst og bogstaver
Derefter kan du gå videre til Color og Can’t Unsee, hvis du vil træne dit mere generelle blik for grafisk design.
Det vigtigste er ikke at få den højeste score. Brug spillene til at undersøge, hvorfor noget virker, og tag erfaringerne med videre, næste gang du åbner dit grafiske program.
