Sådan bruges balance i webdesign
At opnå balance i webdesign tager lidt tænkning, indsats og dygtighed, men det er absolut det værd. Den store ting om balance, som kan anvendes til den bredere kategori af design som helhed, er, at det holder det, du opretter, fra at være et for stort, overbelastet rod, der ikke tjener brugeroplevelsen. Med andre ord sikrer balance i webdesign, at du som designer bare slår det søde sted af moderering. Ikke for meget, men ikke for lidt. Ikke for støjende, men ikke for subtil. Det holder hele dit design i harmoni, mens du stadig rammer alle brugernes mål for dine kunder. Nu er det en færdighed at helt sikkert sætte ind i din designerens værktøjskasse! I denne artikel vil vi se på, hvordan du kan indarbejde god balance i dine kunders hjemmesider.
Symmetrisk balance
Et af de mest almindelige eksempler på balance, som du kommer på tværs af, når du surfer på websteder, er symmetri, selv om du måske ikke er klar over det, fordi det er så problemfrit fremlagt. Symmetri er indat behagelig for øjet og skaber et design, der er æstetisk velorganiseret og harmonisk. Symmetrisk balance defineres ved at placere elementer lige på hver side af en vandret eller lodret midterakse. Med andre ord er begge sider af en imaginær dykkelinie tværs over midten af siden i det væsentlige spejlbilleder af hinanden. Mens nogle kritikere kan afskrive denne type af balance som kedelig eller forudsigelig, har den ikke desto mindre stået tidstesten og er fortsat en af de bedste måder at vise balance i webdesign.
Ciscos websted har valgt at gå efter denne forsøgte, testede og sande tilgang til design. Bemærk, hvordan webstedet er perfekt afbalanceret på tværs af dets lodrette akse. Hvis du tog en imaginær linje og opdelte den lige ned på Cisco's hjemmeside, så bemærker du følgende:
- Det samme antal elementer i navigationslinjen (inklusive søgeikon) på begge sider
- Overskriften og underrubrikken er lige lange på begge sider
- Knappen til handlingsknappen er perfekt centreret
- Det samme antal elementer under overskriften "Hurtige opgaver" på begge sider
Selv om hjemmesiden måske ikke er det mest frygtelig spændende websted nogensinde, behøver det ikke at være, da firmaet sælger netværksudstyr. Plus, webstedet er brugbart og funktionelt, begge attributter, som kunderne kan sætte pris på. Lad os se på to andre eksempler på symmetri:
IWC Schaffhausen , den schweiziske urmager, har et websted med vandret, symmetrisk balance. Hvis vi deler siden over en centralakse nedad i midten, har begge sider symmetri.
Samme ting går til Beanstalk App hjemmeside . Med et simpelt, minimal design går dens centrale akse ned midt på hjemmesiden, hvilket efterlader de to halvdele af siden med vandret, symmetrisk balance.
Asymmetrisk balance
Det polære modsatte af symmetri, asymmetrisk balance er også muligt. Lad dig ikke narre af det faktum, at asymmetri betyder mangel på ækvivalens mellem dele! Som du snart vil se, opnår asymmetrisk balance et system af modvægt i design også ... bare ikke på måder du kunne forvente. Asymmetri kan repræsenteres på en række måder på en webside. For eksempel kan den ene halvdel af skærmen lodret eller horisontalt prale af et mere intens element, mens den anden halvdel kunne have mindre subtile elementer. På trods af denne ulighed, både i styrke og tal, skabes balance ved sammenhængen mellem de modsigende elementer. På den måde kan asymmetri være virkelig smuk, måske mere end simpel symmetri, fordi den spiller på begrebet ulighed for at skabe balance. Det er et designparadox, men en der fungerer så godt på ethvert websted. Asymmetrisk balance er derfor mere interessant og tankevækkende end forudsigelig symmetri. Det fremkalder temas af modernisme, energi og underholdning. Designere bør imidlertid bemærke, at at skabe asymmetri på en side kræver mere arbejde end almindelig symmetri. Når alt kommer til alt, skal du repræsentere forhold mellem designelementer, som er mere komplicerede.
Honda giver os et krystalklar eksempel på asymmetri i webdesign. Under foldet bruger firmaet et kortbaseret design, men det giver et noget uorganiseret udseende, der samtidig med at det er visuelt tiltalende og farverigt, skaber mangel på lighed på begge sider af en lodret eller vandret centralakse. For en ting er kortene selv altid forskellige længder, vandret og mangler altid at blive stablet i en ensartet kolonne eller række. Dette skaber stor asymmetri, der er meget interessant at se på. Det er næsten som en lille labyrint på hjemmesiden for bilfirmaet! Der er også andre interessante eksempler:
Typographisme er et billede-perfekt tilfælde af asymmetri i webdesign. Dets websted har to elementer, der er skævt. Både TG-logoet og det grønne frimærke i højre øverste hjørne skaber asymmetri.
Duplo'er 'Asymmetri er stærkere. Dets websted har et design med flydende elementer, der ikke vil rette overens med den anden halvdel, om centralaksen er lodret eller vandret. Samlet set producerer det et iøjnefaldende udseende, der er interessant at tage ind.
Radial balance
Radial balance er ret ligetil. Som navnet antyder, forekommer radialbalance, når alle designelementerne på en side udstråler i ligestillede punkter fra et forenende centralt punkt. Så hvis du vil dele siden enten lodret eller vandret langs en central akse, vil begge sides elementer være lige så langt eller nær fra det centrale punkt. Nogle af de mest basale eksempler på radial balance er ting som solstråler fra et centralt punkt eller en dam, der har en flok krusninger på overfladen. Hvad gør denne form for balance mere speciel er, at strålingseffekten går begge veje: Ligesom opmærksomheden fører væk fra det centrale punkt, fører det også tilbage til det på grund af det fælles centrum. På grund af dette er det nemt at holde et fokuspunkt.
Det bedste eksempel på radial balance - hvilket er ret sjældent på hjemmesider, især hjemmesider - er vlog . Det er indbegrebet af radial balance, da alt udstråler udad fra det centrale punkt i den hvide type "Vlog.it".
Alle former for balance
På nuværende tidspunkt skal det være ret indlysende, at alle typer af saldo har nogle almindelige obligationer. Der er ensartede faktorer, som konsekvent fremgår af ethvert design, der har en attraktiv og interessant balance. Balance i webdesign er omkring dig. Chancerne er, at du har forsømt at værdsætte det på alle de forskellige steder, du nogensinde har brugt i hele dit liv; men det er kun fordi balance ikke er den første ting du tænker på, når du navigerer på et websted. Ikke desto mindre er balance vigtig for site design. Det giver ikke kun æstetiske detaljer, der er interessante fra et visuelt synspunkt. Det kan også hjælpe brugeroplevelsen ved at gøre de visuelle oplysninger på et websted nemmere at absorbere, hvilket ikke er noget at forbedre sidens navigation. Designere kan stræbe efter at medtage bedre balance i deres webdesign ved at være ekstra opmærksom på harmoni, modvægt og ligevægt. Slutresultatet af god balance betaler ufortoldet udbytte for dine kunder og brugeroplevelsen.