3 wesentliche Designtrends, September 2017
Manchmal können Sie sich einfach neue Website-Projekte ansehen und sehen, was Designer denken. Sie können die Stimmung fühlen. Die Trends dieses Monats reflektieren dieses Konzept mit mutigen Farbwahlen, einem Zusammenbruch des traditionellen Helden-Header-Stils, der seit einer Weile beliebt ist, und dunklen animierten Mustern, die nur ein bisschen mysteriös sind.
Was denken Sie? Sind Sie bereit für dünnere Typografieoptionen, aufwendigere Details und Logosymbole? Vielleicht sehen Sie sich einige dieser Designprojekte an.
Hier ist, was in diesem Monat im Design Trend ist:
1. Regenbogenfarben
Wenn Sie "Regenbogenfarben" hören, ist das erste, was Ihnen in den Sinn kommt, wahrscheinlich nicht gutes Design. Es gibt zu viele grelle Beispiele von grellen Projekten mit Farbpaletten im Regenbogen-Stil, die überwältigend sind und, ehrlich gesagt, Design-Desaster.
Die heutigen Regenbogenfarben sind alles andere als katastrophal. Sie sind klassisch, schlicht und bieten einer überraschenden Anzahl von Projekten genau die richtige Menge an Farbe. Rainbow Paletten sind nicht nur für kleine Websites; große Marken einschließlich der Github Universum Konferenz , Southwest Airlines und Londoner Grammatik Spotify-Kanal verwendet alle interessante Regenbogenmuster.
Noch interessanter ist, dass jedes Design das gleiche Farbkonzept auf sehr unterschiedliche Weise verwendet.
- Rainbow Textelemente in einer dunklen Ästhetik: Github verwendet eine einfache dunkle Ästhetik mit regenbogenfarbenen Text- und Benutzeroberflächenelementen, um das Auge von wichtigen Informationen (wie dem Datum) bis zum Hauptaufruf (Ticketverkauf) zu ziehen. Der Regenbogengradient ist einfach und subtil, während er Stimmung der Gelegenheit und des Optimismus setzt. Dies scheint genau die richtige Kombination zu sein, um Benutzer dazu zu ermutigen, sich für eine Konferenz anzumelden.
- Southwest Airlines verwendet einen anderen Ansatz mit Rainbow-Hintergrundelementen und Text füllt ein leichteres Containerelement aus. Der Regenbogenakzent bietet einen visuellen Bezugspunkt für eine Website mit Inhalten, die als langweilig interpretiert werden können. Farbe gibt der Fallstudie ein wenig mehr Leben, um Klicks zu fördern.
- London Grammar verwendet einen riesigen Regenbogen-Orb, um Nutzer in die Zusammenarbeit mit Spotify zu bringen. Der Regenbogenblob verschiebt und bewegt sich mit einer langsamen Animation, die sich wie Gel in Wasser anfühlt. Die Farben bewegen und verschmelzen und es ist etwas, auf das man den ganzen Tag schauen kann, wenn man nicht aufpasst. Der Gamification-Aspekt des farbigen Elements ist ebenfalls interessant, aber die Farbe ist definitiv das, was die Benutzer zuerst anzieht.
2. Zusammenbruch des Helden-Headers
Der übergroße Foto- oder Slider-Helden-Header ist seit Jahren ein fester Bestandteil des Website-Designs. Aber es gibt einen Trend, um von dem Muster wegzukommen, mit mehr Designern, die sich für ein minimaleres oberhalb der Scroll-Struktur mit mehr Elementen und weniger konstruiertem Gefühl entscheiden.
Das Ergebnis scheint ein Trend mit mehr weißen oder hellen Headern zu sein, die ein paar Teile herumschweben. Dieser Trend bekommt etwas gemischte Bewertungen. Einige der Visuals sind interessant, aber insgesamt scheint es einen Mangel an Fokus für die Benutzer und klar definierte Maßnahmen zu geben.
Das Schöne am Kollaps des Helden-Headers ist, dass der minimale Ansatz den Benutzer zum Ansehen bringt. Es ist anders. Die Frage ist, ob es genug Nachrichten gibt, um ihr Interesse für lange Zeit zu tragen, oder ob Nutzer positiv auf eine weniger visuelle Website-Erfahrung reagieren werden.
Dies ist ein Trend zu beobachten, weil es wahrscheinlich in den frühen Stadien der Evolution ist. Designer sind bereit, etwas anderes mit den Oberseiten der Seiten zu tun (und verständlicherweise). Diese Iteration von Projekten ist nur der erste Schritt zu etwas Neuem. Einige Designer könnten durch die ungerade Kombination oder Teile von Elementen über der Rolle in den meisten dieser Designkonzepte gestört werden. Es bleibt abzuwarten, wohin der Trend geht, aber es lohnt sich, auf jeden Fall im Auge zu behalten.
3. Dunkle animierte Muster
Dies könnte jetzt der spaßigste Trend beim Website-Design sein: Dunkle animierte Effekte, die auf dunklen Farbschemata basieren. Das Dark-auf-Dark-Konzept ist mysteriös, visuell interessant und lässt den Nutzer wirklich gut aussehen und mit dem Design interagieren.
Außerdem kann es auf so viele verschiedene Arten funktionieren. Es gibt keine Einstellung für die Größe oder Art der Animation oder was der Effekt tut. Jedes der folgenden Beispiele verwendet dunkle animierte Effekte auf unterschiedliche Art und Weise, die alle eine Art Interaktion von automatisierten Bewegungen zu Maus-über-Effekten zu Überraschungsblitzen anregen (du musst auf die Links klicken, um das zu finden).
Während dieses Design wirklich cool aussieht, können sie auch einige Herausforderungen darstellen. Nicht alle Benutzer sind an solch einer dunklen Ästhetik interessiert. Unter allen Umgebungsbedingungen kann es nicht gut aussehen. Diese Designs sehen definitiv besser aus und funktionieren besser auf Desktop-Bildschirmen als kleinere Geräte.
Aber der Designtrend hat einen Platz für Designer, die etwas anderes schaffen wollen, mit einer bestimmten Stimmung und einem trendigen Aspekt.
Es gibt auch etwas über Kombinationen von dunklen Tönen ohne viel Farbe, die dich einfach anzieht. (Es ist irgendwie unerklärlich.)
Um das Dunkel bei einem dunklen Trend optimal zu nutzen, stellen Sie sicher, dass Sie genügend Varianz in dunklen Farbtönen verwenden, um sicherzustellen, dass Elemente sichtbar sind und Bewegungen wahrnehmbar sind. Verwenden Sie satte Schwarztöne mit vielen Untertönen, um für jedes Projekt die richtige Stimmung zu finden.
Während die folgenden Beispiele alle vollständig farblos sind, sollten Sie einen anderen Kontrast als Weiß für die wichtigsten Punkte in Betracht ziehen. (Ein farbiger Call-to-Action-Button würde wirklich mit dem Kontrast kontrastieren, den alle schwarzen Bilder bieten.)
Die andere Gemeinsamkeit mit diesem Trend liegt in der Einfachheit der verwendeten Animationen. Keine der Bewegungen ist übermäßig komplex. Es ist so einfach und stromlinienförmig wie die Farbpalette, die wesentlich zum Gesamterfolg des Designtrends beiträgt.
Fazit
Die Verschiebung der Farbnutzung, die durch die Trends dieses Monats dargestellt wird, ist sowohl interessant als auch effektiv. Regenbogenfarben sind eine Menge Spaß und erhebend, während minimale weiße und dunkle Muster viel Raum für Introspektion und Reflexion bieten. Farbauswahl verbindet wirklich, wie Designer über ein Projekt denken.
Welche Trends liebst du gerade (oder hasst)? Ich würde gerne einige der Websites sehen, die Sie fasziniert sind. Schreibe mir einen Link auf Twitter ; Ich würde gerne von dir hören.