Skip to main content

Balance: die Grundprinzipien des Designs

So You Wanna Make Games?? | Episode 9: User Interface Design (Kann 2024)

So You Wanna Make Games?? | Episode 9: User Interface Design (Kann 2024)
Anonim

Balance im Design ist die Verteilung der Elemente des Designs. Balance ist eine visuelle Interpretation der Schwerkraft im Design. Große, dichte Elemente scheinen schwerer zu sein, während kleinere Elemente leichter erscheinen. Sie können Designs auf drei Arten ausgleichen:

  • symmetrisches Gleichgewicht
  • asymmetrisches Gleichgewicht
  • unstimmig oder aus dem Gleichgewicht geraten

Verwendung von Balance im Design

Das Gleichgewicht im Webdesign findet sich im Layout. Die Position der Elemente auf der Seite bestimmt, wie ausgewogen die Seite erscheint. Eine große Herausforderung für das Erreichen einer visuellen Balance im Webdesign ist die Falte. Sie können ein Layout entwerfen, das in der ursprünglichen Ansicht perfekt ausbalanciert ist, aber wenn der Leser die Seite scrollt, kann dies zu einem Ungleichgewicht führen.

Wie man Balance in Webdesigns einbezieht

Die gebräuchlichste Möglichkeit, Balance in Webdesigns zu integrieren, ist das Layout. Sie können aber auch die Float-Style-Eigenschaft verwenden, um Elemente zu positionieren und über die Seite zu verteilen. Um ein Layout symmetrisch auszubalancieren, ist es üblich, den Text oder andere Elemente auf der Seite zu zentrieren.

Die meisten Webseiten sind auf einem Rastersystem aufgebaut, wodurch sofort ein Gleichgewicht für die Seite entsteht. Kunden können das Raster sehen, auch wenn keine sichtbaren Linien vorhanden sind. Und Webseiten eignen sich aufgrund der quadratischen Natur von Web-Shapes gut für Rasterentwürfe.

Symmetrisches Gleichgewicht

Ein symmetrisches Gleichgewicht wird erreicht, indem Elemente sehr gleichmäßig in das Design eingefügt werden. Wenn Sie auf der rechten Seite ein großes, schweres Element haben, haben Sie auf der linken Seite ein entsprechendes schweres Element. Zentrieren ist der einfachste Weg, um eine symmetrisch ausgeglichene Seite zu erhalten. Seien Sie jedoch vorsichtig, da es schwierig sein kann, ein zentriertes Design zu erstellen, das nicht flach oder langweilig wirkt. Wenn Sie ein symmetrisch ausgeglichenes Design wünschen, ist es besser, die Balance mit verschiedenen Elementen zu erstellen, z. B. einem Bild links und einem großen Block mit schwerem Text rechts davon.

Asymmetrisches Gleichgewicht

Asymmetrisch ausgeglichene Seiten können schwieriger zu gestalten sein, da sie nicht über die Mittellinie des Designs hinweg übereinstimmen. Beispielsweise kann ein großes Element sehr nahe an der Mittellinie des Entwurfs platziert werden. Um es asymmetrisch auszugleichen, ist möglicherweise ein kleines Element weiter von der Mittellinie entfernt. Wenn Sie sich Ihr Design als schwankend oder wippend vorstellen, kann ein leichteres Element ein schwereres Element ausgleichen, indem es vom Schwerpunkt weiter entfernt ist. Sie können auch Farbe oder Textur verwenden, um ein asymmetrisches Design auszugleichen.

Diskordant oder Ungleichgewicht

Manchmal macht der Zweck des Designs einen unausgeglichenen oder unstimmigen Entwurf gut. Entwürfe, die aus dem Gleichgewicht geraten sind, deuten auf Bewegung und Aktion hin. Sie machen Menschen unwohl oder unbehaglich. Wenn der Inhalt Ihres Designs auch als unangenehm empfunden werden soll oder zum Nachdenken anregen soll, kann ein abweichendes Design gut funktionieren.