Εφαρμογή των Duotones στα δεδομένα
Η δυνατότητα να χρωματίζονται ασπρόμαυρες φωτογραφίες με χρώμα έχει ένα βασικό χαρακτηριστικό της φωτογραφίας εδώ και δεκαετίες και οι σύγχρονοι επεξεργαστές εικόνων ζεσταίνουν και ψύχονται τις εικόνες σε κλίμακα του γκρι.
Αυτή η έννοια της σταθερής εξέλιξης των αποχρώσεων μπορεί να χρησιμοποιηθεί και για την παρουσίαση πληροφοριών.
Αυτή η τεχνική χρώσης ψηφιακών φωτογραφιών λειτουργεί καλά για την παρουσίαση πληροφοριών και μπορεί να βελτιώσει την χρηστικότητα.
Ακριβώς όπως μια κλίση δείχνει μια σειρά από χρώματα, μπορεί να χρησιμοποιηθεί ένα μονότονο ή δίτονο για την εμφάνιση μιας σειράς δεδομένων.
Σε αυτό το άρθρο, θα μάθουμε πώς να εφαρμόζουμε χρώμα για την ενίσχυση των infographics.
Εκτός αν υπολογίζουν τις πωλήσεις, οι περισσότεροι άνθρωποι δεν συσχετίζουν τα υπολογιστικά φύλλα με τη φωτογραφική μηχανή. Αλλά ακόμη και έξω από τον κόσμο της λογιστικής, οι πίνακες και οι duotones μπορούν να αναμειχθούν. Το κόλπο είναι να γνωρίζουμε πότε να χρησιμοποιούμε το χρώμα.
Χρωματισμός Βελτιώνει την εικόνα σε κλίμακα του γκρι
Οι ψηφιακές εικόνες με σέπια είναι εικόνες σε κλίμακα του γκρι, των οποίων τα εικονοστοιχεία έχουν χρωματίσει ελαφρώς, συνήθως με μπεζ ή μπλε χρώμα. Το πορτοκαλί ή το κίτρινο μπορεί να αναπαράγει την επίδραση ηλικιωμένων φωτογραφιών, οι οποίες μερικές φορές ήταν χρωματισμένες με χρωστικές με σέπια. Οι ήχοι σέπια (ή, γενικότερα, οι μονότονοι) μπορούν είτε να "ζεσταίνουν" είτε να "δροσίσουν" μια ασπρόμαυρη (γκρίζα κλίμακα) εικόνα χωρίς να μειώνουν τη σύνθεση.
Η διαφορά ανάμεσα σε μια εικόνα σε κλίμακα του γκρι και σε μια σέπια είναι η απόχρωση της σέπιας, όπως φαίνεται παραπάνω. Οποιαδήποτε ψηφιακή φωτογραφία μπορεί να μετατραπεί σε τόνο σέπια, αν και μερικές φωτογραφίες λειτουργούν καλύτερα από άλλες. Εικόνες που βασίζονται περισσότερο στο χρώμα (ειδικά απόχρωση) από την αντίθεση συχνά αποδυναμώνουν τη μετάβαση σε απόχρωση.
Το εντυπωσιακό ροζ λάμπει στην αρχική εικόνα παραπάνω αλλά εξαφανίζεται όταν οι αποχρώσεις γίνονται ομοιόμορφες. Ακόμα κι αν μια εικόνα μπορεί να λειτουργήσει με μια απόχρωση, η λάθος απόχρωση μπορεί να εξουδετερώσει τη φωτογραφία.
Μια απόχρωση μπορεί να γίνει ένα τέχνασμα εάν το χρώμα είναι πολύ προφανές. Πάνω, η αρχική φωτογραφία παίρνει ένα ψυχεδελικό αέρα όταν εφαρμόζεται υπερβολικά μεγάλο μπλε χρώμα. Ο στόχος δεν είναι να προσθέσετε χρώμα αλλά να προσθέσετε "γεύση".
Είναι δυνατή η χρήση περισσότερων από ένα χρωμάτων σε απόχρωση:
Οι τρεις τύποι αποχρώσεων παραπάνω ονομάζονται κατάλληλα. Οι μονότονοι εφαρμόζουν την ίδια απόχρωση σε ολόκληρη την εικόνα. Οι Duotones χρησιμοποιούν μία απόχρωση για σκιές και άλλη για highlights. Οι Tritones προσθέτουν μια τρίτη χροιά για τους μεσαίους τόνους.
Οι Duotones παρέχουν Φυσικές Περιοχές
Τα παραδοσιακά τραπέζια και οι πίνακες διαγραμμάτων λειτουργούν σε δύο διαστάσεις, αλλά όχι όλα τα δεδομένα ταιριάζουν στη μορφή στήλης σειράς.
Μια duotone είναι μεγάλη για την παρουσίαση μιας σειράς δεδομένων, επειδή είναι μια σειρά χρωμάτων. Από αισθητική άποψη, μείγματα δύο κύριων χρωμάτων τείνουν να φαίνονται σαν να ανήκουν μαζί. Αλλά με βάση τα δεδομένα, οι σειρές χρωμάτων έχουν και άλλα οφέλη. Πρώτον, επειδή δεν μπορούν όλοι να δουν τα χρώματα καλά , χρησιμοποιώντας μια σειρά από χρώματα σκούρου-ανοιχτού χρώματος βοηθά τα άτομα με προβλήματα όρασης για να δείτε το αποτέλεσμα. Δεύτερον, οι διαφορετικές αποχρώσεις είναι χρήσιμες για την αντιπροσώπευση διαφορετικών συνόλων δεδομένων.
Τα παρακάτω διαγράμματα δείχνουν τους όγκους πωλήσεων μιας φανταστικής εταιρείας για πολλά χρόνια. Πώς θα μπορούσε το χρώμα να βελτιωθεί;
Ας πάρουμε τα διαγράμματα ένα προς ένα:
- 1998: Αυτό το πρότυπο διάγραμμα ράβδων χρησιμοποιεί χώρο για να εξηγήσει τα δεδομένα. Το ύψος και η οριζόντια θέση κάθε ράβδου μας δείχνουν πώς ξεκίνησαν οι πωλήσεις σε κάθε τρίμηνο του έτους. Είναι λειτουργικό και καθαρό.
- 1999: Η έγχρωμη κωδικοποίηση των γραμμών προσθέτει στυλ, αλλά δεν μας λέει τίποτα νέο. Τα χρώματα θα μπορούσαν να χρησιμοποιηθούν για την ομαδοποίηση των ράβδων μαζί, αλλά επειδή κάθε ράβδος είναι διαφορετικό χρώμα, τίποτα δεν βελτιώνεται. Μπορούμε να πούμε τη διαφορά ανάμεσα σε κάθε μπάρα εξίσου εύκολα χωρίς χρώμα.
- 2000: Η χρήση των χρωμάτων κατακόρυφα δείχνει τον τρόπο με τον οποίο οι ράβδοι σχετίζονται μεταξύ τους. Παραδείγματος χάριν, παρατηρήστε πως το Q4 μόλις φθάνει στην κόκκινη περιοχή, πράγμα που εύκολα παραβλέπεται στους δύο πρώτους διαγράμματα.
- 2001: Αυτός ο τελευταίος χρησιμοποιεί ένα duotone, αλλά δεν βοηθάει. Η προσθήκη ενός αποτελέσματος χωρίς την πιο ενημερωτική πληροφορία δεν ωφελεί τον χρήστη. Αυτή είναι η διαφορά ανάμεσα σε ένα τέχνασμα και ένα εξάρτημα.
Οι παραπάνω χάρτες χρησιμοποιούν χρωματική παραλλαγή αντί των στερεών ράβδων. Και οι δύο εκδόσεις εξυπηρετούν τον ίδιο σκοπό: να παρουσιάζουν τις πωλήσεις σε βήματα ανά τρίμηνο. Χρώμα παίρνει τα δεδομένα ένα βήμα παραπέρα.
- 2002: Το σημείο παρατήρησης προσθέτει μερικές νέες πληροφορίες: οι πωλήσεις πρέπει να περάσουν αυτή τη γραμμή για να κερδίσουν η εταιρεία. Το διάγραμμα του 2002 δείχνει ότι η εταιρεία λειτουργούσε με ζημία μόνο σε ένα τέταρτο.
- 2003: Η διαφορά σκίασης δείχνει το σημείο εξισορρόπησης. Είναι όμως αρκετά σαφές;
- 2004: Οι περιοχές των κερκίδων που δείχνουν κέρδος υποδεικνύονται ακόμη πιο καθαρά εδώ, αλλά έχουμε χάσει τις αυξήσεις.
- 2005: Το αντίθετο από το διάγραμμα για το 2004, αυτό σηματοδοτεί αυξήσεις πάνω από το σημείο ισορροπίας, υποδεικνύοντας σαφώς το κέρδος της εταιρείας (αν υπάρχει) σε κάθε τρίμηνο και αγνοώντας τα υπόλοιπα.
Το χρώμα είναι ένα ισχυρό εργαλείο για μη λεκτική επικοινωνία. Πέρα από την αισθητική, μπορεί να χρησιμοποιηθεί για την οργάνωση. Πώς αλλιώς θα μπορούσαμε να χρησιμοποιήσουμε τα χρώματα στο τελευταίο σύνολο παραδειγμάτων;
- 2006: Οι διαβαθμίσεις υποδεικνύουν πού κάθε μπάρα χτυπά τα $ 20.000 και $ 40.000 σημάδια. Αυτό είναι χρήσιμο, αλλά το σημείο ισορροπίας είναι $ 30.000.
- 2007: Οι καθαρές κλίσεις γίνονται πιο σκούρες για να επιδείξουν υψηλότερες πωλήσεις - μέχρι να φτάσουμε στο σημείο ισορροπίας. Επειδή τα χρώματα πάνω από το σήμα των $ 30.000 είναι παρόμοια με το χρώμα φόντου, ξεθωριάζουν. Η υψηλή αντίθεση εφιστά την προσοχή στο γεγονός ότι η εταιρεία κέρδισε κέρδη μόνο σε τρία τέταρτα.
- 2008: Η αντιστροφή της κλίσης στο μέσο του άξονα y είναι μια ασυνήθιστη προσέγγιση. Αυτό σημαίνει ότι το μπαστούνι των $ 20.000 έως $ 30.000 είναι σημαντικό, αλλά όχι το σημείο ισοτιμίας $ 30.000. Σε αντίθεση με τις καθαρές κλίσεις για το 2007, όμως, αυτό το γράφημα δείχνει ξεκάθαρα κάθε αύξηση των $ 10.000.
- 2009: Λένε ότι έχουν γίνει κάποιες ρυθμίσεις για να σπάσουν, αλλά αυτό το γράφημα τους χωρίζει χωρίς προφανή λόγο. Καμία από τις αποχρώσεις δεν ταιριάζει με τις προσαυξήσεις του δολαρίου και το σημείο εξισορρόπησης είναι δύσκολο να το δούμε. Η σκίαση λειτουργεί καλύτερα όταν λέει στον χρήστη κάτι. Η σκίαση για χάρη της είναι απλή διακόσμηση.
Περισσότερα παραδείγματα
Αυτή η τεχνική δεν περιορίζεται σε γραφήματα.
Τα παραπάνω στοιχεία καταρτίζουν τις κριτικές για αστέρες κριτικών για πολλές ταινίες. Τα ακατέργαστα δεδομένα στα αριστερά είναι ευανάγνωστα αλλά δεν βοηθούν. η σάρωση κάθε γραμμής κειμένου για ένα μόνο σημείο είναι δυνατή, αλλά είναι δύσκολο να δείτε τη μεγάλη εικόνα. Παρουσιάζοντας τα δεδομένα σε ένα τραπέζι (δεξιά) δίνει στον θεατή μια αίσθηση του τα πάντα με τη μία. Μπορούμε τουλάχιστον να πούμε καθαρά ότι υπάρχουν πέντε κριτικοί και επτά ταινίες, και έχουμε μια γενική ιδέα του ποιος άρεσε τι.
Η αντιστοίχιση χρώματος σε κάθε βαθμολογία με αστέρι θα αποκαλύψει περισσότερα για τον τρόπο με τον οποίο κάθε ταινία προχώρησε. Αλλά δεν θα κάνουν τα χρώματα.
Ο πίνακας στα αριστερά ακολουθεί τους κανόνες αλλά όχι το πνεύμα της έγχρωμης κωδικοποίησης. Η αναφορά των αποδόσεων με μια ματιά είναι εύκολη επειδή κάθε τιμή έχει ένα σταθερό χρώμα, αλλά δεν υπάρχει λογική πίσω από τις επιλογές χρώματος.
Ο πίνακας στα δεξιά χρησιμοποιεί πιο συγκεκριμένα το χρώμα. Οι σκοτεινές αποχρώσεις αποδίδονται σε χαμηλότερες βαθμολογίες και οι αποχρώσεις αποδίδονται σε υψηλότερες αποχρώσεις. Θα λειτουργούσε και το αντίστροφο, αλλά το αποτέλεσμα είναι το ίδιο: μια σειρά αποχρώσεων αποδίδεται σε ένα εύρος τιμών.
Όχι μόνο αυτό είναι πιο οπτικά ευχάριστο, αποκαλύπτει τις τάσεις στα δεδομένα. Τώρα είναι εύκολο να δούμε ότι η ταινία F βαθμολόγησε καλά συνολικά αλλά η ταινία Β δεν το έκανε, ο κριτικός 2 ήταν πιο δύσκολο να ευχαριστήσει από τον κριτικό 4, ότι όλοι οι κριτικοί άρεσαν την ταινία F αλλά όχι την ταινία D και ότι διαφώνησαν για την ταινία Α. της ίδιας απόχρωσης, τότε, μπορεί να αποκαλύψει περισσότερα από τα δεδομένα από μόνο του.
Οι μονότονοι και οι δανοτόμοι λειτουργούν καλύτερα όταν οι πληροφορίες είναι διατεταγμένες σε στρώματα, επίπεδα ή ένα εύρος. Για παράδειγμα:
Πηγή: Ένα Εκδήλωση εκτός, Βοστώνη 2010
Γράφτηκε αποκλειστικά για το Webdesigner Depot από Ο Ben Gremillion . Ο Ben είναι ανεξάρτητος σχεδιαστής ιστοσελίδων που επιλύει προβλήματα επικοινωνίας με καλύτερο σχεδιασμό.
Πού αλλού μπορεί να βοηθήσει ένα μονοτονικό ή διπλόφωνο να εξηγήσει πληροφορίες; Μοιραστείτε τις σκέψεις σας στην παρακάτω ενότητα σχολίων.