Designprojekt & Examensarbete VT 2026 ✏️
Morphoskopet — Förstärk designerns skissande

Morphoskopet
AI-verktyg för skissandet

En utställning om hur designern kan använda datorisk kraft som förstärkning i sitt eget kreativa skissande i designprocessen


Utställningens delar

Teoretiskt underlag

EXAMENSARBETE

Ta del av det skrivna examensarbetet, inspirationen och resultat av undersökningen om hur interaktionsdesignerns skissande kan försärkas med hjälp av datorkraft.


skiss
process
// material & teknik

VERKTYGET

Digitalt och analogt möts. P5.js, papper, penna och kod samsas i samma designrum.


kod
analog
// tre projekt visas

RESULTATET

Tre projekt, tre tillvägagångssätt. Gemensamt: nyfikenhet och vilja att undersöka form och funktion.


utställning
elev
// projekt ett

Projekt 01 — Linjelek

p5.js generativ design interaktiv

Projektet undersöker hur enkla regler — rörelse, slump och upprepning — kan skapa visuell komplexitet. Varje besökare lämnar ett unikt spår.


🎨 sketch.p5js — Linjelek.exe ■ □ ✕

process-bilder nedan

📷 bild här ersätt med <img src="...">

Första skiss på papper, blyerts, jan 2025.

📷 bild här ersätt med <img src="...">

Digitalt prototypstadium, iterering 3.

// projekt två

Projekt 02 — Formspråk

typografi grid poster

Hur kan ett enda teckensnitt bära ett helt budskap? Undersökning av typografi som bild — bortom läsbarhet.


🎬 video — Formspråk_process.mp4 ■ □ ✕

ANIMERAD PROCESS


🎞️ GIF här ersätt med <img src="animation.gif">

gif
process
// projekt tre

Projekt 03 — Systemet

identitet system färg

Ett designsystem byggt från grunden — färgpalett, typografi, ikoner och layout som ett sammanhängande språk.


FÄRGPALETT

primär, accent, ljus, mörk

TYPOGRAFI

Rubrik — Special Elite

Label — Caveat

SYSTEM — VT323

IKONER & MÖNSTER

🖼️ bild här ikonset / mönster

// kontakt & info

ELEV & KURS


Kurs: Grafisk design 2
Elev: Förnamn Efternamn
Skola: XX Gymnasium, 2025
Kontakt: epost@skola.se

HEM
--:--
DESIGNPROCESS.exe — redo ✓