So erstellen Sie Muster in Design-Projekten

Denken Sie daran, wie viele Muster Sie in Ihrem Alltag befolgen. Vom Aufwachen über die Arbeit bis zum nächtlichen Einschlafen ist der Tag mit diesen kleinen sich wiederholenden Elementen gefüllt, die Ordnung und Ruhe schaffen. Muster im Design tun genau das Gleiche: Diese sich wiederholenden Elemente können einem Projekt Ordnung bringen und ein Gefühl von Ruhe (oder Chaos) erzeugen, um einen Ton zu setzen.

Das ist der wahre Reiz eines Musters. Es hilft Benutzern dabei, durch eine Ästhetik zu lenken, indem sie dem Muster oder der Reihe von Objekten folgt und den Benutzern erklärt, wie sie mit etwas interagieren sollen. Designer können Muster auf verschiedene Weise erstellen - mit Hintergründen, Objekten, Farben, Wörtern, Panels oder mit einer Kombination dieser Elemente.

Was ist ein Muster?

Eine Anordnung wiederholter oder entsprechender Teile, dekorativer Motive usw.? - Collins English Dictionary

Ein Muster kann jede Art von sich wiederholenden Objekten, Wörtern, Farben oder Formen enthalten. Zu Designzwecken umfasst ein Muster Elemente, bei denen Sie eine Verbindung oder Wiederholung in der Gesamtästhetik sehen können. Während viele davon ausgehen, dass Muster ordinalen und symmetrischen Anordnungen entsprechen, ist dies nicht immer der Fall. Muster können in jedes Array fallen. Manchmal ist die Desorganisation das Muster selbst.

Muster können von einer beliebigen Anzahl von Sinnen erkannt werden. Visuelle Muster sind oft chaotischer als erzeugte. Natürliche Muster umfassen Spiralen, Wellen, Risse und Rotationen. Nahezu jedes Gewebe oder perfekte Muster wird speziell für visuelle Harmonie erstellt, auch wenn die Grundformen aus der Natur stammen.

Mit Hintergründen

Hintergründe sind eines der ersten Dinge, die einem einfallen, wenn man über Muster spricht. Kleine oder subtile, sich wiederholende Muster, beliebt bei Tapeten (Heim- und Desktopvarianten), sind beliebte Möglichkeiten, um den Grundbereich eines Designprojekts tiefer zu gestalten. Einige Designer entscheiden sich auch für größere oder mutigere Hintergrundmuster, obwohl dies nicht so häufig ist. (Zu viele Aktivitäten im Hintergrund können von der Nachricht im Vordergrund ablenken.)

Was sind also einige gängige Techniken, um ein ansprechendes Hintergrundmuster zu erstellen?

  • Einfachheit: Einfache Hintergrundmuster sind effektiv und erhöhen die Tiefe, ohne dass sich der Benutzer auf diesen Aspekt des Designs konzentriert. Die besten Hintergründe fallen per se in die Landschaft und dienen nur dazu, den Hauptteil des Designs hervorzuheben.
  • Logos: Für viele Marken sind kleine sich wiederholende Logos ein üblicher Hintergrundstil. (Auch wenn es einige gibt, die mit einem Hintergrundlogo überdimensioniert sind.) Wiederholte Logos können dazu beitragen, eine Markenanbindung herzustellen.
  • Neutrale Palette: Farbe ist einer der häufigsten Faktoren beim Hintergrunddesign. Und neutrale Paletten dominieren überwiegend. Selbst mit dem Trend, verwaschene Bilder für Hintergründe zu verwenden - was derzeit sehr beliebt ist -, werden Farben und Formen bis zur Neutralität verwischt, bei der Objekte und Farben nur ineinander übergehen.
  • Symmetrie: Hintergrundmuster fallen häufig in ordinale Formen. Bei sich wiederholenden Elementen könnte das Muster häufig verschoben, beschriftet, umgekehrt oder auf beliebige Weise verändert werden und hat dennoch das gleiche allgemeine Erscheinungsbild.
  • Wiederholung: Wiederholte Objekte sind auch in Hintergrundmustern beliebt. Diese einfache Technik kann einem ansonsten flachen Schema Tiefe verleihen.

Durch Gruppieren von Objekten

Ähnliche Formen und Objekte scheinen bei Verwendung in unmittelbarer Nähe miteinander in Einklang zu sein. Die naheliegendste Wahl für das Gruppieren von Objekten für Muster ist das Gruppieren von Objekten mit derselben Form und Größe. Dies ist jedoch nicht immer erforderlich.

In den Bildern oben zeigt Jonathan Pattersons Portfolio ein offensichtliches Muster mit neun identisch geformten Boxen, die Formen gleicher Größe enthalten. Das Muster ist klar und ansprechend. Das im Bild für Dots Printhaus verwendete Muster ist weniger "perfekt". aber genauso offensichtlich, mit einer Reihe ähnlicher Formen in unterschiedlichen Größen.

Dies zeigt, dass Objekte auf verschiedene Arten gruppiert werden können, aber dennoch ein Mustergefühl erzeugen:

  • Ähnliche Formen
  • Unterschiedliche Formen in ähnlichen Größen
  • Formen ordnen ein Objekt an
  • Formen, die durch Linien oder andere Elemente verbunden sind
  • Formen mit ähnlicher Anzahl von Punkten oder Enden

