Anwenden von Duotonen auf Daten
Die Fähigkeit, Schwarz-Weiß-Fotos mit Farbe zu tönen, ist seit Jahrzehnten ein fester Bestandteil der Fotografie, und moderne Bildbearbeitungsprogramme machen wärmende und kühlende Graustufenbilder zum Kinderspiel.
Dieses Konzept eines stetigen Farbverlaufs kann auch zur Darstellung von Informationen verwendet werden.
Diese Technik der Tönung von digitalen Fotos eignet sich gut für die Präsentation von Informationen und kann die Benutzerfreundlichkeit verbessern.
So wie ein Farbverlauf eine Reihe von Farben anzeigt, kann ein Monoton oder ein Duoton verwendet werden, um eine Reihe von Daten anzuzeigen.
In diesem Artikel erfahren Sie, wie Sie Farben anwenden, um Infografiken zu verbessern.
Wenn sie keine Umsätze berechnen, assoziieren die meisten Leute Tabellenkalkulationen nicht mit Fine-Art-Fotografie. Aber auch außerhalb der Buchhaltung können sich Tabellen und Duotones vermischen. Der Trick ist zu wissen, wann man Farbe benutzt.
Abtönen Verbessert ein Graustufenbild
Digital Sepia-getönte Bilder sind Graustufenbilder, deren Pixel leicht gefärbt sind, üblicherweise mit Beige oder Blau. Orange oder Gelb können die Wirkung von gealterten Fotos, die manchmal mit Sepiapigment getönt waren, wiederholen. Sepiatöne (oder, allgemeiner gesagt, monotone) können ein Schwarz-Weiß- (Graustufen) -Bild entweder "aufwärmen" oder "abkühlen", ohne die Zusammensetzung zu beeinträchtigen.
Der Unterschied zwischen einem Graustufenbild und einem Sepiaton ist der Sepia-Farbton, wie oben zu sehen. Jedes digitale Foto kann in einen Sepia-Ton umgewandelt werden, obwohl einige Fotos besser funktionieren als andere. Bilder, die mehr auf Farbe (insbesondere Farbton) als auf Kontrast angewiesen sind, werden beim Übergang zum Farbton oft schwächer.
Das auffällige Rosa leuchtet im Originalbild oben auf, verschwindet aber bei gleichmäßigen Farbtönen. Selbst wenn ein Bild mit einer Tönung arbeiten könnte, könnte die falsche Tönung das Foto überwältigen.
Ein Farbton kann zum Gimmick werden, wenn die Farbe zu offensichtlich ist. Oben nimmt das Originalfoto eine psychedelische Luft an, wenn zu viel Blau aufgetragen wird. Das Ziel ist nicht, Farbe hinzuzufügen, sondern "Geschmack" hinzuzufügen.
Es ist möglich, mehr als eine Farbe in einem Farbton zu verwenden:
Die drei oben genannten Tönungsarten werden entsprechend benannt. Monotones wenden den gleichen Farbton über das ganze Bild an. Duotones verwenden einen Farbton für Schatten und einen anderen für Lichter. Tritones fügen einen dritten Farbton für Mitteltöne hinzu.
Duotone bieten natürliche Bereiche
Herkömmliche Tabellen und Balkendiagramme arbeiten in zwei Dimensionen, aber nicht alle Daten passen zum Zeilenspaltenformat.
Ein Duplex eignet sich hervorragend zum Darstellen einer Reihe von Daten, da es sich um eine Reihe von Farben handelt. Ästhetisch gesehen, scheinen Mischungen aus zwei Hauptfarben so zu sein, als ob sie zusammengehören. Aber auf Daten angewendet, haben Farbbereiche andere Vorteile. Erstens, weil Nicht jeder kann Farben gut sehen , mit einer Reihe von dunklen bis hellen Farben hilft Menschen mit Sehbehinderungen um den Effekt zu sehen. Zweitens sind verschiedene Schattierungen nützlich, um unterschiedliche Datensätze darzustellen.
Die folgenden Grafiken zeigen die Verkaufszahlen eines fiktiven Unternehmens über mehrere Jahre. Wie könnte Farbe sie verbessern?
Lassen Sie uns Charts eins nach dem anderen nehmen:
- 1998: Dieses Standard-Balkendiagramm nutzt Speicherplatz zur Erklärung von Daten. Die Höhe und horizontale Position jedes Balkens zeigt uns, wie der Umsatz in jedem Quartal des Jahres gestiegen ist. Es ist funktional und klar.
- 1999: Die Farbcodierung der Balken fügt Stil hinzu, sagt uns aber nichts Neues. Farben hätten verwendet werden können, um die Balken zusammen zu gruppieren, aber da jeder Balken eine andere Farbe hat, wird nichts verbessert. Wir können den Unterschied zwischen jedem Balken genauso leicht ohne Farbe unterscheiden.
- 2000: Die vertikale Verwendung von Farben zeigt, wie sich die Balken zueinander verhalten. Beachten Sie zum Beispiel, wie Q4 kaum den roten Bereich erreicht, was in den ersten beiden Charts leicht übersehen wird.
- 2001: Dieses letzte benutzt ein Duoton, aber es hilft nicht. Das Hinzufügen eines Effekts, ohne die Daten informativer zu gestalten, kommt dem Benutzer nicht zugute. Das ist der Unterschied zwischen einem Gimmick und einer Verbesserung.
Die obigen Diagramme verwenden Farbvariationen anstelle von durchgezogenen Balken. Beide Versionen dienen dem gleichen Zweck: um Verkäufe in Schritten pro Quartal anzuzeigen. Farbe bringt die Daten noch einen Schritt weiter.
- 2002: Der Break-Even-Punkt bringt einige neue Informationen: Der Umsatz muss diese Linie überschreiten, damit das Unternehmen Gewinne erwirtschaftet. Die Grafik aus dem Jahr 2002 zeigt, dass das Unternehmen nur in einem Quartal Verluste verzeichnete.
- 2003: Ein Unterschied in der Schattierung zeigt den Break-even-Punkt an. Aber ist es klar genug?
- 2004: Die Bereiche der Bars mit Profit werden hier noch deutlicher angezeigt, aber wir haben die Inkremente verloren.
- 2005: Das Gegenteil des Diagramms für das Jahr 2004 markiert Stufen oberhalb des Break-even-Punktes, der den Gewinn des Unternehmens (falls vorhanden) in jedem Quartal klar anzeigt und den Rest ignoriert.
Farbe ist ein mächtiges Werkzeug für nonverbale Kommunikation. Über die Ästhetik hinaus kann es zum Organisieren verwendet werden. Wie sonst könnten wir die Farben in den letzten Beispielen verwenden?
- 2006: Gradienten zeigen an, wo jeder Balken die 20.000 und 40.000 Mark erreicht. Dies ist hilfreich, aber die Gewinnschwelle beträgt $ 30.000.
- 2007: Reine Farbverläufe werden dunkler, um höhere Umsätze zu erzielen - bis wir den Break-Even-Punkt erreichen. Da die Farben über der 30.000-Dollar-Marke der Hintergrundfarbe ähneln, verblassen sie. Hoher Kontrast macht darauf aufmerksam, dass das Unternehmen nur in drei Quartalen Gewinne gemacht hat.
- 2008: Die Umkehrung des Gradienten in der Mitte der y-Achse ist ein ungewöhnlicher Ansatz. Dies bedeutet, dass der $ 20.000 bis $ 30.000 Block signifikant ist, aber nicht der $ 30.000 Break-even Punkt selbst. Im Gegensatz zu den reinen Gradienten für 2007 zeigt diese Grafik jedoch deutlich jedes Inkrement von $ 10.000.
- 2009: Sie sagen, dass einige Regeln gebrochen wurden, aber diese Grafik bricht sie ohne ersichtlichen Grund. Keine der Schattierungen entspricht den Dollar-Schritten, und die Gewinnschwelle ist schwer zu erkennen. Schattierung funktioniert am besten, wenn es dem Benutzer etwas sagt. Schattierung um ihrer selbst willen ist bloße Dekoration.
Mehr Beispiele
Diese Technik ist nicht auf Balkendiagramme beschränkt.
Die obigen Daten kompilieren die Sternbewertungen von Kritikern für mehrere Filme. Die Rohdaten auf der linken Seite sind leserlich, aber nicht hilfreich; Das Scannen jeder Textzeile für ein einzelnes Datum ist möglich, aber es ist schwierig, das große Bild zu sehen. Die Darstellung der Daten in einer Tabelle (rechts) vermittelt dem Betrachter ein Gefühl für alles auf einmal. Wir können zumindest klar sagen, dass es fünf Kritiker und sieben Filme gibt, und wir bekommen eine ungefähre Vorstellung davon, wem was gefallen hat.
Wenn Sie jeder Sternenbewertung eine Farbe zuweisen, erfahren Sie mehr darüber, wie es jedem Film erging. Aber keine Farben werden tun.
Die Tabelle auf der linken Seite folgt den Regeln, aber nicht dem Geist der Farbcodierung. Die Bewertungen auf einen Blick zu teilen, ist einfach, da jeder Wert eine konsistente Farbe hat, aber es gibt keine Logik hinter der Farbauswahl.
Die Tabelle rechts verwendet die Farbe zielgerichteter. Dunkle Schattierungen werden niedrigeren Bewertungen zugewiesen und helle Schattierungen werden höheren Schattierungen zugewiesen. Es würde auch umgekehrt funktionieren, aber der Effekt ist der gleiche: Eine Reihe von Schattierungen wird einer Reihe von Werten zugeordnet.
Dies ist nicht nur optisch ansprechender, es zeigt Trends in den Daten. Jetzt ist es leicht zu sehen, dass Film F insgesamt gut punktete, aber Film B nicht, Kritiker 2 war schwerer zu befriedigen als Kritiker 4, dass alle Kritiker Film F, aber nicht Film D mochten und dass sie dem Film A nicht zustimmten des gleichen Farbtons kann dann mehr als die Daten selbst offenbaren.
Monotone und Duotone funktionieren am besten, wenn Informationen in Ebenen, Ebenen oder Bereichen angeordnet sind. Beispielsweise:
Quelle: Ein Ereignis auseinander, Boston 2010
Geschrieben exklusiv für Webdesigner Depot von Ben Gremillion . Ben ist ein freiberuflicher Webdesigner, der Kommunikationsprobleme mit besserem Design löst.
Wo sonst kann ein Monoton oder ein Duoton dazu beitragen, Informationen zu erklären? Teilen Sie Ihre Gedanken in den Kommentaren unten.