Haben Sie in letzter Zeit all die super dunklen Designmuster zur Kenntnis genommen? Designer experimentieren mit funky, dunklen Designmustern, die Animationen in demselben Farbschema enthalten.
Diese Animationen umfassen alles von einfachen Bewegungen, die von alleine passieren, über Hover-Effekte und volle Kinoerlebnisse. Lassen Sie uns in diesen Website-Design-Trend eintauchen und ein paar Möglichkeiten erkunden, damit es für Ihre Projekte funktioniert.
Über den Trend
Dark Animation ist ein Trend, der zwei Elemente auf unterschiedliche Weise kombiniert - eine dunkle monochrome Farbpalette und eine coole Animation. Das Ergebnis ist ein atemberaubendes, geschichtetes Design, das subtil und stimmungsvoll ist.
Es scheint zu funktionieren, weil es ein Mysteriumsgefühl hervorruft. Und die Benutzer möchten das Rätsel lösen.Während der Trend schwierig sein kann, gut zu machen - und nicht immer eine großartige Erfahrung für mobile Benutzer bietet -, ist das Interesse an diesem visuellen Muster interessant. Aufgrund all der dunklen Elemente muss der Benutzer das Design betrachten.
Es gibt ein wahres Mysterium, das die Einbindung in diese Projekte fördert, da der Benutzer begeistert ist, zu sehen, was mit dem animierten Element passieren wird, und nach subtilen Änderungen und Effekten sucht. Was wird als nächstes passieren?
Jedes dieser Designs ist anders zusammengesetzt. Es gibt keine bestimmte Art von Animation, die am besten funktioniert, und es muss keine festgelegte Farbe verwendet werden, obwohl viele dieser Designs eine Palette aus sattem Schwarz und Grau verwenden.
Animationen können so einfach sein wie ein Hover-Effekt oder so aufwendig wie eine Form oder ein produziertes Video.
Es scheint zu funktionieren, weil es ein Mysteriumsgefühl hervorruft. Und die Benutzer möchten das Rätsel lösen.
Warum es funktioniert
Es ist eigentlich schwer zu erklären, warum dieser Designtrend funktioniert. Wenn Sie darüber nachdenken, ohne die Website-Designprojekte zu sehen, würden Sie nicht glauben, dass dunkle animierte Muster erfolgreich wären.
- Es gibt nicht viel Farbe.
- Es gibt sehr wenig Kontrast.
- Die Designs sind fast zu einfach.
Aber vielleicht ist das der Grund tut Arbeit. Es bricht die Regeln genug, um Benutzer in das Design einzubeziehen.
Der andere beitragende Faktor ist, dass Dunkelheit und Mysterium Hand in Hand gehen. Und die Leute lieben einfach ein gutes Geheimnis. Sie leben in der Lage, versteckte Elemente zu sehen oder ein komplexes Problem zu lösen. Das dunkle Farbschema mit animiertem Effekt bietet Benutzern die Möglichkeit, ein Rätsel zu lösen.
Diese Projekte haben auch einen ausgeprägten Emotionszug. Dunkle Farben sind launisch. Die Farbvariationen in diesen Paletten sind komplex und interessant (aus Designperspektive sowieso). Es gibt ein Element der Tiefe, das schwer zu beschreiben ist, aber faszinierend zu erkunden ist.
Zählen Sie all die Emotionen und das Mysterium zusammen und Sie können sich ein Bild davon machen, warum Benutzer von diesem visuellen Muster angezogen werden.
Es muss nicht schwarz sein
Während die meisten dieser Designs schwarze Farbpaletten aufweisen, müssen sie nicht.
Andere dunkle Farbtöne können ebenfalls effektiv sein und geben Designern die Möglichkeit, ein dunkles animiertes Designmuster zu erstellen und mit der Farbpalette auf der Marke zu bleiben.
Unabhängig von der Farbe ist die Farbauswahl die Grundlage dafür, dass diese Farbpaletten mit Animationen funktionieren. Eine Reihe von Tönen (Mischen einer Farbe mit Grau) und Farbtönen (Mischen einer Farbe mit Schwarz) können einen unterschiedlichen Bereich für eine monochrome Farbpalette bieten. (Sehen Sie sich oben die verschiedenen Purpur-Farben im FedEx-Design an.)
Der Kontrast steht zwar nicht im Fokus dieses Designtrends, ist aber wichtig. Ohne ausreichenden Kontrast im monochromen Design geht die Animation im Hintergrund verloren, wodurch das Design unwirksam wird.
Einige Vorsichtsmaßnahmen
Dieser Designtrend ist nicht jedermanns Sache und es ist sehr schwer, ihn effektiv umzusetzen. Dunkle animierte Farbmuster haben Fehler:
- Das wird auf mobilen Geräten nicht so gut dargestellt.
- Es gibt einige inhärente Probleme mit der Zugänglichkeit.
- Es gibt möglicherweise nicht genug visuelles Interesse für einige Benutzer.
- Die Platzierung von Navigation und Call to Action kann eine Herausforderung sein.
- Umgebungsbedingungen - Beleuchtung usw. - können die Sichtbarkeit des Designs beeinträchtigen.
- Einige Benutzer schätzen den launischen Ton nicht.
- Benutzer können sich schnell mit dem Design langweilen und die Zeit vor Ort verkürzen.
Tipps zum Ausprobieren dieses Designtrends
Wenn Sie keine Angst vor den Herausforderungen dieses Designtrends haben und über ein Inhaltsmodell verfügen, das zum stimmungsvollen Ton eines dunklen, animierten Farbdesigns passt, können Sie mit ein paar Maßnahmen den Erfolg des Projekts sicherstellen.
- Halten Sie sich an ein einseitiges Design: Zu viel von einem funky Design-Element kann überwältigend sein. Wenn Sie dieses Konzept verwenden möchten, beschränken Sie es auf ein Design mit einer Seite oder eine Seite im Design.
- Verwenden Sie eine Kontrastfarbe: Weißer Text eignet sich hervorragend für dunkle Hintergründe. Gleiches gilt für andere Elemente. Stellen Sie sicher, dass die Schaltflächen, Navigationselemente, Nachrichten und der Handlungsaufruf leicht zu sehen und zu lesen sind. Während die Animation und der Hintergrund möglicherweise keinen signifikanten Kontrast bilden, müssen andere Elemente leicht zu erkennen sein.
- Animation vereinfachenÜbermäßig komplex aussehende Animationen können dieses Design überwältigen. Halten Sie sich an einfache Bewegung und Bewegung, die nicht zu schnell ist.
- Gestalten Sie in Schichten: Was dieses Konzept zum Funktionieren bringt, ist das Design in Schichten. Erstellen Sie eine Trennung zwischen Hintergrund und animierten Elementen, um einen Effekt zu erzeugen, der sich taktil und real anfühlt. Durch das Layering können Sie auch genug Kontrast einplanen, um Elemente sichtbar zu machen.
- Verwenden Sie mutige Typografie: Textelemente sollten nicht nur viel Farbkontrast enthalten, Sie müssen wahrscheinlich auch eine starke, fette Schrift verwenden, um sicherzustellen, dass Text nicht in das Design fällt. Es sollte herausspringen. Suchen Sie nach Schriftarten mit dickeren Buchstaben und einfachen Strichen, um maximale Lesbarkeit zu gewährleisten.
Was kommt als nächstes?
Wie bei jedem Designtrend wird sich diese Ästhetik weiterentwickeln.Obwohl wir nicht genau vorhersagen können, was als nächstes passieren wird, geben einige Designs einen Hinweis.
Dunkle Farben und Animationen könnten in der Welt der virtuellen Realität eine herausragende Rolle spielen. VR ist ein Spielplatz für Spiele und Videos, der bereits viel dunkle Farben verwendet.
Dieser Designtrend könnte für solche Projekte, wie die neue Blair Witch Project-Video-Trailer / Spiele-Website, ideal sein.
Fazit
Dunkle Farbschemata gibt es schon eine Weile, aber diese neue Variante mit ähnlichen farbigen Animationen ist interessant. Es ist in der Regel eines der Dinge, die Designer absolut lieben - zum Teil wegen der Laune - oder aufgrund der Herausforderungen, die sie für die Benutzer mit sich bringen.
In jedem Fall wird dieser Stil häufiger verwendet. Es funktioniert zwar am besten für bestimmte Projekttypen (beachten Sie die Anzahl der Agentur- und Portfolio-Websites in den Beispielen), es kann jedoch eine interessante Möglichkeit sein, ein Design zu vermischen. Probieren Sie es für eine einzelne Folie oder Seite aus und sehen Sie, was die Benutzer denken, bevor Sie in ein vollständig dunkles, animiertes Farbmuster investieren.