Wanneer zou Symmetry geschikt zijn voor webdesign?

Mensen houden meestal van symmetrie - hoe meer symmetrisch iets is, hoe meer het als objectief mooi wordt ervaren. Dat gezegd hebbende, zijn maar heel weinig websites perfect symmetrisch. In feite is het meeste webontwerp vol asymmetrisch ontwerp met variërende intensiteit. Dit werkt omdat belangrijker dan symmetrie het evenwicht is. Hoe symmetrisch u uw website maakt, hangt af van uw website en uw doelen.

Perfecte symmetrie versus benaderende symmetrie

De meeste websites zijn niet perfect symmetrisch, dat wil zeggen dat je ze niet in tweeën kunt knippen, ze kunt weerspiegelen en dezelfde lay-out kunt krijgen. Een van de meest voorkomende lay-outtypen - een enkele zijbalk voor een breder element voor de inhoud - is meestal asymmetrisch. Perfecte symmetrie in een website is een artistieke keuze of een modulaire - zoals de website voor National Novel Writing Month, die een lange header, symmetrische modulaire elementen en dan een lange voettekst gebruikt.

Professionaliteit versus kunstenaarschap

Symmetrisch of radicaal asymmetrisch gaan is meestal een artistieke keuze. Als je een persoonlijke website aan het maken bent om een ​​specifiek artistiek talent of een bepaalde vaardigheid te tonen - zoals muziek, design of kunst - dan kun je een website ontwerpen die symmetrie of asymmetrie gebruikt zoals het jouw thema past. Voor ontwerpen die zijn gericht op een professionelere bezoeker, is vasthouden aan een standaard bij benadering symmetrische lay-out de geschiktere keuze. Hoewel slecht-gebruikte symmetrie als vaststaand kan worden gezien, maakt de standaard het veilig. Ga naar de website van uw bank en u krijgt een idee van hoe een ontwerp dat bedoeld is om een ​​breed klantenbestand aan te spreken eruit ziet.

Focus op gebruiksgemak

Ongeveer symmetrische ontwerpen zijn gemakkelijk te begrijpen en volgen. Omdat de stroom van de inhoud meestal logisch is, kunnen bezoekers meevolgen zonder zich verstrooid of verloren te voelen. Hoe meer inhoud je hebt, of het nu afbeeldingen zijn of grote hoeveelheden tekst, hoe minder complex je ontwerp zou moeten zijn. Als bezoekers moeite hebben om de inhoud te volgen of te weten waar ze naartoe moeten, blijven ze minder vaak hangen.

Evenwicht en asymmetrie

De reden waarom asymmetrie in webontwerp werkt - en werkt goed - is omdat het evenwichtig blijft. Volgens Joshua David McClurg-Genevese is evenwicht in zijn artikel "The Principles of Design" het evenwicht van elementen en hun visuele gewicht op de pagina. De meeste websites met asymmetrisch ontwerp balanceren visuele elementen en grote blokken tekst. Een van de voordelen van asymmetrie is dat het helpt het oog langs de site te bewegen en bezoekers op subtiele wijze naar de belangrijkste inhoud leidt.

Voorbeelden van symmetrisch ontwerp

Een gemeenschappelijke symmetrische lay-out is het gebruik van twee kolommen aan weerszijden van het grootste deel van de inhoud; het is vooral populair op blogs. Kijk naar Facebook, dat sterke symmetrie vertoont met, hoewel het niet universeel symmetrisch is; Google+ gebruikt een vergelijkbaar ontwerp. Een ander voorbeeld is Twitter's ontwerp, dat een benaderende symmetrie met kolommen gecentreerd op de pagina kenmerkt. In een andere geest is de belangrijkste Myspace-pagina. In plaats van kolommen heeft het een benaderde horizontale en verticale symmetrie: de eerste twee rijen zijn meestal symmetrisch met elkaar en de onderste modules zijn meestal symmetrisch ten opzichte van elkaar.

Voorbeeld van asymmetrisch ontwerp

Ontwerper Patrick McNeil schreef een artikel voor 'Webdesigner Depot' genaamd 'Asymmetrical Balance in Web Design', dat verschillende voorbeelden van asymmetrisch ontwerp bevat. Een ander voorbeeld is de Blizzard-website, die grote visuele elementen gebruikt in evenwicht met een visueel tekstblok tussen de koptekst en de inhoud van de pagina.