Lär dig design
Universella principer som gäller för varje stil. Byt stil för att se hur var och en tolkar dessa koncept olika.
Vad lär du dig här?
Dessa sidor undervisar i de grundläggande principerna för grafisk och visuell design — färgteori, typografi, komposition, kontrast, hierarki och mer. De bygger på den pedagogiska strukturen i grundläggande designlitteratur (Albers, Itten, Arnheim och Samara) men presenteras genom interaktiv demonstration snarare än statisk illustration.
Hur skiljer sig lärupplevelsen här?
På de flesta utbildningssajter läser du om kontrast och tittar på en exempelbild. Här upplever du kontrast — byt mellan stilar och se hur Art Deco skapar hierarki genom guld-på-svart-dramatik medan Nordic Minimal uppnår det genom enbart tomrum och vikt. Hela sidan är exemplet.
Vilken ordning bör du följa?
Börja med Grunder (färg, typografi, linje och rymd) — det här är byggstenarna. Gå vidare till Relationer (kontrast, hierarki) — hur element interagerar. Sedan Upplevelse (rytm, ljus, textur och rörelse) — hur design känns över tid. Avancerade ämnen (komposition, enhet och stil) syntetiserar allt till komplett designtänkande. Slutligen täcker Tillämpad (tillgänglighet, responsiv design) de praktiska kraven för att designa för verkliga digitala miljöer.
Linje och form
Punkt, linje och plan. Byggstenar för all visuell form.
GrunderFärgteori
Hjulet, harmoni, temperatur och värde. Hur färg skapar mening.
GrunderTypografi
Anatomi, kombinationer, hierarki och läsbarhet. Bokstäver som arkitektur.
GrunderRum och layout
Rutnät, marginaler, tomrum och komposition. Den osynliga strukturen.
RelationerKontrast
Opposition, spänning och dramatik. Hur skillnad skapar mening.
RelationerHierarki
Att styra ögat. Storlek, vikt, position och färg som rang.
UpplevelseRytm och upprepning
Mönster, tempo och sekvens. Den visuella designens musik.
UpplevelseLjus och skugga
Djup, atmosfär och fokus. Belysning som designverktyg.
UpplevelseTextur och material
Yta, taktilitet och fysikalitet. Hur design känns.
UpplevelseRörelse och animation
Rörelse kommunicerar. Varaktighet, easing och personlighet genom tid.
AvanceratKomposition
Tredjedelsregeln, gyllene snittet, balans. Att arrangera helheten.
AvanceratEnhetlighet och koherens
Hur delar blir en helhet. Visuell röst och konsekvens.
AvanceratStil och stämning
När allt sammanförs till känsla. Att känna igen och skapa stil.
TillämpatTillgänglighet
Design för alla. WCAG, kontrast, färgblindhet och inkluderande praxis.
TillämpatResponsiv design
En design, varje skärm. Hur layout anpassas från telefon till skrivbord.