25 Esimerkkejä Web-suunnittelun symmetriasta
Symmetria on ikivanha visuaalisen taiteilijan laite. Sana viittaa kahteen puoliskoon, jotka täydellisesti peilevät toisiaan. Suunnittelussa symmetria liittyy läheisesti tasapainoon. Täysin symmetrinen muoto saavuttaa tasapainon ja vakauden tunteen.
On myös epäsymmetristä muotoilua, jossa molemmat puolet ovat tasapainossa, mutta eivät peile toisiaan täydellisesti. Suurin osa verkkosivustoista on epäsymmetrinen.
Useimmiten löydämme logon vasemmassa yläkulmassa, tasapainottavat oikealla puolella olevat navigointielementit. Kehossa sivupylväitä tasapainotetaan tavallisesti joko pääsisällä tai muilla sarakkeilla.
Vaikka täydellinen symmetria ei todellakaan ole uusi verkko, se saa vauhtia. Näytön koon laajentaminen ja alustojen ja katseluvaihtoehtojen lisääntyminen tekevät siitä houkuttelevamman vaihtoehdon. Peilaamalla muotoilun puolikkaat saat paitsi paremman tasapainon tunteen, myös parantamaan virtausta ylhäältä alas.
Icora
Icora on täydellinen esimerkki siitä, miten symmetria vaikuttaa sivuston pystysuoraan virtaan. Rakastan kuinka tarinaa kerrotaan täällä. Sen sijaan, että heittäisivät joukon tavaraa sivulle ja antaisivat käyttäjän valita mihin mennä, suunnittelija kannustaa käyttäjää selata sisältöä. Suunnittelija vie sinut tiettyyn matkaan, mikä on suunnilleen suunniteltua myyntipistettä.
Pixel Bleed
Pixel Bleed on sellaisen sivuston tyyppi, joka usein täysin hämmentää minua. Mikään siitä ei sovi normille. Logo ja navigointi ovat pohjalla, mikä tuntuu väärästä ... ja silti se toimii! Symmetria antaa mielenkiintoisen tasapainon suunnittelulle. Sivun alareunan visuaalisesti raskaimmilla elementeillä ulkoasu tuntuu maadoitetulta.
Duuel
Symmetria voi toisinaan pelata verkkosivujen aihealueella. Siinä tapauksessa että Duuel , ajatus kaksi suunnittelijat kaksintaistelu on järkevää. Suunnittelijat ovat tasaisesti ammattitaitoisia ja tasaisesti varusteltuja, ja symmetria hienosti vahvistaa tätä ajatusta.
kellot
Symmetria on myös hieno, kun yksinkertaisesti ei ole paljon sanottavaa. Päättäjät kellot ei tarvitse paljon selittää tuotteensa. Yksi sana tekee työtä. Itse asiassa sanoen enemmän olisi melkein päihitä kohta. Tietenkin kello on symmetrinen joka tapauksessa, joten se on ihanteellinen tällaiselle ulkoasulle.
Ryan M. Stryker
Yksi voimakas osa symmetriaa on sen kyky ohjata käyttäjän keskittyä. Kaikkien vertikaalisella akselilla tasapainotettu on luonnollisesti huomionosoitus. Ryan M. Stryker Nimen tässä on tässä keskeisessä paikassa, joten et ikävä. Sivusto toimii melkein kuin hissikorin, joka alkaa nimestä ja lähtee suunnittelijan yhteenvetoon. Kriittisiä tietoja hallitaan huolellisesti ja voimakkaasti. Suunnittelun ei tarvitse olla ylivoimainen; symmetria tekee suurimman osan työstä.
Kyseenalaisia merkkejä
Symmetrian ansiosta voit myös kommunikoida kaksi yhtä tärkeää tietoa. Ehkä tuotteellasi on kaksi kohdeyleisöä. Tai ehkä kaksi tuotetta ovat yrityksenne elinehto. Kuten näemme Kyseenalaisia merkkejä , symmetria voi taata samansuuruisen ilman aikaan kahdelle puolikkaalle koko.
Foodily
Symmetria on myös hyödyllinen silmänpurkauksen poistamiseksi suunnittelusta. Vaikka tämä ei ole syy yksin käyttää sitä, Foodily tekee vahvan asian sille, sen puhdas ja tyylikäs ulkoasu. Vaikka useimmat resepti-sivustot ylittävät sisällön, tämä on erittäin yksinkertaista. Harkitse omia sisältöjäsi ja mitä haluat poistaa, jos asettelu oli symmetrinen.
Ketju ei ole kuollut
Ketju ei ole kuollut yhdistää muutamia periaatteita, jotka olemme nähneet yllä, mutta joidenkin käänteiden avulla. Olen kiinnostunut siitä, että tämän symmetrisen asettelun ylimmän osan tuote on suositeltava. Epäilemättä suosittelut ovat hyödyllisiä online-markkinoinnissa, ja täällä yksi tärkeimmistä osista sivulta. Kuitenkin välittömästi alla oleva alue kantaa visuaalisen painon ja sisältää kaikki kriittiset tiedot ja toimintapyynnöt. Tuloksena on täysin tasapainoinen sisältö, joka leikkaa oikein haastamiseen. Joskus, jättämällä raskaat extrat ja pääsemällä suoraan pisteeseen, on paras tapa.
13 symmetristä verkkosivustoa
Edellä tarkastellut periaatteet koskevat myös seuraavia malleja. Harkitse, miten symmetria auttaa hallitsemaan näiden sivustojen käyttökokemusta.
johtopäätös
Symmetria on suunnittelun perusominaisuus, mutta silti se on helppo unohtaa. Rakastan miettiä, miten suunnittelun peruselementtejä sovelletaan todelliseen maailmaan. Usein nämä peruselementit paljastavat tehokkaita keinoja tiedon välittämiseen.
Onko sinulla ollut pysyvä rakkaus symmetriseen muotoiluun? Luuletko tämän tyylin rajoissa?