Letzte Woche haben wir Ihnen im 1. Teil neue Entwicklungen rund um Farb- und Mustermixe, Stilmittel, wachsende Freiräume und die neue Generation kreativer Typografen präsentiert. Doch das ist noch nicht alles. Hier sind 4 weitere Designtrends, an denen Sie 2018 nicht vorbeikommen.

Künstliche Intelligenz in der Kreation

Geht die künstliche Intelligenz (KI) an der Kreation vorbei? Mitnichten. Designer stehen unmittelbar vor dem größten Paradigmenwechsel seit dem Verschwinden von Foto- und Bleisatz. Der Bildbearbeitungsklassiker Photoshop verfügt schon seit einigen Jahren über smarte Funktionen. Mit jedem Update werden die Ergebnisse denen einer professionell-manuellen Fotoretusche ähnlicher.

Immer mehr intelligente Softwares unterstützen den Designer. Diese Weiterentwicklung seit der Einführung von DTP-Software hält an. Bisher machten lediglich bequeme Assistenzsysteme die zeitraubenden Routineaufgaben einfacher. Der Designer unterliegt damit ebenso einer Evolution wie zahlreiche andere Berufe auch.

Die Investitionen in KI haben sich seit 2016 verdreifacht. Strategische Partnerschaften von Adobe und Microsoft, von IBM und Salesforce lassen ahnen, in welche Richtung es geht.

Google testet mit dem Projekt Deepdream neuronale Netze, um damit 2 Bilder surreal miteinander zu verschmelzen.

Autodraw erkennt die Elemente hingekritzelter Zeichnungen und ersetzt sie durch (klassisch gestaltete) vorgefertigte Grafikbausteine.

CAD-Softwareführer Autodesk bietet Industriedesignern mit seinem Projekt Dreamcatcher Alternativen bei der Synthese von Designlösungen.

Kreativ-Softwarehersteller Adobe treibt ein namenloses Projekt (Sensei) voran, in dem Algorithmen Web-Design automatisieren. Dort entstehen jedoch keine Webseiten aus dem Nichts: Gestaltete Elemente werden neu und vor allem effizienzorientiert kombiniert.

Um Experte auf einem Gebiet zu werden, benötigt ein Mensch 10.000 Übungsstunden. Ähnlich ist es mit künstlicher Intelligenz: Der Trainingsaufwand ist derzeit noch immens. Künstlich intelligente Lösungen für echte Kreativaufgaben erwarten wir 2018 noch nicht.

Mood as Interface

Dieser Trend wird sich in den nächsten Jahren auf das UX-Design auswirken. Dabei wird das Design von Gefühlen erzeugt bzw. gesteuert.

Stellen Sie sich vor, Sie haben einen Helm auf, der Ihre Emotionen liest. Gleichzeitig befinden Sie sich mittels einer VR-Brille in einer künstlichen Realität. In einem Auto. Auf einer Rennstrecke. Allein über Ihre Stimmung und Gedanken können Sie nun die Gestaltung der Strecke beeinflussen. Sind Sie aufgeregt, färbt sich die Fahrbahn rot und schlägt Loopings. Entspannen Sie sich, wird die Fahrt ruhiger und die Farben sanfter.

Science-Fiction sagen Sie? Nein. Auf dem Sundance Film Festival 2017 wurde genau diese Szenerie Wirklichkeit in einer „mind-bending interactive driving experience“ von Acura in Zusammenarbeit mit Bradley G. Munkowitz. Nun stellen Sie sich vor, wie wir in Zukunft allein durch die Interaktion unserer Emotionen mit elektronischen Anwendungen Nachrichten konsumieren oder einkaufen gehen. Spannend und gruselig zugleich.

Meaningful Animation

Im Webdesign ist im wahrsten Sinne des Wortes viel in „Bewegung“. Animationen sind nicht mehr nur Selbstzweck oder schönes Beiwerk. Sie werden immer gezielter eingesetzt, um die User Experience zu verbessern und Bedeutung zu transportieren.

