# data[].attributes.headline
Når for eksempel ikoner har den samme visuelle karakterstik, såsom samme facon, er man tilbøjelig til at gruppere dem sammen og tro de har samme virkning

# data[].attributes.subject
Når for eksempel ikoner har den samme visuelle karakterstik, såsom samme facon, er man tilbøjelig til at gruppere dem sammen og tro de har samme virkning

# data[].attributes.headline
Objekter, som bevæger sig i samme retning, ser man oftest som sammenhængende, kontra ting som er på vej hver sin vej

# data[].attributes.subject
Objekter, som bevæger sig i samme retning, ser man oftest som sammenhængende, kontra ting som er på vej hver sin vej

# data[].attributes.body
det er når vi kigger på en eller flere kompliserede samlinger af visuelle elementer såsom firkanter blandede med trekanter, har vi en tendens til at prøve at finde et genkendeligt mønstre

# data[].attributes.body
Metode hvor vha. en visuel boundary vi grupperer elementer. Vi vil naturligt gerne finde mønstre og den visuel grænse hjælper os.

# data[].attributes.headline
Det bliver brugt i web design for at skabe kontinuerligt design og lettere forståelse af budskab

# data[].attributes.subject
Det bliver brugt i web design for at skabe kontinuerligt design og lettere forståelse af budskab

# data[].attributes.body
Når relaterede elementer er tættere på hinanden.

# data[].attributes.headline
Når vi ser objekter eller former, der er på linje eller følger en vej, har vores hjerne en tilbøjelighed til at forbinde dem som en sammenhængende helhed, selvom der er mellemrum eller afbrydelser mellem dem.

# data[].attributes.subject
Når vi ser objekter eller former, der er på linje eller følger en vej, har vores hjerne en tilbøjelighed til at forbinde dem som en sammenhængende helhed, selvom der er mellemrum eller afbrydelser mellem dem.

# data[].attributes.body
Eksempel: Hvis du ser en række punkter, der er arrangeret på en linje eller en buet bane, vil din hjerne automatisk forbinde dem som en del af en sammenhængende figur, snarere end at se dem som individuelle og separate punkter.

# data[].attributes.headline
Dette hjælper også med at bane vej for læseren, at det er naturligt for øjnene at følge retningen

# data[].attributes.subject
Dette hjælper også med at bane vej for læseren, at det er naturligt for øjnene at følge retningen

# data[].attributes.headline
Kan også være med til at skabe hieraki, at den forreste i gruppens bevægelse er 'leder'

# data[].attributes.subject
Kan også være med til at skabe hieraki, at den forreste i gruppens bevægelse er 'leder'

# data[].attributes.body
Man har tendens til at opfatte en fuldstændig figur eller form, selvom den ikke er fuldt tegnet eller fuldstændig synlig.

Fokuserer på hvordan man opfatter helheder snarere end de enkelte dele.

# data[].attributes.body
Proximity kan også have større magt end andre ting som f.eks. farve eller form mm.

# data[].attributes.body
Elementet behøver ikke at være identiske, men de skal have mindst én ting til fælles, som f.eks. farve, facon eller størrelse, før at vi opfatter, at de er i samme gruppe.

# data[].attributes.body
Elementer der opfattes til at høre sammen giver modtageren en forståelse af at de passer sammen og hører sammen.

# data[].attributes.body
Symmetri i Gestalt-principperne refererer til menneskers tendens til at opfatte symmetriske former som mere balancerede, harmoniske og organiserede. Det er et princip, der bygger på vores naturlige præference for orden og struktur, hvilket gør symmetriske designs mere behagelige at se på og nemmere at forstå. Symmetri opstår, når elementer i en komposition er arrangeret på en måde, så de spejler hinanden eller er jævnt fordelt omkring en akse.

# data[].attributes.body
1. Spejlsymmetri (Bilateral Symmetry):

Dette er den mest almindelige type symmetri og indebærer, at to sider af et objekt eller et design spejler hinanden. Tænk på en sommerfugls vinger eller et ansigt – begge dele er symmetriske omkring en lodret akse.

Anvendelse i design: Websider eller printdesigns, der har et centralt element med lige store kolonner på begge sider, anvender spejlsymmetri for at skabe balance og struktur.

# data[].attributes.body
1. Rundsymmetri (Radial Symmetry):

Her udspringer designet fra et centralt punkt, og alle elementer stråler ud fra dette punkt i en cirkulær eller radial bevægelse. Tænk på et hjul eller en blomst.

Anvendelse i design: Logoer, ikoner eller mønstre, der udgår fra et midtpunkt, bruger radial symmetri. Eksempler kan ses i mange former for grafik, hvor elementer er jævnt fordelt omkring en central figur.

# data[].attributes.body
1. Rotationssymmetri:

Elementer i et design gentager sig selv i en cirkulær bevægelse omkring et centerpunkt, men uden at være en eksakt spejling. Denne type symmetri skaber dynamik samtidig med, at der er en vis grad af balance.

Anvendelse i design: Du kan bruge rotationssymmetri i mønstre, design af hjul, emblemer eller ikoner, der gentager sig i cirkelform.

# data[].attributes.body
The tendency for individuals to perceive incomplete or fragmented patterns as complete and whole.

# data[].attributes.headline
Når ser et mønster, som for dig ser forbundet ud, men i virkeligheden er det bare en masse prikker

# data[].attributes.subject
Når ser et mønster, som for dig ser forbundet ud, men i virkeligheden er det bare en masse prikker

