Share
Dette er den andre av en tredelt serie artikler om "usynlige krefter" i design. I den forrige artikkelen lærte vi om hvordan justering kan brukes til å skape retning og fokus. I denne artikkelen lærer vi om hvordan arbeid med størrelsesendringer kan skape kontrast og balanse, og hjelpe designene dine til å kommunisere tydeligere.
Det er åpenbart at når du lager et element større, har det en tendens til å se viktigere ut enn de mindre elementene.
Men dette må vurderes sammen med andre faktorer som påvirker det visuelle hierarkiet. For eksempel tar disse to elementene på omtrent samme nivå, fordi de er like store:
Hvis noe, vil du se toppelementet før du ser det nederste elementet.
Men hvis du gjør bunnelementet større enn toppelementet, vil det se viktigere ut.
Imidlertid kan andre ting som visuell vekt (bruker en fet eller lett skrift), eller fargekontrast, reversere effektene av større størrelse.
I denne illustrasjonen ser det lettere elementet ut mindre, selv om det er større.
Men bare ved å gi den samme illustrasjonen en mørk bakgrunn, er det lettere (og større) elementet dominerende, takket være det faktum at det kontrasterer bakgrunnen mer enn det mindre elementet.
Spesielt når du designer for de små skjermene i dagens alder, bør du bruke størrelsesendringer med formål. Det er ikke noe poeng i å lage en skrifttype større - og dermed ta opp verdifull skjerm fast eiendom - hvis det ikke er nødvendig.
Når det er mulig, kan du bruke faktorene som er nevnt ovenfor for å endre ditt visuelle hierarki, men før eller senere må du gjøre en ting større enn en annen. Bare gjør det ikke tilfeldig.
Se på disse forskjellige elementene, hver større enn forrige.
Nå, som leser tydeligere for deg: den oppsettet, eller denne?
Elementene fra det andre eksemplet er dimensjonert basert på en variert skala. Hver skriftstørrelse gjelder den neste minste størrelsen med samme matematiske forhold som det gjelder den større størrelsen.
Typestørrelsene i den varierte skalaen har et forholdsmessig forhold til hverandre. Proportjoner bidrar til at deler av designene ser ut som de tilhører sammen.
Du kan se proporsjoner i aksjon i MailChimp-logoen.
Hver av kretsene som utgjør funksjonene til sjimpansen, forholder seg til hverandre med en faktor på .75. Sirkelen som utgjør mageområdet er .75 størrelsen på sirkelen som utgjør kroppen, for eksempel. Hicks Design, firmaet som laget denne logoen, gjorde dette med vilje!
Mange av dere tenker nok på den såkalte "Golden Ratio" som får mye sprøytenarkoman. Det gyldne forholdet er omtrent 1: 1.618. Ja, sjimpansen ville fortsatt være attraktivt hvis den var basert på det gyldne forholdet, men det ville ikke være objektivt noe mer attraktivt. Til tross for sprøytenarkomanen er det ingen bevis på at The Golden Ratio er noe mer attraktivt enn andre populære forhold som .75 eller .67.
For å illustrere dette har jeg en gang spurt min e-postliste om hvilken av de ovennevnte rektangler de fant mer attraktive. En av dem er en firkant, en annen er et .75 rektangel, et annet er et .67 rektangel, og et annet er et "Gyllent" rektangel. Hvilket rektangel ser mest attraktivt ut for deg?
Her er avstemningsresultatene:
Som du kan se, fungerte det såkalte gylne rektangel veldig bra, men det viste seg ikke å være det mest attraktive rektangelet.
2: 3-rektangelet vant i dette tilfellet, men les ikke for mye inn i det. Poenget er at alt fra Golden Ratio til 3: 4 kommer til å være mer attraktivt enn en firkant.
Du kan bruke denne kunnskapen til å gjøre din typografi vakker, og Spar tid hvis du jobber med en forhåndsdefinert variert skala for din typografi.
For eksempel er disse skriftstørrelsene som jeg alltid bruker. Hver størrelse er omtrentlig .75 Størrelsen på forrige størrelse (med litt avrunding).
En sidefordel ved å jobbe med en .75 skala i stedet for det gyldne forholdet, er matematikken mye enklere å gjøre i hodet ditt: Hva er 75% av 16? Lett! Hva er 61,8% av 16? errr.
Ved å tenke på størrelsen endringene du gjør, vil designene dine se renere og klarere, og samtidig være mer brukbare, og konvertere bedre. Hvis du bruker en variert skala, kan du faktisk lage flotte motiver raskere!
Hold deg til den endelige artikkelen i denne serien, hvor vi lærer hvordan du forme siden ved å justere og lim, og tenke på den hvite plassen, bidrar til å gi designene enda mer klarhet.
Accentsconagua