Blog
26/09/2016

Duotone

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.

Was ist Duotone?

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.

1. Adidas Football

diseno-web-barcelona-estudio-duotone-01

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.

2. Mirage Festival

diseno-web-barcelona-estudio-duotone-02

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.

3. Fjord Trend

diseno-web-barcelona-estudio-duotone-03

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.

4. Triple 9

diseno-web-barcelona-estudio-duotone-04

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.

5. La Marine Nationale on Board Careers

diseno-web-barcelona-estudio-duotone-05

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.

Hat es dir gefallen?
Abonnieren
Verwandte Artikel
Sollen wir
mit Ihrem Projekt starten?

Wir analysieren Ihre aktuelle Situation und definieren den nächsten Schritt.

Kontaktieren Sie uns jetzt
Unsere Website verwendet Cookies, um Informationen über Ihr Gerät und Ihre Surfaktivitäten zu sammeln. Wir verwenden diese Daten, um die Website zu verbessern, die Sicherheit zu gewährleisten und personalisierte Inhalte bereitzustellen. Sie können Ihre Cookie-Einstellungen verwalten indem Sie hier klicken.
Akzeptieren Sie Cookies Aufstellen Cookies ablehnen
Grundlegende Informationen zu Cookies
Diese Website verwendet Cookies und/oder ähnliche Technologien, die beim Surfen Informationen speichern und abrufen. Im Allgemeinen können diese Technologien sehr unterschiedliche Zwecke verfolgen, wie z. B. die Erkennung von Ihnen als Nutzer, die Gewinnung von Informationen über Ihr Surfverhalten oder die Personalisierung der Darstellung von Inhalten. Nachfolgend werden unsere konkreten Einsatzmöglichkeiten dieser Technologien beschrieben. Standardmäßig sind alle Cookies deaktiviert, mit Ausnahme technischer Cookies, die für das Funktionieren der Website erforderlich sind. Wenn Sie weitere Informationen wünschen oder Ihre Datenschutzrechte ausüben möchten, können Sie unsere konsultieren Política de cookies".
Akzeptieren Sie CookiesAufstellen
Notwendige technische Cookies Immer aktiv
Technische Cookies sind unbedingt erforderlich, damit unsere Website funktioniert und Sie darauf navigieren können. Bei diesen Arten von Cookies handelt es sich beispielsweise um solche, die es uns ermöglichen, Sie zu identifizieren, Ihnen bei Bedarf Zugang zu bestimmten eingeschränkten Teilen der Seite zu gewähren oder sich an verschiedene Optionen oder Dienste zu erinnern, die Sie bereits ausgewählt haben, wie etwa Ihre Datenschutzeinstellungen. Daher sind sie standardmäßig aktiviert und Ihre Autorisierung ist nicht erforderlich. Durch die Konfiguration Ihres Browsers können Sie diese Art von Cookies blockieren oder Sie auf das Vorhandensein dieser Cookies aufmerksam machen. Diese Blockierung beeinträchtigt jedoch die ordnungsgemäße Funktion der verschiedenen Funktionen unserer Website.
Cookies de análisis
Las cookies de análisis son las utilizadas para llevar a cabo el análisis anónimo del comportamiento de los usuarios de la web y que permiten medir la actividad del usuario y elaborar perfiles de navegación con el fin objetivo de mejorar los sitios web.
Cookies publicitarias
Las cookies publicitarias permiten la gestión de los espacios publicitarios de la web. Además, estas cookies pueden ser de publicidad personalizada y permitir así la gestión de los espacios publicitarios de la web en base al comportamiento y hábitos de navegación de usuario, de donde se obtiene su perfil y permiten personalizar la publicidad que se muestra en el navegador del usuario u otros perfiles y redes sociales del usuario.
Bestätigen Sie die Einstellungen
Kontaktieren Sie uns
Bilden

Erzählen Sie uns
Ihr Projekt

Geben Sie den allgemeinen Kontext Ihrer Organisation und den geplanten Umfang des Projekts an.
Code Barcelona, ​​​​der für die Verarbeitung Ihrer Daten verantwortlich ist, wird diese verarbeiten, um auf die Anfrage und/oder Anfrage zu antworten, die Sie über dieses Kontaktformular an uns richten. Sie können Ihre Rechte auf Auskunft, Berichtigung, Löschung sowie weitere Rechte ausüben, indem Sie die zusätzlichen detaillierten Informationen zum Datenschutz in unserer Website konsultieren Datenschutzrichtlinie.
Title
Popupcontent
Analyse Ihrer digitalen Situation

Wir 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.

Code Barcelona, ​​​​der für die Verarbeitung Ihrer Daten verantwortlich ist, wird diese verarbeiten, um auf die Anfrage und/oder Anfrage zu antworten, die Sie über dieses Kontaktformular an uns richten. Sie können Ihre Rechte auf Auskunft, Berichtigung, Löschung sowie weitere Rechte ausüben, indem Sie die zusätzlichen detaillierten Informationen zum Datenschutz in unserer Website konsultieren Datenschutzrichtlinie.
Aceptar