# data[].attributes.headline
Når objekter bevæger sig synkront i samme retning, så grupperer vores hjerner dem automatisk.

# data[].attributes.subject
Når objekter bevæger sig synkront i samme retning, så grupperer vores hjerner dem automatisk.

# data[].attributes.headline
Det handler om hvordan at vi som mennesker fortolker bestemte mønstre, som vi vælger at se som en helhed, fremfor opdelt som brueyhrg

# data[].attributes.subject
Det handler om hvordan at vi som mennesker fortolker bestemte mønstre, som vi vælger at se som en helhed, fremfor opdelt som brueyhrg

# data[].attributes.body
Gestaltprincippet om similarity beskriver, hvordan vi grupperer objekter, der ligner hinanden i form, farve eller andre visuelle træk. Det gør det lettere for os at skabe orden og genkende mønstre i komplekse visuelle indtryk

# data[].attributes.headline
Dropdown menuer er et eksempel på dette. Her ser vores hjerne automatisk, at menuen og undermenuen hører sammen.

# data[].attributes.subject
Dropdown menuer er et eksempel på dette. Her ser vores hjerne automatisk, at menuen og undermenuen hører sammen.

# data[].attributes.body
På en hjemmeside for sko kan produktbillederne være præsenteret i et ensartet layout med samme billedstørrelse og produktbeskrivelser. Dette gør det lettere for brugeren at sammenligne produkter og forstå, at de er en del af samme kategori.

# data[].attributes.headline
Ses også på Spotify. Her følges albumcover, artist og navn på sangen ad, når man scroller.

# data[].attributes.subject
Ses også på Spotify. Her følges albumcover, artist og navn på sangen ad, når man scroller.

# data[].attributes.headline
Er zebraen hvis med sorte striber, eller sort med hvide? 

# data[].attributes.subject
Er zebraen hvis med sorte striber, eller sort med hvide? 

# data[].attributes.body
Som I kan se her, så er dette 4 streger, efterfugt af en pil, men størstedelen vælger at se det sammenhængende som en "->" i stedet for de 4 streger som i princippet kunne betyde en masse andet.

# data[].attributes.headline
Hjernen vil forsøge at give visuelle former og elementer mening

# data[].attributes.subject
Hjernen vil forsøge at give visuelle former og elementer mening

# data[].attributes.body
Bjørnen og bjerget i Toblerone logoet er til dels opbygget af gestalts closure princip

# data[].attributes.headline
Den snurrende cirkel på en loading animation ses også som en konstant gentagelse. Det gør vores at hjerner tænker, at den arbejder på sagen.

# data[].attributes.subject
Den snurrende cirkel på en loading animation ses også som en konstant gentagelse. Det gør vores at hjerner tænker, at den arbejder på sagen.

# data[].attributes.body
Et eksempel på similarity-princippet på hjemmesider kunne være brugen af ensartede knapper. Hvis alle "call-to-action"-knapper på en hjemmeside har samme farve, form og størrelse, vil brugerne opfatte dem som relaterede elementer. F.eks. vil alle grønne, firkantede knapper blive opfattet som knapper, der fører til handlinger som "tilmeld" eller "køb nu", selvom de er placeret forskellige steder på siden.

# data[].attributes.headline
Gestalt is a german word meaning pattern or configuration

# data[].attributes.subject
Gestalt is a german word meaning pattern or configuration

# data[].attributes.body
Champions League logoet har stjerner der formes på en bestemt måde. Dermed er den hvide baggrund kombineret med stjernerne en forestilling af en fodbold.

# data[].attributes.body
Logoet som adobe har er også en samling af tre forskellige slags trekanter, der udformer det der ligner toppen på et A, og dermed visualiserer det sig for nogle og bliver til et helt a.

# data[].attributes.body
Det kan hjælpe webdesignere til at skabe en struktur- og organisere indholdet på en side.

# data[].attributes.body
Common region, er et princip der bruges til at skabe grupper ved hjælp af visuelle grænser, baggrunde og skygger. Det gør det nemmere for bruger og definere hvad der hører sammen, samt hvilke eventuelle informationer der passer til. Udover at det skaber grupper bruges det også til at sætte fokus, da det er mere i øjenfaldene. Common region er også god til at skabe et tydeligt hieraki, det er f.eks. stærkere og mere tydeligt end proximity.

Dog skal man være opmærksom på at hvis har for meget brug af common region, f.eks. ved at bruge det som dekoration, så vil det fremstå som for meget og rodet.

“Giving importance to everything is like giving importance to nothing”.

Hjemmesider der gør brug af common region:

ikea.com

sostrenegrene.com

dr.dk

hm.com

# data[].attributes.headline
Billeder kan være tvetydige (ambiguous) - fx. en vase og 2 ansigter i samme billede

# data[].attributes.subject
Billeder kan være tvetydige (ambiguous) - fx. en vase og 2 ansigter i samme billede

# data[].attributes.body
Symmetri and Order: Det er måde hvorpå man har et system (altså nogle gentagelser), som giver en orden. F.eks. I mange webshops er der listet forskellige produkter i et "grid" som skaber en orden og en sammenhæng. Man forstår hurtigt at produkterne hænger sammen og på den måde gør det oplevelsen nemmere, fordi det hurtigt er overskueligt. Det skaber altså balance og effektivitet. Det har noget at gøre med aligment, fordi det er et system hvor alt er gentaget.

# data[].attributes.headline
Vi prøver altid at differentiere forgrund og baggrund

# data[].attributes.subject
Vi prøver altid at differentiere forgrund og baggrund