Trends, Websites, Wordpress

Die 5 größten Webdesign Trends

Webdesign verändert sich täglich und immer wieder kommen neue Trends zum Vorschein. Heute möchten wir Ihnen die 5 größten Webdesign Trends zeigen.

Trends sind nur die Hauptthemen in dieser ausufernden, chaotischen, polyphonen Konversation. Ob wir uns entschließen, sie zu adoptieren oder ihnen zu widerstehen, ist uns überlassen.
Dann wollen wir mal starten…

1) Illustrationen

 

Eine der interessantesten Herausforderungen, die ich in der Welt des Marketings digitaler Produkte erlebt habe, ist die Bildauswahl. Ich habe ganze Designteams beobachtet, die über die Debatte hinweggingen und normalerweise an einem von zwei Orten landeten:

  1. Produktschnittbilder und GIFs
  2. Editorial / Lifestyle Fotografie

Ersteres betont die In-Product-Erfahrung, Features und Funktionalität, während letzteres versucht, die menschliche Dimension des Produkts hervorzuheben: die Auswirkungen auf das Leben der Menschen.

Aber im Jahr 2018 sehen wir – und werden es auch weiterhin sehen – die Arbeit von Illustratoren, die sowohl im Marketing als auch im Produktdesign eine völlig neue Bedeutung erlangen.

Warum das passiert, fasziniert mich, und ich kann nicht genau entscheiden, was es ist. Vielleicht ist es genau dieselbe Zyklizität, die wir schon lange in der Modewelt beobachtet haben – immerhin dominierte Illustration die Werbewelt bis etwa Ende der 60er Jahre.

Oder vielleicht hat das Designteam von Dropbox etwas mit dieser Erklärung ihres neuen Illustrationsstils gemacht:

„Wir erstellen grobe Skizzen mit Graphit und verbinden sie dann mit farbenfrohen, abstrakten Formen, um den kreativen Prozess zum Leben zu erwecken. Unser Stil ist inspiriert von dem Moment, an dem Sie zum ersten Mal eine Idee haben, und dient als Erinnerung, dass die Leinwand nur leer ist, bis Sie die erste Markierung machen.”

 

  1. Brutalismus erreicht Mainstream-Status

Brutalismus … reißt einen Raum auf, in dem Designer tun können, was sie wollen und nicht, was sie sollten. Die hier geschaffenen Arbeiten meiden alle Optimierungsratschläge und Best-Practice-Listen zugunsten von Aussehen und Wirkung, die im Rausch leben und manchmal an die Offensive grenzen (jedenfalls an Erwartungen).

Sie können sich also unsere Überraschung vorstellen, als zwei E-Commerce-Outlets von allen Seiten auf den brutalen Zug aufgesprungen sind:

 

  1. Noch mehr durchdringende Interaktionen und Animationen

„Das Medium ist die Nachricht.“
– Marshall McLuhan

Das Web ist kein statisches Medium. Trotz der anhaltenden Schönheit und Wahrheit von Stücken wie Justin Jacksons “This is a web page” (Das ist eine Webseite), ermöglicht das Web so viel mehr als nur das Drucken von Wörtern auf einer Seite. Und wenn McLuhans berühmtes Sprichwort Wasser enthält, bedeutet dies, dass zumindest ein Teil der Botschaft des Webs – seine Bedeutung – in seiner Fähigkeit zur Bewegung und Interaktivität liegt: die Fähigkeit einer Webseite, uns nicht einfach mit Informationen zu versorgen, sondern diese Informationen bewegen und, noch wichtiger, uns erlauben, mit diesen Informationen zu interagieren und sie zu beeinflussen.

Alles ist in Bewegung, aber es lenkt nie ab.

Während Sie im Internet surfen, werden Informationen nicht nur für Ihre Zustimmung präsentiert, sondern steigen auch in Ihr Bewusstsein und rufen Stück für Stück die Aufmerksamkeit auf sich.

Offensichtlich sollten wir hier nicht übertreiben – es gibt immer das Potenzial für Animationen, um sonst reizvolle Erfahrungen überwältigend zu machen, besonders für Menschen mit kognitiven Behinderungen oder Bewegungsempfindlichkeit.

Aber richtig gemacht, selbst eine subtile Animation kann die Aufmerksamkeit des Besuchers zum richtigen Zeitpunkt auf den richtigen Inhalt lenken und dabei helfen, dass er keine wichtigen Zeilen der Kopie oder eine Umwandlung, die das Formular antreibt, verpasst.

