{"id":35447,"date":"2024-06-03T04:33:59","date_gmt":"2024-06-02T18:33:59","guid":{"rendered":"https:\/\/datalabsagency.com\/2023\/07\/06\/grundsaetze-der-datengestaltung-wiederholung-ausrichtung-symmetrie-in-der-datenvisualisierung\/"},"modified":"2024-10-09T17:56:44","modified_gmt":"2024-10-09T07:56:44","slug":"grundsaetze-der-datengestaltung-wiederholung-ausrichtung-symmetrie-in-der-datenvisualisierung","status":"publish","type":"post","link":"https:\/\/www.datalabsagency.com\/de\/2024\/06\/03\/grundsaetze-der-datengestaltung-wiederholung-ausrichtung-symmetrie-in-der-datenvisualisierung\/","title":{"rendered":"Grunds\u00e4tze der Datengestaltung: Wiederholung, Ausrichtung, Symmetrie in der Datenvisualisierung"},"content":{"rendered":"

Die Verwendung von Wiederholung, Ausrichtung und Symmetrie bei der Gestaltung von Datenvisualisierungen<\/h1>\n

\"Cartoon-Bild\"<\/span><\/p>\n

Wir sind am Ende unserer Serie \u00fcber die Grunds\u00e4tze der Datengestaltung angelangt. In diesem letzten Beitrag wollen wir die grundlegendste Frage stellen: Was genau ist<\/em> Data Viz?<\/span><\/p>\n

Einfach ausgedr\u00fcckt: Die Datenvisualisierung vergleicht mehrere Werte und stellt die Informationen in einen Kontext<\/strong>. Das Verfahren besteht aus zwei Schritten:<\/span><\/p>\n

    \n
  1. Entdecken: die Sammlung und Organisation von Daten<\/span><\/li>\n
  2. Kommunikation: Planung und Umsetzung einer Kommunikationsstrategie, um die Daten an das Zielpublikum weiterzugeben<\/span><\/li>\n<\/ol>\n

    Der zweite Teil ist ein komplizierter Gestaltungsprozess mit
    \n
    \n Farben<\/a>
    \n <\/span>
    \n<\/span>,
    \n     Hierarchie<\/a>,<\/span>
    \n<\/span> und
    \n
    \n     Fotografie<\/a>
    \n <\/span>
    \n<\/span>\u00fcber die wir ausf\u00fchrlich gesprochen haben. Es gibt Hunderte von M\u00f6glichkeiten, Daten zu visualisieren.<\/span><\/p>\n

     <\/p>\n

    “Von allen Methoden zur Analyse und Vermittlung statistischer Informationen sind gut gestaltete Datengrafiken in der Regel die einfachsten und gleichzeitig die leistungsf\u00e4higsten.”<\/span><\/h3>\n

    – Edward Tufte<\/span><\/h3>\n

     <\/p>\n

    Das menschliche Gehirn ist als “Mustererkennungsmaschine” bezeichnet worden. Gute Datenvisualisierung sollte sein <\/span>verst\u00e4ndlich<\/strong>, <\/span>einpr\u00e4gsam,<\/strong> und <\/span>umsetzbar<\/strong>. F\u00fcr Designer ist es von entscheidender Bedeutung, die Daten zu vereinfachen, damit sie leichter in etwas Visuelles \u00fcbersetzt werden k\u00f6nnen, das die Betrachter ohne Probleme verstehen und entziffern k\u00f6nnen.<\/span><\/p>\n

    Es gibt einige Tricks, um Ihre Datenvisualisierung verst\u00e4ndlich und einpr\u00e4gsam zu gestalten, z. B. durch Wiederholungen, Ausrichtung und Symmetrie. <\/span><\/p>\n

    \"Design-Wiederholungsgrafik,<\/h2>\n

    Wiederholung mit Daten gestalten: Ausrichtung und Symmetrie im Auge behalten<\/h2>\n

    1. Das Prinzip der Wiederholung im Design<\/h3>\n

    Wiederholung bedeutet nicht die Wiederholung genau derselben visuellen Elemente in einem Entwurf, sondern die Wiederverwendung \u00e4hnlicher Elemente, um ein zusammenh\u00e4ngendes Werk zu schaffen. Bei komplexen Entw\u00fcrfen, wie z. B. der Datenvisualisierung, schafft die Wiederholung ein Gef\u00fchl der Einheitlichkeit und Konsistenz und st\u00e4rkt das Design.<\/span><\/p>\n

    Manche sagen, dass Wiederholungen im Design eine Art Gehirnw\u00e4sche sind – je \u00f6fter die Menschen es sehen, desto vertrauter wird es ihnen und desto besser k\u00f6nnen sie es sich merken. Es liegt in der menschlichen Natur, sich von Vertrautheit angezogen zu f\u00fchlen.<\/span><\/p>\n

    Bei der Kommunikation von Daten kann die Wiederholung durch die Verwendung \u00e4hnlicher Diagrammtypen<\/a>, Formen oder Farben im Design zum Ausdruck kommen. Durch die Wiederholung schaffen die Designer nonverbal eine Assoziation zwischen den Elementen und vermitteln dem Betrachter, dass die verschiedenen Inhalte miteinander in Beziehung stehen.<\/span><\/p>\n

    2. Das Prinzip der Angleichung im Design<\/h3>\n

    Die Ausrichtung bezieht sich auf die Anordnung der grafischen Elemente in einer Art Raster – entweder vertikal oder horizontal. <\/span><\/p>\n

    Horizontale Ausrichtung<\/strong> umfasst:<\/span><\/p>\n

      \n
    1. Linksb\u00fcndig \u2192 Bezugspunkt ist der linke Rand<\/span><\/li>\n
    2. Rechtsb\u00fcndig \u2192 Bezugspunkt ist der rechte Rand<\/span><\/li>\n
    3. Zentriert \u2192 Referenzpunkt ist eine imagin\u00e4re Linie in der Mitte der Seite<\/span><\/li>\n
    4. Voller Blocksatz \u2192 Ziel ist ein gleichm\u00e4\u00dfiger Blocksatz an allen R\u00e4ndern, auch erzwungener Blocksatz genannt.<\/span><\/li>\n<\/ol>\n

      Mit <\/span>vertikaler Ausrichtung<\/strong>gelten die gleichen Regeln, allerdings in vertikaler Richtung – entweder oben, unten oder in der Mitte (Zentrum).<\/span><\/p>\n

      Wozu brauchen wir also Gitternetze? Nun, wir brauchen<\/em> sie eigentlich nicht, aber sie hilft bei der Platzierung von Text und Grafiken in einem Entwurf.<\/span><\/p>\n

      3. Symmetrie im Grafikdesign<\/h3>\n

      Unser Gehirn ist so verdrahtet, dass es Symmetrie liebt – wir empfinden eine gewisse Befriedigung, wenn die Dinge geordnet und organisiert sind. Im Design bietet die Symmetrie einen geordneten Ansatz, der es dem Betrachter erleichtert, Elemente zu finden. Dies wird auch als Gleichgewicht bezeichnet. Es gibt zwei verschiedene M\u00f6glichkeiten, ein Gleichgewicht zu erreichen:<\/span><\/p>\n

      Formelles Gleichgewicht<\/strong><\/h4>\n

      Wird in sehr einfachen und spezifischen Layouts mit wenig Gebrauchselementen verwendet. Dies ist der Fall, wenn das Design ein sehr spezifisches Ziel verfolgt. Das Design der Google-Homepage beispielsweise ist formal ausgewogen. Wenn Google eine un\u00fcbersichtlich aussehende Hauptseite h\u00e4tte, k\u00f6nnten die Nutzer abgelenkt werden, wenn sie etwas recherchieren wollen – was den Zweck von Google als Suchmaschine zunichte macht.<\/p>\n

      Informelles Gleichgewicht<\/strong><\/h4>\n

      Bei dieser Art von Gleichgewicht wird ein gewisses Ma\u00df an Asymmetrie in der Gestaltung in Kauf genommen, wenn auch mit dem erkennbaren Bem\u00fchen, das Gleichgewicht der Inhalte auf beiden Seiten der vertikalen\/horizontalen Achse zu wahren. Der Designer ist also nicht gezwungen, eine strenge Symmetrie einzuhalten, versucht aber dennoch, die Regeln des Gleichgewichts zu nutzen und eine einigerma\u00dfen gleichm\u00e4\u00dfige Verteilung der Elemente einzuf\u00fcgen.<\/p>\n

       <\/p>\n

      Warum Wiederholung, Ausrichtung und Symmetrie?<\/h2>\n

      Zusammenfassend l\u00e4sst sich sagen, dass Wiederholung, Ausrichtung und Symmetrie grundlegende Designprinzipien sind, die auf verschiedene Weise zur Effektivit\u00e4t und Klarheit der Datenvisualisierung beitragen:<\/p>\n

        \n
      1. Wiederholung:<\/strong>\n