Gestalt Principles exercisef25 by Andrea (vici)

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

2024-10-08 08:56:37 UTC

hele67081 — 2024-10-08 08:57:03 UTC

Objekter, som bevæger sig i samme retning, ser man oftest som sammenhængende, kontra ting som er på vej hver sin vej

2024-10-08 08:57:22 UTC

2024-10-08 08:57:48 UTC

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

fxxibrxvmd — 2024-10-08 08:58:02 UTC

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

fxxibrxvmd — 2024-10-08 08:58:11 UTC

Det bliver brugt i web design for at skabe kontinuerligt design og lettere forståelse af budskab

2024-10-08 08:58:44 UTC

2024-10-08 08:59:16 UTC

madsolsen213 — 2024-10-08 08:59:23 UTC

juka67090 — 2024-10-08 09:00:09 UTC

Når relaterede elementer er tættere på hinanden.

2024-10-08 09:01:11 UTC

juka67090 — 2024-10-08 09:02:12 UTC

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.

pnla67088 — 2024-10-08 09:03:09 UTC

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.

pnla67088 — 2024-10-08 09:03:19 UTC

Dette hjælper også med at bane vej for læseren, at det er naturligt for øjnene at følge retningen

2024-10-08 09:04:02 UTC

pnla67088 — 2024-10-08 09:04:15 UTC

Kan også være med til at skabe hieraki, at den forreste i gruppens bevægelse er 'leder'

2024-10-08 09:04:36 UTC

kbch67091 — 2024-10-08 09:04:37 UTC

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.

juka67090 — 2024-10-08 09:05:31 UTC

Proximity kan også have større magt end andre ting som f.eks. farve eller form mm.

hele67081 — 2024-10-08 09:08:40 UTC

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.

juka67090 — 2024-10-08 09:10:25 UTC

Elementer der opfattes til at høre sammen giver modtageren en forståelse af at de passer sammen og hører sammen.

mathildemc27 — 2024-10-08 09:19:12 UTC

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.

mathildemc27 — 2024-10-08 09:19:54 UTC

mathildemc27 — 2024-10-08 09:20:54 UTC

mathildemc27 — 2024-10-08 09:21:18 UTC

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.

mathildemc27 — 2024-10-08 09:21:35 UTC

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.

mathildemc27 — 2024-10-08 09:21:56 UTC

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.

One of the definition of Closure

vincenttaliesin — 2024-10-09 08:49:07 UTC

The tendency for individuals to perceive incomplete or fragmented patterns as complete and whole.

Når ser et mønster, som for dig ser forbundet ud, men i virkeligheden er det bare en masse prikker

jakobandreasen1 — 2024-10-09 08:50:23 UTC

Når objekter bevæger sig synkront i samme retning, så grupperer vores hjerner dem automatisk.

andreasisager — 2024-10-09 08:54:27 UTC

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

2024-10-09 08:54:58 UTC

jodi67100 — 2024-10-09 08:55:54 UTC

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

Dropdown menuer er et eksempel på dette. Her ser vores hjerne automatisk, at menuen og undermenuen hører sammen.

andreasisager — 2024-10-09 08:56:26 UTC

Eksempel

jodi67100 — 2024-10-09 08:56:34 UTC

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.

Ses også på Spotify. Her følges albumcover, artist og navn på sangen ad, når man scroller.

andreasisager — 2024-10-09 08:58:26 UTC

Er zebraen hvis med sorte striber, eller sort med hvide?

cmpilgaard — 2024-10-09 08:58:52 UTC

2024-10-09 09:00:23 UTC

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.

Hjernen vil forsøge at give visuelle former og elementer mening

cmpilgaard — 2024-10-09 09:00:35 UTC

Hidden closure

vincenttaliesin — 2024-10-09 09:00:57 UTC

Bjørnen og bjerget i Toblerone logoet er til dels opbygget af gestalts closure princip

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.

andreasisager — 2024-10-09 09:01:05 UTC

En intuitiv proces

cmpilgaard — 2024-10-09 09:01:20 UTC

Eksempel

jodi67100 — 2024-10-09 09:02:13 UTC

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.

Gestalt is a german word meaning pattern or configuration

cmpilgaard — 2024-10-09 09:02:38 UTC

2024-10-09 09:05:00 UTC

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.

lmmo67430 — 2024-10-09 09:10:04 UTC

Adobe

vincenttaliesin — 2024-10-09 09:10:07 UTC

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.

fnlo68011 — 2024-10-09 09:10:08 UTC

Det kan hjælpe webdesignere til at skabe en struktur- og organisere indholdet på en side.

mathildecuu — 2024-10-09 09:12:14 UTC

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:

Billeder kan være tvetydige (ambiguous) - fx. en vase og 2 ansigter i samme billede

cmpilgaard — 2024-10-09 09:12:15 UTC

ceciliebang03 — 2024-10-09 09:16:26 UTC

ceciliebang03 — 2024-10-09 09:17:22 UTC

ceciliebang03 — 2024-10-09 09:17:26 UTC

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.

Vi prøver altid at differentiere forgrund og baggrund

cmpilgaard — 2024-10-09 09:20:38 UTC