Wann ist Symmetrie im Webdesign angemessen?

Menschen mögen typischerweise Symmetrie - je symmetrischer etwas ist, desto mehr wird es als objektiv schön empfunden. Allerdings sind nur sehr wenige Websites perfekt symmetrisch. Tatsächlich ist das meiste Webdesign voll von asymmetrischem Design mit unterschiedlicher Intensität. Dies funktioniert, weil das Gleichgewicht wichtiger ist als die Symmetrie. Wie symmetrisch Sie Ihre Website machen, hängt von Ihrer Website und Ihren Zielen ab.

Perfekte Symmetrie gegen angenäherte Symmetrie

Die meisten Websites sind nicht perfekt symmetrisch, das heißt, Sie könnten sie nicht in zwei Hälften schneiden, reflektieren und das gleiche Layout erhalten. Einer der häufigsten Layouttypen - eine einzelne Seitenleiste mit einem breiteren Element für den Inhalt - ist normalerweise asymmetrisch. Perfekte Symmetrie in einer Website ist entweder eine künstlerische Wahl oder modular - wie beispielsweise die Website für den National Novel Writing Month, bei der eine lange Kopfzeile, symmetrische modulare Elemente und dann eine lange Fußzeile verwendet werden.

Professionalität versus Artistik

Perfekt symmetrisch oder radikal asymmetrisch zu sein, ist in der Regel eine künstlerische Entscheidung. Wenn Sie eine persönliche Website erstellen, um ein bestimmtes künstlerisches Talent oder eine bestimmte Fertigkeit wie Musik, Design oder Kunst zu präsentieren, können Sie eine Website entwerfen, die Symmetrie oder Asymmetrie verwendet, je nach Ihrem Thema. Bei Designs, die auf einen professionelleren Besucher abzielen, ist es jedoch eher sinnvoll, sich an ein ungefähr symmetrisches Layout zu halten. Während schlecht genutzte Symmetrie als stabil angesehen werden kann, ist der Standard sicher. Gehen Sie zur Website Ihrer Bank und Sie haben eine Vorstellung davon, wie ein Design eine breite Kundenbasis ansprechen soll.

Konzentrieren Sie sich auf die Benutzerfreundlichkeit

Ungefähr symmetrische Designs sind leicht zu verstehen und zu befolgen. Da der Fluss des Inhalts in der Regel logisch ist, können Besucher mitverfolgen, ohne sich zerstreut oder verloren zu fühlen. Je mehr Inhalte Sie haben, sei es in Form von Bildern oder großen Textmengen, desto weniger komplex sollte Ihr Design sein. Wenn es Besuchern schwer fällt, den Inhalten zu folgen oder zu wissen, wohin sie gehen sollen, bleiben sie weniger wahrscheinlich.

Balance und Asymmetrie

Der Grund für die Asymmetrie im Webdesign ist - und funktioniert gut -, weil es ausgewogen bleibt. Laut Joshua David McClurg-Genevese in seinem Artikel "The Principles of Design" ist das Gleichgewicht der Elemente und ihr visuelles Gewicht auf der Seite. Die meisten Websites mit asymmetrischem Design gleichen visuelle Elemente und große Textblöcke aus. Die Asymmetrie hat den Vorteil, dass sich das Auge auf der Website bewegt und der Besucher auf subtile Weise zu den wichtigsten Inhalten geleitet wird.

Beispiele für symmetrisches Design

Ein allgemeines symmetrisches Layout ist die Verwendung von zwei Spalten auf beiden Seiten des Hauptteils des Inhalts. Es ist besonders beliebt in Blogs. Schauen Sie sich Facebook an, das eine starke Symmetrie aufweist, obwohl es nicht universell symmetrisch ist. Google+ verwendet ein sehr ähnliches Design. Ein anderes Beispiel ist das Design von Twitter, das annähernd die Symmetrie mit auf der Seite zentrierten Spalten aufweist. In einer anderen Richtung befindet sich die Hauptseite von Myspace. Anstelle von Spalten weist es annähernd horizontale und vertikale Symmetrie auf: Die ersten beiden Reihen sind meistens symmetrisch zueinander und die unteren Module sind meistens symmetrisch zueinander.

Beispiel für asymmetrisches Design

Designer Patrick McNeil schrieb einen Artikel für "Webdesigner Depot" mit dem Namen "Asymmetrical Balance in Web Design", der mehrere Beispiele für asymmetrisches Design enthält. Ein anderes Beispiel ist die Blizzard-Website, auf der große visuelle Elemente mit einem visuellen Textblock zwischen Kopfzeile und Inhalt der Seite abgeglichen werden.

Beliebte Beiträge