Muotoilun tasapaino on suunnittelun elementtien jakautumista. Balance on visuaalinen tulkinta painovoimasta suunnittelussa. Suuret, tiheät elementit näyttävät olevan painavampia, kun taas pienemmät elementit näyttävät olevan kevyempiä. Voit tasapainottaa malleja kolmella tavalla:
- symmetrinen tasapaino
- epäsymmetrinen tasapaino
- epäsopiva tai epätasapainoinen
Bottom Line
Verkkosuunnittelun tasapaino löytyy ulkoasusta. Elementtien sijainti sivulla määrittää, kuinka tasapainoiselta sivu näyttää. Yksi suuri haaste visuaalisen tasapainon saavuttamiseksi web-suunnittelussa on taitto. Voit suunnitella asettelun, joka on täysin tasapainoinen alkunäkymässä, mutta kun lukija vierittää sivua, se voi poiketa tasapainosta.
Sallion sisällyttäminen verkkosuunnitteluun
Yleisin tapa sisällyttää tasapaino verkkosuunnitteluun on asettelu. Mutta voit myös käyttää float style -ominaisuutta elementtien sijoittamiseen ja niiden tasapainottamiseen sivulla. Hyvin yleinen tapa tasapainottaa asettelua symmetrisesti on keskittää teksti tai muut elementit sivulla.
Useimmat verkkosivut on rakennettu ruudukkojärjestelmään, ja tämä luo sivulle heti jonkinlaisen tasapainon. Asiakkaat näkevät ruudukon, vaikka siinä ei olisi näkyviä viivoja. Verkkosivut sopivat hyvin ruudukkorakenteisiin verkkomuotojen neliön luonteen vuoksi.
Bottom Line
Symmetrinen tasapaino saavutetaan sijoittamalla elementit suunnittelussa erittäin tasaisesti. Jos sinulla on suuri, painava elementti oikealla puolella, sinulla on vastaava raskas elementti vasemmalla. Keskitys on helpoin tapa saada symmetrisesti tasapainotettu sivu. Mutta ole varovainen, sillä voi olla vaikeaa luoda keskitetty malli, joka ei näytä tasaiselta tai tylsältä. Jos haluat symmetrisesti tasapainoisen suunnittelun, on parempi luoda tasapaino erilaisilla elementeillä - kuten kuva vasemmalla ja suuri lohko raskaampaa tekstiä sen oikealla puolella.
Epäsymmetrinen tasapaino
Epäsymmetrisesti tasapainotetut sivut voivat olla haastavampia suunnitella - koska niissä ei ole elementtejä, jotka on sovitettu suunnittelun keskiviivalle. Voit esimerkiksi sijoittaa suuren elementin hyvin lähelle kuvion keskiviivaa. Tasapainottaaksesi sen epäsymmetrisesti, sinulla saattaa olla pieni elementti kauempana keskilinjasta. Jos ajattelet suunnitteluasi keinuvana tai keinuvana, kevyempi elementti voi tasapainottaa raskaampaa olevan kauempana painopisteestä. Voit myös käyttää värejä tai tekstuureja tasapainottaaksesi epäsymmetristä muotoilua.
Epäsopiva tai epätasapainoinen
Joskus suunnittelun tarkoitus saa epätasapainoisen tai ristiriitaisen suunnittelun toimimaan hyvin. Tasapainosta poikkeavat mallit ehdottavat liikettä ja toimintaa. Ne saavat ihmiset epämukavaksi tai levottomaksi. Jos suunnittelusi sisältö on myös tarkoitettu epämukavaksi tai saamaan ihmiset ajattelemaan, epäsopivan tasapainoinen muotoilu voi toimia hyvin.