Miten käyttää tasapainoa Web-suunnittelussa
Tasapainon saavuttaminen web-suunnittelussa vie jonkinlaista ajattelua, vaivaa ja taitoa, mutta se on ehdottomasti sen arvoista. Suuri tasapaino, jota voidaan soveltaa laajemmalle suunnitteluryhmälle kokonaisuutena, on se, että se säilyttää luomasi olemattoman liiallisen, ylikuormitetun sekaannuksen, joka ei palvele käyttäjäkokemusta. Toisin sanoen tasapaino verkkosuunnittelussa varmistaa, että sinä suunnittelija juuri osuma että makea kohta maltillisuutta. Ei liikaa, mutta ei liian vähän. Ei liian meluisa, mutta ei liian hienovarainen. Se pitää koko suunnittelusi sopusoinnussa samalla, kun se osuu asiakkaasi kaikkiin käytettävyyteen. Nyt se on taito päästä ehdottomasti suunnittelijan työkalupakkiin! Tässä artikkelissa tarkastelemme, miten voit yhdistää hyvän tasapainon asiakkaasi verkkosivustoihin.
Symmetrinen tasapaino
Yksi yleisimmistä esimerkkeistä tasapainosta, jota kohtaat verkkosivustojen selaamisen yhteydessä, on symmetria, vaikka et ehkä ymmärrä sitä, koska se on niin saumatonta. Symmetria on innately miellyttävä silmään ja luo muotoilu, joka on esteettisesti hyvin järjestetty ja harmoninen. Symmetrinen tasapaino määritetään asettamalla elementit tasaisesti vaakasuoran tai pystysuoran keskiakselin kummallekin puolelle. Toisin sanoen kuvitteellisen sukelluslinjan molemmat puolet sivun keskelle ovat lähinnä peilikuvat toisistaan. Vaikka jotkut kriitikot voisivat poistaa tämän tyyppisen tasapainon tylsäksi tai ennustettavaksi, se on silti pysynyt ajan testinä ja on edelleen yksi parhaista tavoista näyttää tasapaino web-suunnittelussa.
Ciscon sivusto on päättänyt mennä tähän kokeiltuun, testattuun ja todenmukaiseen suunnitteluun. Huomaa, kuinka sivusto on täysin tasapainossa pystyakselinsa ympäri. Jos otit imaginaarisen linjan ja jakasit sen suoraan Ciscon kotisivun keskelle, huomaat seuraavat asiat:
- Sama määrä elementtejä navigointipalkissa (mukaan lukien hakukuvake) molemmin puolin
- Otsikko ja alaotsikko ovat yhtä pitkiä molemmilta puolilta
- Toimintapainike on täysin keskitetty
- Sama määrä elementtejä molempien puolien "Pikatoimistot" -otsikon alla
Vaikka sivusto ei ehkä ole jännittävin sivusto koskaan, sen ei tarvitse olla, koska yhtiö myy verkkolaitteita. Lisäksi sivusto on käyttökelpoinen ja toimiva, molemmat ominaisuudet, joita asiakkaat voivat arvostaa. Katsotaanpa vielä kahta muuta symmetriaa:
IWC Schaffhausen , Sveitsin kellokoneella, on sivusto, jossa on horisontaalinen, symmetrinen tasapaino. Jos sivu jakautuu keskiakselin keskelle, molemmilla puolilla on symmetria.
Sama asia menee Beanstalk App verkkosivuilla . Yksinkertainen, minimaalinen muotoilu, sen keskeinen akseli menee alas etusivun keskelle, joka jättää sivun puoliväliin horisontaalisen, symmetrisen tasapainon.
Epäsymmetrinen tasapaino
Epäsymmetrisen tasapainon vastakohta on myös mahdollista. Älä ymmärrä siitä, että epäsymmetrisyys tarkoittaa osien välisen vastaavuuden puutetta! Kuten näette pian, epäsymmetrinen tasapaino saavuttaa suunnittelun vastapainojen järjestelmän ... vain ei tavoilla, joita voit odottaa. Epäsymmetriaa voidaan edustaa monella tavalla verkkosivulla. Esimerkiksi puolet näytöstä pystysuoraan tai vaakasuoraan voisi olla voimakkaampi elementti, kun taas toisella puoliskolla voi olla hienommat elementit. Tästä epätasa-arvosta huolimatta sekä voimakkuuden että lukumäärän osalta tasapaino syntyy ristiriitaisten elementtien rinnalla. Tällä tavalla epäsymmetria voi olla todella kaunis, ehkä enemmän kuin suoraviivaista symmetriaa, koska se toistaa erilaisuuden käsitteen tasapainon aikaansaamiseksi. Se on paradoksi, mutta se toimii niin hyvin missä tahansa sivustossa. Epäsymmetrinen tasapaino on siten mielenkiintoisempi ja ajattelevampi kuin ennustettava symmetria. Se herättää modernismin, energian ja ihmeen teemoja. Suunnittelijoiden on kuitenkin otettava huomioon, että epäsymmetrian luominen sivulle vaatii enemmän työtä kuin säännöllinen symmetria. Loppujen lopuksi sinun on edustettava suhteita, jotka ovat monimutkaisempia suunnittelualoja.
honda antaa meille kristallinkirkkaan esimerkin asymmetriasta web-suunnittelussa. Alle kannen alapuolella yritys käyttää korttipohjaista muotoilua, mutta se tuottaa jonkin verran epäjärjestysnäköä, joka visuaalisesti houkuttelevana ja värikkäässä luo tasa-arvon puutteen pystysuoran tai vaakasuoran keskiakselin kummallakin puolella. Yhden asian suhteen kortit ovat aina eri pituisia, vaakatasossa, eivätkä ne aina ole pinottu mihinkään yhtenäiseen sarakkeeseen tai riviin. Tämä aiheuttaa suurta epäsymmetriaa, joka on erittäin mielenkiintoista tarkastella. Se on melkein kuin pienen sokkelon autoyrityksen kotisivuilla! On myös muita mielenkiintoisia esimerkkejä:
Typographisme on kuva-täydellinen tapaus epäsymmetriaa web-suunnittelussa. Sen sivustossa on kaksi elementtiä, jotka ovat lopsided. Sekä TG-logo että vihreä leima oikeassa yläkulmassa synnyttävät epäsymmetriaa.
Duplos "epäsymmetria on entistä kovempi. Sen sivuilla on kelluva elementtisuunnitelma, joka ei ole linjassa toisten puolien kanssa riippumatta siitä, onko keskiakseli pystysuora vai vaakatasoinen. Kaiken kaikkiaan se tuottaa silmiinpistävää ulkoasua, joka on mielenkiintoista ottaa.
Radiaalipala
Radiaalipaino on melko suoraviivaista. Kuten nimestä käy ilmi, säteittäinen tasapaino syntyy, kun kaikki sivun suunnittelualan elementit tulevat yhdensuuntaisiksi pisteiksi yhdistävästä keskipisteestä. Joten jos jakat sivun joko pystysuoraan tai vaakasuoraan keskiakselin suuntaan, molempien puolien elementit olisivat yhtä kaukana keskipisteen läheisyydessä. Joitakin säteittäisen tasapainon perusperäisiä esimerkkejä ovat esimerkiksi auringonvalon säteet, jotka tulevat keskipisteestä tai lampusta, jonka pinnalla on aaltojauheita. Tämä tasapainotilanne on erityisen erikoista, että säteilevä vaikutus menee molempiin suuntiin: aivan kuten huomio kiinnittyy keskiosaan, se johtaa myös siihen yhteisen keskuksen ansiosta. Tämän vuoksi keskipisteen pitäminen on helppoa.
Paras esimerkki säteittäisestä tasapainosta - joka on varsin harvinainen verkkosivustoilla, etenkin kotisivuilla - on Vlogi . Se on säteittäisen tasapainon epitome, sillä kaikki säteilee valkoisesta "Vlog.it" -tyypin keskipisteestä.
Kaikenlaiset tasapainot
Tähän mennessä pitäisi olla melko ilmeistä, että kaikilla tasapainotyypeillä on yhteisiä joukkovelkakirjalainoja. On yhtenäisiä tekijöitä, jotka jatkuvasti näkyvät millä tahansa muotoilulla, joka sisältää houkuttelevaa ja mielenkiintoista tasapainoa. Tasapaino web-suunnittelussa on ympärilläsi. Mahdollisuudet ovat, että olet laiminlyönyt arvostaa sitä kaikilla eri sivustoilla, joita olet koskaan tutustunut koko elämäsi ajan; mutta se on vain siksi, että tasapaino ei todellakaan ole ensimmäinen asia, jonka ajattelet, kun navigoit missä tahansa sivustossa. Tasapaino on kuitenkin tärkeää sivuston suunnittelulle. Se ei ainoastaan tarjoa esteettisiä yksityiskohtia, jotka ovat mielenkiintoisia näkökulmasta. Se voi myös auttaa käyttäjäkokemusta tekemällä sivuston visuaaliset tiedot helpommin, mikä ei tarkoita sitä, että sivuston navigointi paranisi. Suunnittelijat voivat pyrkiä parantamaan verkkosuunnittelunsa tasapainoa kiinnittämällä erityistä huomiota harmoniin, vastapainoihin ja tasapainotukseen. Hyvän tasapainon lopputulos maksaa asiakkailleen ennennäkemättömät osingot ja käyttökokemuksen.