So erstellen Sie Muster in Designprojekten
Überlegen Sie, wie viele Muster Sie in Ihrem Tagesablauf befolgen. Vom Aufwachen und Vorbereiten für die Arbeit bis zum Einschlafen jede Nacht ist der Tag mit diesen kleinen sich wiederholenden Elementen gefüllt, die Ordnung und Ruhe schaffen. Muster im Design machen genau das Gleiche: Diese sich wiederholenden Elemente können Ordnung in ein Projekt bringen und ein Gefühl der Ruhe (oder des Chaos) erzeugen, um einen Ton anzugeben.
Das ist der wahre Reiz eines Musters. Es hilft Benutzern, durch eine Ästhetik zu führen, indem es dem Muster oder der Reihe von Objekten folgt, und zeigt Benutzern, wie sie mit etwas interagieren sollen. Designer können Muster auf verschiedene Arten erstellen - mit Hintergründen, Objekten, Farben, Wörtern, Bedienfeldern oder mithilfe einer Kombination dieser Elemente.
Entdecken Sie Envato-Elemente
Was ist ein Muster?
"Eine Anordnung von wiederholten oder entsprechenden Teilen, dekorativen Motiven usw." - Collins English Dictionary
Ein Muster kann jede Art der Wiederholung von Objekten, Wörtern, Farben oder Formen enthalten. Zu Entwurfszwecken umfasst ein Muster alle Elemente, bei denen Sie eine Verbindung oder Wiederholung in der Gesamtästhetik erkennen 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 Desorganisation das Muster selbst.
Muster können von einer beliebigen Anzahl von Sinnen erkannt werden. Visuelle Muster sind oft chaotischer als erstellte. Natürliche Muster umfassen Spiralen, Wellen, Risse und Rotationen. Fast jedes textile oder perfekte Muster wird speziell für die visuelle Harmonie geschaffen, selbst wenn die Grundformen von der Natur abgeleitet sind.
Mit Hintergründen
Eines der ersten Dinge, die mir in den Sinn kommen, wenn ich über Muster spreche, sind Hintergründe. Kleine oder subtile sich wiederholende Muster, die durch Tapeten (Heim- und Desktop-Varianten) populär gemacht werden, sind beliebte Methoden, um dem Grundraum eines Designprojekts Tiefe zu verleihen. Einige Designer entscheiden sich auch für größere oder mutigere Hintergrundmuster, obwohl dies nicht so häufig vorkommt. (Zu viel Aktivität im Hintergrund kann 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 verleihen Tiefe, ohne dass sich Benutzer tatsächlich auf diesen Aspekt des Designs konzentrieren. 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 gängiger Hintergrundstil. (Obwohl es einige gibt, die auch mit einem Hintergrundlogo übergroß sind.) Wiederholte Logos können helfen, eine Markenverbindung herzustellen.
- Neutrale Palette: Farbe ist einer der häufigsten Faktoren bei der Hintergrundgestaltung. Und neutrale Paletten dominieren überwiegend. Selbst mit dem Trend, unscharfe Bilder für Hintergründe zu verwenden - was derzeit sehr beliebt ist - werden Farben und Formen bis zur Neutralität verwischt, wo Objekte und Farben einfach ineinander übergehen.
- Symmetrie: Hintergrundmuster fallen häufig in Ordnungsformen. Bei sich wiederholenden Elementen kann das Muster häufig auf verschiedene Arten verschoben, betitelt, umgekehrt oder geä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 fast miteinander in Einklang zu stehen. Während die offensichtliche Wahl zum Gruppieren von Objekten für Muster darin besteht, Objekte mit derselben Form und Größe zu gruppieren, ist dies nicht immer erforderlich.
In den obigen Bildern erstellt Jonathan Pattersons Portfolio ein offensichtliches Muster mit neun identisch geformten Kästchen, die Formen derselben 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 unterschiedliche Weise gruppiert werden können, aber dennoch ein Gefühl für Muster erzeugen:
- Ähnliche Formen
- Unterschiedliche Formen in ähnlichen Größen
- Formen ordnen an, um ein Objekt zu erstellen
- Formen, die durch Linien oder andere Elemente verbunden sind
- Formen mit ähnlicher Anzahl von Punkten oder Enden
Durch Wiederholen der Farbe
Das Muster kann durch Erstellen eines Themas mit Farbe erstellt werden. Dies schließt Objekte oder Elemente derselben Farbe ein oder arbeitet sogar mit Elementen, die ähnliche Farbempfindungen haben, wie z. B. Sättigung, Helligkeit oder Farbton. Farbmuster werden häufig verwendet, um Benutzern zu sagen, was mit einem Design zu tun ist. Im Website-Design ist es beispielsweise üblich, dass alle anklickbaren Schaltflächen eine einzige Farbe haben. Dadurch wird ein Muster ästhetisch und für das Benutzerverhalten erstellt (dh Sie klicken auf alles, was rot ist).
In den obigen Beispielen wird Farbe auf deutlich unterschiedliche Weise verwendet. Brand Aid Design verwendet Farben, um Elemente zu unterscheiden und ein Muster mit Symbolen unterschiedlicher Formen und Größen zu erstellen. Ro und Co verwenden Farbe für einen Hintergrund und denselben Farbton für kleinere Bilder auf der gesamten Website. Diese Farbverbindung verbindet jedes der kleineren Bilder mit dem Gesamtdesign in einem Muster, das keine Symmetrie und nur einen sehr geringen offensichtlichen Unterschied aufweist.
Verwenden Sie Farbe, um Muster zu erstellen für:
- Stellen Sie eine Verbindung zwischen Objekten her
- Erstellen Sie ein Gefühl für die Verwendung eines Designs
- Legen Sie einen visuellen Ton fest
- Fügen Sie ein Muster hinzu, in dem sonst möglicherweise kein Muster vorhanden ist
- Zeichnen Sie Benutzer von einem Objekt zum nächsten
Mit sich wiederholenden Worten
Wiederholte Wörter können ein visuelles oder akustisches Muster erzeugen. Wenn Sie immer wieder dasselbe Wort sehen, verbinden Sie es mit dem Design oder der Nachricht. (Auf der Casper Sleep-Website wird beispielsweise das Wort „Sleep“ in einem Design mit weniger als 20 Wörtern zweimal verwendet. Außerdem wird der Markenname zweimal verwendet.)
Bay Street Biergarten macht etwas Ähnliches, spielt aber damit, dass Sie die Seite laut vorlesen. Das sich wiederholende Bild eines Bären und die Verbindung zu Biergläsern und die Worte „Craft Bier“ spielen alle das gleiche Muster ab. Jedes Element im Design sagt Bier. (Clever, was?)
Verwenden Sie Wörter, um Muster auch auf andere Weise zu erstellen:
- Wörter oder Sätze wiederholen
- Wörter, die ein ähnliches Aussehen haben (viele der gleichen Buchstaben)
- Wörter und Bilder, die dasselbe sagen
- Mehrere Wörter mit derselben Bedeutung
- Wörter von ähnlicher Länge (wie viele lange oder kurze Sätze, um Rhythmus zu erzeugen)
Mit ähnlich großen Panels
Designtrends wie Projekte im Kartenstil oder Parallax-Scrolling-Websites haben es Panels ermöglicht, Muster in Designprojekten zu erstellen. Von Kartengruppen über von Pinterest inspirierte Kacheln bis hin zu scrollenden „Bildschirmen“ erstellen Gruppen von Bedienfeldern offensichtliche Muster für Benutzer. Diese Bedienfelder stellen Unterschiede und Verbindungen zwischen Objekten her und informieren Benutzer über Änderungen der angezeigten Informationen.
Diese Paneele können jede Form und Größe haben, vertikal oder horizontal und in verschiedenen Farben. Die 10 Past Ten-Website leistet hervorragende Arbeit bei der Einrichtung unterschiedlicher Panels in einem Parallaxen-Framework mit Farb- und Produktpositionierung, sodass Benutzer eine Idee klar von der nächsten unterscheiden können. Craftsman Ave. Verfolgt einen etwas anderen Ansatz mit einem Design, das eine große Platte enthält, gefolgt von Platten innerhalb der Platten, abwechselnd für ein Muster im Musterstil.
Verwenden Sie Panels, um:
- Verknüpfen Sie ähnliche Elemente
- Szenen setzen
- Erstellen Sie einen Informationsfluss
- Stellen Sie die Dominanz mit mehreren Bildern her
- Erzählen Sie eine visuelle Geschichte
Fazit
Muster können auf verschiedene Arten für unterschiedliche Auswirkungen entworfen werden. Erstellen Sie Muster, die mit dem Ton arbeiten, den ein Projekt haben soll. Symmetrische Gruppierungen sind organisiert und beruhigend, zufällig gepaarte Elemente können sich störend und aufgeregt anfühlen.
Sie müssen sich nicht an eine Art von Muster halten. Kombinieren Sie verschiedene Arten von Mustern, um die Wirkung an verschiedenen Stellen zu erzielen. Verschiedene Teile desselben Projekts können verschiedene Arten von Mustern an verschiedenen Orten enthalten. (Und das ist völlig akzeptabel.)
