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, plan. Byggstenar för all visuell form.
GrunderFärgteori
Hjulet, harmoni, temperatur, värde. Hur färg skapar mening.
GrunderTypografi
Anatomi, kombinationer, hierarki, läsbarhet. Bokstäver som arkitektur.
GrunderRum och layout
Rutnät, marginaler, tomrum, komposition. Den osynliga strukturen.
RelationerKontrast
Opposition, spänning, dramatik. Hur skillnad skapar mening.
RelationerHierarki
Att styra ögat. Storlek, vikt, position och färg som rang.
UpplevelseRytm och upprepning
Mönster, tempo, sekvens. Den visuella designens musik.
UpplevelseLjus och skugga
Djup, atmosfär, fokus. Belysning som designverktyg.
UpplevelseTextur och material
Yta, taktilitet, 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.