Wir sehen auch eine Menge neuer Tools, um die Erstellung komplexerer Animationen und Interaktionen zu vereinfachen – eine lange Lücke im Toolkit des Digital-Designers – von unseren eigenen Interactions 2.0 bis zu Airbnbs Lottie.

Genauer gesagt freuen wir uns auf zwei besondere Animationsmuster: ungewöhnliche Scrollraten und Seitenübergänge.

 

  1. Variable Schriftarten!

Wenn man sich das Internet heute ansieht, ist es schwer zu glauben, dass wir vor ein paar Jahren gezwungen waren, uns auf eine Hand voll von Schriften zu verlassen, um alle unsere textlichen Inhalte zu liefern.

Heute gibt es im Web eine enorme Vielfalt an wunderschönen Schriftarten, was zu einem revolutionären Interesse an Typografie, Schriftdesign und gutem auffälligem Konsum von Schriftarten führt.

Und es wird nur noch besser: Mit der Veröffentlichung von variablen Schriftarten. Ein Gemeinschaftsprojekt zwischen den größten Namen in der Technologie (und Typografie) – Apple, Google, Microsoft und Adobe – ermöglicht das Projekt mit variablen Schriften eine völlig neue Form des Schriftdesigns. Offiziell ein Zusatz zum OpenType Format.

Es ermöglicht es Schriftentwicklern, den gesamten Glyph-Satz oder die einzelnen Glyphen einer Schriftart entlang bis zu 64.000 Variationsachsen (Gewicht, Breite usw.) zu interpolieren und bestimmte Positionen im Design-Space als benannte Instanzen (“Fett”, “Verdichtet” usw.) zu definieren.

Wenn (wie ich) dieser Satz dich den Kopf kratzen lässt, konzentriere dich auf John Hudsons viel direktere Version, in der er sagt, dass eine variable Schriftart ist:

Eine einzelne Schriftartdatei, die sich wie mehrere Schriftarten verhält.

Aber vielleicht ist es das Beste, wenn man eine visuelle Kunst wie Buchstabenform diskutiert, sich an das Visuelle zu halten:

 

  1. Die Suche nach dem perfekten digitalen Design-Tool

2017 war ein großes Jahr, in dem wir uns ausführlich über die Art und Weise von Design-Tools Gedanken machten und wie gut sie für unsere Arbeit geeignet sind.

Bryn Jackson von Spectrum stellte seinen Fall vor:

Ein intermediäres Format zwischen Design- und Engineering-Tools, um effizientere, leistungsfähigere Werkzeuge für Produktteams allgemein und insbesondere Designer zu ermöglichen.

In einem Post namens einfach “Interface”. Er fährt fort zu sagen, dass “Jedes populäre Design-Tool, das heute verfügbar ist, für die Illustration optimiert ist.”

(Es sollte jedoch angemerkt werden, dass er “Illustration” als jede Designarbeit kategorisiert, die “ein Bild, ein Symbol, eine Illustration, ein Schriftbild, Werbung, Printmedien oder ein anderes visuelles Kommunikationsmedium ohne native Interaktivität” ergibt, was eine umstrittene Behauptung ist Lesen und sehen wir doch Formen der Interaktion?

Bedenken über die Definitionen von Illustration und Interaktivität beiseite, ist es nicht schwer, Jacksons Standpunkt zu sehen: Die meisten modernen Design-Tools sind auf die Produktion von Bildern und nicht auf Schnittstellen fixiert.

Designer und Ingenieur Adam Michela hat viele der gleichen Notizen in “Ich bin ein Designer bei Facebook, und das ist, was in Design-Tools heute fehlt” getroffen. Dort argumentiert er, dass die meisten Designer die meiste Zeit verbringen Artefakte von wenig zu keinem greifbaren Wert, weil sie nur das Endprodukt darstellen – die digitalen Schnittstellen, die sich schnell von den Darstellungen unterscheiden.

Er beendet das Stück mit einer hoffnungsvollen Bemerkung und sagt: “Es gibt die Möglichkeit, Werkzeuge zu schaffen, die Design (Design) und Implementierung (überbrücken) miteinander verbinden.”

Was denken Sie, wird dieses Jahr wichtig sein?
Jedes Mal, wenn ich eine dieser Listen zusammenstelle, bin ich überwältigt davon, wie viel ich darüber reden.
Was würden Sie dieser Liste hinzufügen?

Und, hey: Danke fürs Lesen.

Previous ArticleNext Article

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.