När skulle symmetri vara lämplig i webbdesign?

Människor brukar tycka om symmetri - ju mer symmetrisk är något, desto mer uppfattas det som objektivt vackert. Med detta sagt är väldigt få webbplatser helt symmetriska. Faktum är att den flesta webbdesign är full av asymmetrisk design med varierande intensitet. Detta fungerar eftersom viktigare än symmetri är balans. Hur symmetrisk du gör din webbplats beror på din webbplats och dina mål.

Perfekt Symmetri Versus Approximate Symmetry

De flesta webbplatser är inte helt symmetriska, det vill säga att du inte kan klippa dem i hälften, reflektera dem och få samma layout. En av de vanligaste layouttyperna - ett enda sidofält till ett större innehåll för innehållet - är vanligtvis asymmetrisk. Perfekt symmetri på en webbplats är antingen ett konstnärligt val eller modulärt - till exempel webbplatsen för National Novel Writing Month, som använder långa, symmetriska modulära element och sedan en lång sidfot.

Professionalism Versus Artistry

Att vara perfekt symmetrisk eller radikalt asymmetrisk är typiskt ett konstnärligt val. Om du bygger en personlig webbplats för att visa upp en specifik konstnärlig talang eller färdighet - som musik, design eller konst - känner du dig fri att utforma en webbplats som använder symmetri eller asymmetri som passar ditt tema. Men för mönster som är inriktade mot en mer professionell besökare är det lämpligare valet att hålla sig till en standard ungefär symmetrisk layout. Medan dåligt använd symmetri kan ses som staid gör standarden det säkert. Gå till din banks hemsida och du kommer att få en uppfattning om vad en design menat att vädja till en bred konsumentbas ser ut.

Fokusera på användarvänlighet

Cirka symmetriska mönster är lätta att förstå och följa. Eftersom flödet av innehållet är typiskt logiskt kan besökare följa utan att känna sig utspridda eller förlorade. Ju mer innehåll du har, antingen i form av bilder eller stora mängder text, desto mindre komplexa ska din design vara. Om besökarna har svårt att följa innehållet eller förstå var de ska gå, är de mindre benägna att hålla sig kvar.

Balans och asymmetri

Anledningen till att asymmetri i webbdesign fungerar - och fungerar bra - är att den är fortsatt balanserad. Enligt Joshua David McClurg-Genevese i sin artikel "Designprinciperna" är balansen jämvikten mellan element och deras synvikt på sidan. De flesta webbplatser som har asymmetrisk design balansvisa visuella element och stora textblock. En av fördelarna med asymmetri är att det hjälper ögat att röra sig längs webbplatsen, vilket direkt leder besökare till det viktigaste innehållet.

Exempel på symmetrisk design

En vanlig symmetrisk layout är användningen av två kolumner på vardera sidan av huvuddelen av innehållet. Det är särskilt populärt på bloggar. Titta på Facebook, som har stark symmetri med även om den inte är universellt symmetrisk; Google+ använder en mycket liknande design. Ett annat exempel är Twitters design, som har ungefärlig symmetri med kolumner som är centrerade på sidan. I en annan åt är huvudmyspace-sidan. I stället för kolumner har den ungefärlig horisontell och vertikal symmetri: de två första raderna är mest symmetriska med varandra och bottenmodulerna är oftast symmetriska med varandra.

Exempel på asymmetrisk design

Designer Patrick McNeil skrev en artikel för "Webdesigner Depot" som heter "Asymmetrisk Balans i Web Design", som innehåller flera exempel på asymmetrisk design. Ett annat exempel är Blizzards hemsida, som använder stora visuella element balanserade med ett visuellt textblock mellan rubriken och sidans innehåll.