Durch Wiederholen der Farbe

Muster können durch Erstellen eines Themas mit Farbe erstellt werden. Dazu gehören Objekte oder Elemente der gleichen Farbe oder sogar das Arbeiten mit Elementen, die ähnliche Farben haben. wie Sättigung, Helligkeit oder Farbton. Farbmuster werden häufig verwendet, um den Benutzern mitzuteilen, was mit einem Design zu tun ist. So ist es beispielsweise bei der Gestaltung einer Website üblich, dass alle anklickbaren Schaltflächen einfarbig sind. Dies erzeugt ein Muster ästhetisch und für das Benutzerverhalten (d. H. Sie klicken auf alles, was rot ist).

In den obigen Beispielen wird Farbe auf unterschiedliche Weise verwendet. Brand Aid Design verwendet Farbe, um Elemente zu unterscheiden und ein Muster mit Symbolen unterschiedlicher Form und Größe zu erstellen. Ro und Co verwendet Farbe für einen Hintergrund und denselben Farbton für kleinere Bilder auf der Website. Diese farbliche Verbindung verbindet jedes der kleineren Bilder mit dem Gesamtdesign in einem Muster, das keine Symmetrie aufweist und nur wenig offensichtlich ist.

Verwenden Sie Farbe, um Muster zu erstellen:

  • Verbindung zwischen Objekten herstellen
  • Erstellen Sie ein Gefühl für die Verwendung eines Designs
  • Stellen Sie einen visuellen Ton ein
  • Fügen Sie ein Muster hinzu, an dem sonst kein Muster vorhanden ist
  • Zeichnen Sie Benutzer von einem Objekt zum nächsten

Mit sich wiederholenden Wörtern

Das Wiederholen von Wörtern kann ein visuelles oder audiales Muster erzeugen. Wenn Sie dasselbe Wort immer wieder sehen, verbinden Sie es mit dem Design oder der Nachricht. (Die Casper Sleep-Site verwendet beispielsweise zweimal das Wort? Sleep? In einem Design mit weniger als 20 Wörtern. Außerdem wird der Markenname zweimal verwendet.)

Bay Street Biergarten macht etwas Ähnliches, spielt aber auf Ihnen, wenn Sie die Site laut lesen.Das sich wiederholende Bild eines Bären und die Verbindung zu Biergläsern und Wörtern "Craft Beer"? Alle beginnen das gleiche Pattern zu spielen. Jedes Element im Design sagt Bier. (Clever, nicht wahr?)

Verwenden Sie Wörter, um Muster auch auf andere Weise zu erstellen:

  • Wörter oder Sätze wiederholen
  • Wörter, die ähnlich aussehen (viele gleiche Buchstaben)
  • Wörter und Bilder, die dasselbe sagen
  • Mehrere Wörter, die dieselbe Bedeutung haben
  • Wörter von ähnlicher Länge (wie viele lange oder kurze Sätze, um Rhythmus zu erzeugen)

Mit Panels mit ähnlichen Abmessungen

Designtrends wie Kartenprojekte oder Parallax-Scrolling-Websites haben es den Panels ermöglicht, Muster in Designprojekten zu erstellen. Von Kartengruppen über Pinterest-inspirierte Kacheln bis zum Scrollen von Bildschirmen. Gruppen von Panels erstellen offensichtliche Muster für Benutzer. Diese Bereiche stellen Unterschiede und Verbindungen zwischen Objekten her und informieren Benutzer über Änderungen an den Informationen, die sie sehen.

Diese Platten können in beliebiger Form und Größe (vertikal oder horizontal) und in verschiedenen Farben sein. Die 10 Past Ten-Website ist ein hervorragender Job, um unterschiedliche Panels in einem Parallax-Framework mit Farb- und Produktpositionierung einzurichten, sodass die Benutzer eine Idee deutlich von der anderen unterscheiden können. Handwerker Ave. Eine etwas andere Herangehensweise verfolgt das Design mit einem großen Panel, gefolgt von Panels innerhalb von Panels, wobei das Muster im Musterstil abwechselnd angezeigt wird.

Verwenden Sie Panels, um:

  • Verknüpfen Sie wie Elemente
  • Szenen einstellen
  • Erstellen Sie einen Informationsfluss
  • Legen Sie die Dominanz mithilfe mehrerer Bilder fest
  • Erzähle eine visuelle Geschichte

Fazit

Muster können auf verschiedene Arten entworfen werden, um die Auswirkungen zu variieren. Erstellen Sie Muster, die mit dem Ton arbeiten, den ein Projekt haben soll. Symmetrische Gruppierungen sind organisiert und beruhigend, mehr zufällig gepaarte Elemente können sich störend und aufgeregt fühlen.

Fühlen Sie sich nicht so, als müssten Sie sich an eine Art Muster halten. Mischen und kombinieren Sie verschiedene Arten von Mustern, um die Auswirkungen an verschiedenen Orten zu beeinflussen. Verschiedene Teile desselben Projekts können unterschiedliche Arten von Mustern an unterschiedlichen Orten enthalten. (Und das ist völlig akzeptabel.)