Buttons transformieren zu Fortschrittsbalken. Ganze Screens morphen von einem Zustand zum nächsten. Sie „informieren“ den User darüber, wohin die alten Elemente verschwunden sind. Wo er sie im Zweifel wiederfindet. Und woher neue Elemente kommen. Das erleichtert das Verständnis für Benutzeroberflächen. Auch New Communication arbeitet in Website-Projekten bereits häufig mit „Transitions“. Das sind animierte Übergänge z. B. beim Aufruf von Navigation oder beim simplen Wechsel eines „+“ in ein „x“ bei aufklappbaren Elementen.

5 Tipps für die Website von morgen

  1. Binden Sie Cinemagraphs ein. Das sind Bilder, in denen sich nur ein bestimmter Bereich wie in einem Film bewegt und immer wiederholt. Sie belegen nicht viel Speicherplatz, aber bringen eine ganz eigene Ästhetik und Dynamik auf Ihre Website.
  2. Benutzen Sie das Scrollen als Interaktionsmöglichkeit. Beispielsweise zählt durch das Scrollen eine Zahl hoch bzw. herunter oder ein Auto fährt über den Bildschirm.
  3. Nutzen Sie Parallax-Effekte. Wenn sich die Elemente Ihrer Seite beim Scrollen in unterschiedlichen Geschwindigkeiten bewegen, entsteht der Eindruck von Tiefe und Räumlichkeit. Aber übertreiben Sie nicht!
  4. Setzen Sie Lazy Loading ein. Bilder werden zunächst in stark verkleinerter Form geladen und groß skaliert, dabei aber weichgezeichnet. So sieht der User bereits eine Vorschau der Inhalte. Die endgültigen Bilder werden aber erst angezeigt, sobald sie vollständig geladen sind.
  5. Greifen Sie zur Priority-Navigation statt zum Hamburger-Menü. Letzteres reduziert die Navigation auf 3 übereinander geschichtete Linien. Screendesigner lieben dieses minimalistische Gestaltungsmittel mittlerweile. Doch es versteckt viele Informationen und zieht somit Usability-Probleme nach sich. Daher geht der Trend dahin, Navigationspunkte zu priorisieren. Bei schmalen Displays versteckt man unwichtigere Punkte in einem „Mehr-Menü“. Wichtige Navigationspunkte bleiben zur Orientierung so lange wie möglich sichtbar. Voraussetzung: eine durchdachte Informationsarchitektur.

Übrigens: Alle diese Tipps haben wir bei der Konzeption, Gestaltung und Realisierung des Webauftritts für Nobiskrug umgesetzt. Die Werft für Superyachten hat unter anderem die Sailing Yacht A gefertigt.

Lutz ist Creative Director bei New Communication. Seit Agentur-Gründung sorgt er für öffentliches Aufsehen mit wegweisenden Designs und Interfaces. Nebenbei lebt er seine Typographie-Leidenschaft aus. Definiert Corporate Designs. Leitet Kreativ-Workshops. Ist mehrfacher Fachbuch-Autor. Und generiert systematisch Ideen im Sekundentakt. Während Sie diesen Text lesen, waren es übrigens 15 neue.

Christian Klose

Christian ist Creative Director für Screendesign bei New Communication. Und trägt einen Nachnamen, der eine Menge über sein Talent aussagt. So gilt er in den Bereichen Website-Konzeption und User Experience als wahrer „Virtu-Klose“ und seine Entwürfe als „Klose to perfection“. Dafür, dass der gebürtige Bayer trotz des ganzen Lobs nur geografische Höhenflüge erlebt, sorgen seine zwei Kinder. Die ziehen Papa an seinem langen Zopf nämlich immer wieder auf den Boden der Tatsachen zurück.

Patrick Wilkens

Patrick ist Creative Director für Kommunikationsdesign bei New Communication. Und sowas wie unsere kreative Allzweckwaffe. Während andere noch ihren ersten Kaffee schlürfen, rappeln Patricks Synapsen bereits auf Hochtouren. Weil so viel Energie ansteckend ist, lassen wir ihn als Mentor regelmäßig auf unsere Design-Azubis los. Am liebsten morgens. Solange wir Normalos noch Kaffee trinken.

Heiß auf Insider-Infos?

Immer up to date: Unser Newsletter versorgt Sie einmal monatlich mit brandneuen Trends und Innovationen aus der Kommunikationswelt.

Newsletter bestellen