Slik bruker du balanse i webdesign
Å oppnå balanse i webdesign tar litt tenkning, innsats og dyktighet, men det er absolutt verdt det. Den gode tingen om balanse, som kan brukes på den bredere kategorien av design som helhet, er at den holder det du oppretter fra å være et overdrevet, overbelastet rot som ikke tjener brukeropplevelsen. Med andre ord, sørger balanse i webdesign for at du som designer bare treffer det søte stedet for moderering. Ikke for mye, men ikke for lite. Ikke for mye støy, men ikke for subtil. Det holder hele designen i harmoni, samtidig som du trykker på alle bruksmålet til kundene dine. Nå er det en ferdighet å definitivt sette inn designers verktøykasse! I denne artikkelen ser vi på hvordan du kan innarbeide god balanse i kundens nettsteder.
Symmetrisk balanse
En av de vanligste eksemplene på balanse du møter når du surfer på nettsteder, er symmetri, selv om du kanskje ikke skjønner det, fordi det er så sømløst presentert. Symmetri er innat behagelig for øyet, og skaper et design som er estetisk velorganisert og harmonisk. Symmetrisk balanse er definert ved å plassere elementer like på hver side av en horisontal eller vertikal sentral akse. Med andre ord, begge sider av en imaginær dykkelinje over midten av siden er i hovedsak speilbilder av hverandre. Mens noen kritikere kan skrive ut denne typen balanse som kjedelig eller forutsigbar, har den likevel stått tidstesten og er fortsatt en av de beste måtene å vise balanse i webdesign.
Cisco nettsted har valgt å gå etter denne prøvde, testede og sanne tilnærmingen til design. Legg merke til hvordan nettstedet er perfekt balansert over sin vertikale akse. Hvis du tok en imaginær linje og delt den rett ned midt på Cisco's hjemmeside, vil du legge merke til følgende:
- Det samme antall elementer i navigasjonslinjen (inkludert søkikonet) på begge sider
- Overskriften og undernavnet er like lange på begge sider
- Knappen til handlingsknappen er perfekt sentrert
- Det samme antall elementer under overskriften "Hurtige oppgaver" på begge sider
Selv om nettstedet kanskje ikke er det mest fryktelig spennende nettstedet noensinne, trenger det ikke å være siden selskapet selger nettverksutstyr. Plus, siden er brukbar og funksjonell, begge attributter som kundene kan sette pris på. La oss se på to andre eksempler på symmetri:
IWC Schaffhausen , den sveitsiske urmakeren, har et nettsted som har horisontal, symmetrisk balanse. Hvis vi deler siden over en sentral akse nedover, har begge sider symmetri.
Samme ting går for Beanstalk App nettsted . Med en enkel minimal design, går den sentrale akse ned midt på hjemmesiden, som etterlater de to sidene av siden med horisontal, symmetrisk balanse.
Asymmetrisk balanse
Det polære motsatt av symmetri, asymmetrisk balanse er også mulig. Ikke la deg lure av det faktum at asymmetri betyr mangel på ekvivalens mellom deler! Som du snart ser, oppnår asymmetrisk balanse et motvektssystem i design også ... bare ikke på måter du kan forvente. Asymmetri kan representeres på flere måter på en nettside. For eksempel kan den ene halvdelen av skjermen, vertikalt eller horisontalt, skryte av et mer intens element, mens den andre halvdelen kunne ha subtilere elementer. Til tross for denne ulikheten, både i styrke og tall, blir balanse opprettet ved sammenstøting av motstridende elementer. På denne måten kan asymmetri være virkelig vakker, kanskje mer enn enklere symmetri, fordi den spiller på begrepet ulikhet for å skape balanse. Det er et designparadox, men en som fungerer så bra på et hvilket som helst nettsted. Asymmetrisk balanse er derfor mer interessant og tankevekkende enn forutsigbar symmetri. Det fremkaller temaer av modernisme, energi og rart. Designere bør imidlertid legge merke til at skape asymmetri på en side krever mer arbeid enn vanlig symmetri. Tross alt må du representere relasjoner mellom designelementer som er mer kompliserte.
Honda gir oss et krystallklart eksempel på asymmetri i webdesign. Under foldet, på hjemmesiden, bruker selskapet en kortbasert design, men dette gir et noe uorganisert utseende som, mens det er visuelt tiltalende og fargerikt, skaper mangel på likestilling på hver side av en vertikal eller horisontal sentral akse. For en ting er kortene i seg selv forskjellige lengder, horisontalt og unnlater alltid å bli stablet i en ensartet kolonne eller rad. Dette skaper stor asymmetri som er veldig interessant å se på. Det er nesten som en liten labyrint på hjemmesiden til bilfirmaet! Det er også andre interessante eksempler:
Typographisme er et bilde-perfekt tilfelle av asymmetri i webdesign. Nettstedet har to elementer som er skråstilt. Både TG-logoen og det grønne stempelet i høyre, øvre hjørne skaper asymmetri.
Duplos 'Asymmetri er sterkere. Nettstedet har en flytende elementdesign som ikke vil stramme konsistent med den andre halvdelen, om sentralaksen er vertikal eller horisontal. Samlet gir det et iøynefallende utseende som er interessant å ta inn.
Radial saldo
Radialbalansen er ganske enkel. Som navnet antyder, oppstår radialbalanse når alle designelementene på en side kommer ut i likeverdige punkter fra et forening, sentralt punkt. Så hvis du vil dele siden enten vertikalt eller horisontalt langs en sentral akse, vil begge sides elementer være like like eller nær fra midtpunktet. Noen av de mest grunnleggende eksemplene på radialbalanse er ting som solstråler kommer fra et sentralt punkt eller en dam som har en masse krusninger på overflaten. Det som gjør denne form for balanse mer spesiell er at strålingseffekten går begge veier: Akkurat som oppmerksomheten fører bort fra sentralpunktet, fører det også tilbake til det på grunn av det felles sentrum. På grunn av dette er det enkelt å holde et fokuspunkt.
Det beste eksempelet på radialbalanse - som er ganske sjelden på nettsteder, spesielt hjemmesider - er vlog . Det er uttrykket for radialbalanse, da alt stråler utover fra det sentrale punktet til den hvite typen "Vlog.it".
Alle slags balanse
Nå skal det være ganske tydelig at alle typer saldo har noen vanlige obligasjoner. Det er ensartede faktorer som konsekvent vises i ethvert design som har en attraktiv og interessant balanse. Balanse i webdesign er rundt deg. Sjansen er at du har forsømt å sette pris på det på alle de forskjellige nettstedene du noensinne har blått gjennom hele livet ditt; men det er bare fordi balanse ikke er den første tingen du tenker på når du navigerer på et hvilket som helst nettsted. Likevel er balanse viktig for nettsteddesign. Det gir ikke bare estetiske berører som er interessante fra et visuelt synspunkt. Det kan også hjelpe brukeropplevelsen ved å gjøre den visuelle informasjonen på et nettsted enklere å absorbere, det vil si ingenting om å forbedre sidens navigering også. Designere kan streve for å inkludere bedre balanse i deres webdesign ved å være ekstra oppmerksom på harmoni, motvekt og equidistance. Sluttresultatet av god balanse betaler ufortoldet utbytte for dine kunder og brukeropplevelsen.