Heute habe ich einen Wissensbeitrag für euch: Ich möchte euch eine Technik vorstellen, die sich in letzter Zeit im Webdesign großer Beliebtheit erfreut – den Duotone-Effekt.
Am einfachsten lässt sich Duotone als eine Methode beschreiben, bei der Bilder so bearbeitet oder erstellt werden, dass sie keine Mitteltöne mehr enthalten – das, was in der analogen Fotografie das mittlere Grau und die Lichter waren.
Typischerweise werden bei dieser Stilrichtung vor allem Blau-, Braun-, Rot- und Gelbtöne verwendet.
Natürlich steht es uns als Gestalter frei, im Webdesign die Farben zu wählen, die am besten zum jeweiligen Projekt passen – und genau das wird heute auch gemacht.
Im Folgenden zeige ich euch einige Websites, bei denen Bilder und Illustrationen klar vom Duotone-Stil geprägt sind.
Das zentrale Gestaltungselement der Website-Kampagne von Adidas basiert auf vollflächigen Duotone-Bildern.
Das Bild wird durch einen farblich abgestimmten Hintergrund ergänzt, was eine beeindruckende Atmosphäre schafft und der Sportmarke die gewünschte Ausdrucksstärke verleiht.
Das Webdesign des Mirage Festival setzt auf ein sehr mutiges und unkonventionelles Konzept und hebt sich damit deutlich von anderen Websites ab.
Die Ästhetik der Seite lebt von der Kombination aus Rot und Blau, wodurch die Bilder in Duotone verwandelt werden.
Dieses Beispiel zeigt, wie Duotone dezent eingesetzt werden kann – sowohl bei Bildern als auch bei Hintergründen.
Die Lösung verleiht dem Webdesign einen frischen Impuls, unterstreicht die Markenphilosophie und sorgt für einen spannenden Kontrast zu den Details.
Duotone findet auch in Filmen und Videos Anwendung – es intensiviert die Beziehung zwischen Bild und Zuschauer und verleiht der Szene Dramatik, Härte und eine gewisse Brutalität.
Hier handelt es sich nicht um Fotos, sondern um Illustrationen. In diesem Webdesign setzt der Gestalter auf Duotone-Illustrationen. Verschiedene Rottöne und Weiß sorgen dafür, dass der Charakter der Website besonders hervorgehoben wird.
Letztlich gibt es beim Duotone viele Spielarten – er kann kraftvoll, aggressiv, dramatisch oder auch das genaue Gegenteil sein.
Es lohnt sich, diese Technik zu kennen. Mit dem richtigen Know-how ergeben sich immer wieder neue Möglichkeiten, sie einzusetzen, zu verwerfen oder einfach daraus zu lernen.
Wir analysieren Ihre aktuelle Situation und definieren den nächsten Schritt.
Kontaktieren Sie uns jetztWir prüfen Ihre aktuelle digitale Situation. Wir kontaktieren Sie, um Ihren Kontext zu verstehen und gemeinsam zu beurteilen, welche Bereiche analysiert werden müssen. Anschließend bereiten wir ein Audit mit den wichtigsten Punkten und Empfehlungen vor.