Der nächste große Trend im Webdesign-Image ist hier und er ist lebendig, farbenfroh und wunderschön!
Dank Spotify gewinnt Duotone fast täglich an Beliebtheit. Der Effekt, bei dem ein Paar Farben über einem Foto verwendet wird, ist auffallend, lustig und lebendig. Es ist auch ziemlich im Trend: Neue Websites werden fast täglich in ein Duoton-Format umgewandelt. Hier finden Sie einige Möglichkeiten, um diese heiße Designtechnik optimal zu nutzen.
Was ist Duotone?
Zunächst eine kleine Grundierung: Bei Duotone werden zwei Farben verwendet.
Der Name und die Technik stammen von Druckmaschinen. Duotone-Drucke werden in zwei Farbtönen derselben Farbe oder mit Schwarz und einem Farbton hergestellt. Bei diesem Verfahren werden zwei Farbplatten verwendet, deren Bildschirm in unterschiedlichen Winkeln angeordnet ist.
Das Zweifarbenkonzept ist groß. Pantone nannte ein Paar als "Farbe des Jahres". Der Minimalismus ließ Designer über begrenzte Paletten nachdenken. Doppeltöne waren visuell interessant und recht einfach zu erstellen. Sie können den Effekt mit Adobe Photoshop und einem zweifarbigen Farbverlauf oder einem Tool wie Colofilter.css erstellen, um ihn im Code anzuwenden.
Aber was wahrscheinlich am meisten dazu beigetragen hat, dass Duotone vom Boden abgezogen wird, ist Spotify. Duotone-Farbschemata werden in der Musikwiedergabe-App und für verschiedene Mikro-Werbeseiten verwendet. Duotone fügt Bildern von Künstlern, die bekannt und weit verbreitet sind, ein einzigartiges Designelement hinzu.
Die Technik, die einst ein Grundnahrungsmittel des Drucks war, hat online neues Leben gefunden, und dies ist ein Trend, von dem wir in den nächsten Monaten wahrscheinlich noch mehr erwarten werden.
Als dominantes Bild
Verwenden Sie Duplex, um ein dominantes Bild zu erstellen.
Das Hauptvisual für New Deal Design fällt durch eine mutige Farbauswahl und schrullige, dank der lustigen Bilder und Farben auf. Scheuen Sie sich nicht, Ihren Komfort zu verlassen, wenn Sie mit Duplexbildern arbeiten. Es ist in Ordnung, Farbtöne zu kombinieren, die möglicherweise nicht übereinstimmen. Ziel ist es, ein Bild zu schaffen, das Aufmerksamkeit erfordert und viel Kontrast beinhaltet, damit das Bild durchscheint.
Hier sind ein paar Tipps für maximale Wirkung:
- Wählen Sie zwei kontrastierende Farben oder kombinieren Sie Markenfarben.
- Wählen Sie ein Foto mit einem fokussierten Bildbereich aus. Eine Landschaft kann schwer zu benutzen sein.
- Beginnen Sie mit einem qualitativ hochwertigen Bild. Verschwommene oder schlechte Bilder und Duoton vermischen sich nicht.
- Kontrast aufheben.
- Berücksichtigen Sie Leerzeichen für Schaltflächen oder Typografie.
- Wählen Sie Farben aus, die die Stimmung des Fotos widerspiegeln.
- Setzen Sie ein Duoton-Bild mit einem farbigen Rahmen aus oder mischen Sie die Farboptionen mit einem Bildlauf-Schieberegler oder Parallax-Effekten.
Als einfache Farbpalette
Duotone muss nicht kompliziert sein. Manchmal sind die auffälligsten zweifarbigen Projekte einfacher Natur.
Assurance Life Insurance verwendet ein Paar Rotweine und saubere Typografie. Die Bildlaufleiste enthält auch einen mehr Halbtonstil. Die Farben sind hell und fesselnd. Rot ist die Art von Farbe, die den Benutzer fast zum Betrachten bringt.
Der Trick hier ist, dass es einfach genug ist, um effektiv zu sein. Der Benutzer ist nicht mit Elementen überfordert. Das Rote zeichnet Sie ein, so dass die Wörter auf dem Bildschirm zum Fokus werden. Diese Art des Duoton-Effekts ist fast für Websites gedacht, die ein formaleres Erscheinungsbild haben, da sie die Verwendung eines Trends zulässt, ohne sich erzwungen oder überfordert zu fühlen.
Um die Lesbarkeit zu erhöhen
Verwenden Sie Duplex als Farbstabilisator, der dem Text viel Platz und Kontrast gibt. Eine duotone Farbüberlagerung kann helfen, abzuflachen? Farbabweichungen in einem Bild, sodass der Text nahezu überall im Bild mit einer einzigen Farbe platziert werden kann und dennoch lesbar ist.
Duotone Farbauswahl ist für diese Verwendung nicht so hell und erscheint wahrscheinlich eher gedämpft, kann jedoch einen guten Zweck erfüllen. Holm Marcher & Co. macht dies mit einem korallenroten und blauen Duoton, der interessant ist und eine gut lesbare Kulisse für die Beschriftung schafft. Als zusätzlichen Bonus verwenden Navigationselemente Blautöne aus der Farbpalette, um die Bewegung auf der Website zu fördern.
Als Akzent
Während Duplex-Effekte für große Bilder geeignet sind, können sie auch an kleineren Orten arbeiten. Berücksichtigen Sie einen Duoton-Akzent in der Navigation, für sekundäre Bilder oder für bestimmte Arten von Inhalten.
Das Schönste an kleineren Bereichen von Duoton ist, dass Sie ein bisschen mehr Spielfreiheit haben, wenn Sie von der Technik eingeschüchtert werden oder nicht ganz sicher sind, wie sie für Sie funktionieren soll. Bei Verwendung in kleineren Räumen kann es visuell interessant sein, mit mehreren Farbpaaren für verschiedene Elemente des Designs zu spielen.
Betrachten Sie Duplex-Elemente für Kartenstilelemente, als Overlay für Links für Videos oder zur Hervorhebung von Handlungsaufforderungen. Duotone-Akzente können aufgrund ihres Farbkontrasts auch effektive Werkzeuge für den Einsatz in einem minimalen oder schwarzen und weißen Farbschema sein.
Als hintergrund
Es gibt nichts Schöneres als einen subtilen Duoton-Effekt, um ein interessantes Hintergrundbild oder Muster zu erzeugen. Dies ist eine ideale Anwendung für Markenfarben oder als Möglichkeit, einen trendigen Farbton oder eine moderne Technik ohne umfassende Überarbeitung in Ihr Design zu integrieren.
Der absolvierte Duoton-Hintergrund für Join Radio ist Perfektion. Die Farbänderung ist fast nicht wahrnehmbar und fügt sich nahtlos in andere Elemente der Benutzeroberfläche des Designs ein. Es gibt eine einfache Animation durch die Farben, die beruhigend wirkt und eine wasserähnliche Bewegung hat. Die Verschiebung von hell nach dunkel folgt natürlichen Augen- und Lesemustern, die sich von links oben auf der Startseite nach rechts unten bewegen, wo der Benutzer weiter zum Scrollen und Klicken aufgefordert wird.
Fazit
Es ist schwer, eine Designtechnik zu finden, die mehr Spaß macht als Farbe. Duotone sind für Designer gleichermaßen interessant. Der Effekt kann ein überstrapaziertes Bild aufpeppen, ein lustiges Element hinzufügen, wenn eines fehlt, und einfach dazu beitragen, Benutzer visuell einzubinden.
Außerdem können Sie als Designer wirklich mit Duplex-Effekten experimentieren. Sie können Farben kombinieren, die Sie sich vielleicht nicht für einen größeren Einfluss vorgestellt haben, oder Sie können Farben mit subtilen Variationen kombinieren, um ein kleines Überraschungselement zu schaffen.In jedem Fall sieht das Erstellen dieses Farbeffekts fast immer benutzerdefiniert aus und kann Spaß machen, damit zu arbeiten.