Es gibt einen weicheren Designtrend, der Website-Projekte übernimmt - Wellen und weiche Linien. Wo wurden die Hintergründe von Single dominiert? Farbe sehen wir eine Verschiebung hin zu gekrümmten Linien und Wellen.
Die Elemente sind leichter, weicher und erzeugen ein anderes Gesamtgefühl für das Design. Was besonders schön ist, ist, dass Wellen und weichere Linien auf viele verschiedene Arten verwendet werden können, so dass sich jedes Design völlig anders anfühlt. (Es ist einer dieser Trends, die sich fast an Sie heranschleichen können, weil er in so vielen Formen erscheint.)
Hier ist ein Blick auf die Wellen und? Weich? Linien-Trend im Website-Design.
Design Akzente
Wenn die Rechtecke und Kreise für die Stimmung eines Projekts einfach nicht funktionieren, können Blobs und Wellen die Lösung sein. Für winzige Flecken für bestimmte Elemente bis hin zu größeren Elementen, die Aufmerksamkeit erfordern, werden die weicheren Linien die Benutzer dazu bringen, sich um das Design zu kümmern.
Das Festival der Papillons de Nuit leistet großartige Arbeit und verwendet Wellen, um Elemente der Veranstaltung hervorzuheben. Wave-basierte Elemente werden auf hellem Hintergrund getrennt und enthalten jeweils etwas Besonderes: Die obere Ecke ist animiert, das? Zappen? Das Element enthält mehrere Wellen und die untere Ecke führt Sie zu Social-Media-Links. Auf der Schriftrolle helfen mehr Wellen und weiche Divots, Fotos und Darsteller bei der Veranstaltung zu verbinden.
Während dieses Design für eine E-Commerce-Site oder ein Finanzinstitut möglicherweise zu viel ist, ist es eine großartige Lösung für eine Ereignisseite. Der Look macht Spaß, ist einnehmend und leicht (alle Elemente, die den Ereignisverkehr ankurbeln.)
Zeichne das Auge zu einem CTA
Minimalistische Design-Schemata und flache Illustrationen sind immer noch ein beliebtes Designelement. Durch das Hinzufügen von Wellen können bestimmte Teile des Designs, einschließlich eines Handlungsaufrufs, hervorgehoben werden.
Sie können dies zwar mit einem Pfeil oder einem dreieckigen Element bewerkstelligen, die Wave stellt jedoch eine Untertitel-Direktive bereit. Benutzer haben nicht das Gefühl, in das klickbare Element oder die Nachricht gezwungen zu werden.
Recruitz verwendet Wellen, um eine Trennung zwischen dem Handlungsaufruf und den Informationen zum Zeugnis am unteren Rand des Bildschirms herzustellen. Der weiche Teiler hilft dem Auge, zwischen den Elementen hin und her zu wechseln, und schafft Tiefe zwischen den Elementen, so dass sich das Design nicht einfach anfühlt. (Das helle Farbschema hilft auch.)
Wave-Illustrationen
Während Wellen ein eigenständiges Element für einen Hintergrund sein können, können sie auch in eine Illustration integriert werden. Dieses weichere Gefühl unterscheidet sich ein wenig von vielen harten Linien und minimalen Symbolen, die in letzter Zeit populär waren, aber das Ergebnis ist eine einfache visuelle Darstellung, in die Benutzer direkt einsteigen können.
Wellen können auch dazu beitragen, weichere weiße Flächen zu schaffen. Retrace Health verwendet einen Hintergrund mit einer Welle für den Himmel, der sich langsamer über den Bildschirm bewegt. Ebbe und Flut der Welle vergrößern und verkleinern den Abstand zwischen dem Bild und der Überschrift und tragen dazu bei, dass das Auge nach vorne drückt, indem der Abstand zwischen den Elementen geringfügig geändert wird.
Harte Linien ausgleichen
Wellen können mehr als nur alleine stehen; Wellen können auch als Hintergrundelemente verwendet werden, um harte Linien oder andere Elemente im visuellen Plan auszugleichen. Wenn die Ästhetik zu hart ist oder ein wenig Gleichgewicht braucht, um sich richtig zu fühlen, sollten Sie ein Element im Wave-Stil in Betracht ziehen.
Das Design von Ghafari beinhaltet eine subtile Welle, die Sie vielleicht auf den ersten Blick gar nicht richtig sehen. Das Auge ist mehr auf die interessante Form des Fotos, den hellen farbigen Text und sogar den goldenen Knopf in der oberen Ecke gerichtet. Aber eine graue Welle ist das Stück, das alles zusammenzieht. Die Welle balanciert die schwereren, raueren Formen aus, so dass sich das Design nicht schief oder unpassend anfühlt. Es ist einfach und fällt fast vollständig in den Hintergrund.
Diese Technik ist zu beachten. Nicht alle Designelemente sind dazu da, den Benutzern etwas zu sagen. Designelemente sind manchmal unsichtbarer und spielen eine unterstützende Rolle, um Projekte dabei zu unterstützen, das Gleichgewicht zu erhalten und das richtige Gefühl zu schaffen.
Hintergrundtrennung einrichten
Wellen und weiche Linien scheinen ein Element zu sein, das das Material-based-Layered-Design etwas weniger formelhaft aussehen lässt. Anstatt strenge Rechtecke und Kreise für Layer oder kartenbasierte Elemente können Hintergrundwellen die gleiche Art von Trennung erzeugen.
Wie bei anderen Beispielen ist das Ergebnis mit einem weniger anspruchsvollen Ton etwas leichter.
Wellen können auch gut mit anderen Trendgradienten zusammenarbeiten. Algolia kann in beiden Stilen sehr gut Layering-Elemente erstellen. Obwohl das Design mehrere Effekte verwendet, wirkt es einfach und lesbar.
Erstellen Sie einnehmende Animationen
Wenn du denkst? Welle? Der Ozean fällt mir wahrscheinlich ein. Eine wellenartige Standardanimation wurde bis zum Schluss gespeichert, um zu verhindern, dass diese logische Verbindung bei diesem Designtrend Ihren Kopf kriegt.
Aber es ist ein perfekter Benutzer von Wellen. Animierte Wellen können die Rhythmen und den natürlichen Fluss des Ozeans nachahmen und so ein beruhigendes und harmonisches Bild erzeugen.
Futuramo macht dies mit der Relativität der Zeit-Site. Die Hintergrundwellen fließen nahtlos ineinander. Sie sind einfach und bewegen sich auf natürliche Weise. Der Unterschied ist, dass die Möglichkeiten eigentlich nichts mit dem Bildschirminhalt zu tun haben. Sie stellen einfach die Szene für ein beruhigendes Erlebnis, während sich der Benutzer durch den Rest des Inhalts bewegt.
Dieses Beispiel zeigt, wie ein Publikum mit einem einfachen visuellen Thema erfasst wird, das den Inhalt durchläuft. Es ist auch aufgrund des Zeitaspekts in der Geschichte, der durch den Inhalt und das Design erzählt wird, gut miteinander verbunden.
Fazit
Linien mit mehr Krümmung erzeugen einen anderen Fluss und eine andere Stimmung für Projekte. Das einfache Hinzufügen einer Kurve zu einer geraden Linie kann das Gefühl eines gesamten Projekts verändern, wodurch es weniger schwer und ansprechender wird.
Die Benutzer scheinen von diesen Elementen angezogen zu sein, weil sie sie fast in das Design aufnehmen. Wie denkst du über Wellen und weiche Linien? Teilen Sie uns Ihre Gedanken und Beispiele auf Twitter. (Stellen Sie sicher, dass Sie Design Shack mit einem Tag versehen.)