Πώς να φτιάξετε ένα infographic;

Πώς να φτιάξετε ένα infographic; Τα γραφήματα λαμβάνουν πολύπλοκα δεδομένα και πληροφορίες και τα μεταφράζουν σε εύκολα κατανοητά γραφικά. Στον σημερινό κόσμο με γρήγορο ρυθμό, οι γραφίστες πρέπει να επικοινωνούν ένα μήνυμα απλά και αποτελεσματικά.

 

Δοκιμές πλήθους. Πως να το κάνεις?

Μεταφορά δεδομένων σε δεδομένα γραφικών. Πώς να φτιάξετε ένα infographic;

Στα δεξιά βλέπουμε το βιογραφικό ενός γραφίστα, σχεδιασμένο στο στυλ γραφήματα. Αυτός επιδέξια μετέτρεψε τα στατιστικά σου σε κομψά γραφήματα, γεγονός που έκανε πιο δυναμικές τις ξηρές στατιστικές.

Οπτικά όπως αυτά δίνουν στον Tibor van den Brink την ευκαιρία να προσθέσει χρώμα και αισθητική ίντριγκα, δύο παράγοντες που ξεχωρίζουν φυσικά από ένα παραδοσιακό βιογραφικό και ελκύουν τον θεατή.

Εδώ μπορούμε γρήγορα να υπολογίσουμε ότι ο Tibor μιλάει 100% άπταιστα τα Ολλανδικά και περίπου 88% άπταιστα αγγλικά χάρη σε ένα απλό διάγραμμα πίτας. Χρησιμοποιεί άλλες έξυπνες προσεγγίσεις, όπως εικονίδια για τα χόμπι του και «μετρητές» για να εμφανίσει γρήγορα το επίπεδο δεξιοτήτων του σε διάφορα προγράμματα και ιδέες σχεδίασης.

Αμέσως βλέπουμε ότι έχει 75% επίπεδο δεξιοτήτων σε Photoshop, Illustrator και Το InDesign. Όλες οι πληροφορίες του μεταφέρονται με απλό και συνοπτικό (και αναζωογονητικό) τρόπο που ξεπερνά τις μακροσκελείς, μακροσκελείς προτάσεις για την ιστορία του με το Adobe Creative Suite. Πώς να φτιάξετε ένα infographic;

Οι εικόνες (και τα διαγράμματα) αξίζουν όσο χίλιες λέξεις

Όλοι γνωρίζουν το διάσημο ρητό: «Μια εικόνα ισούται με χίλιες λέξεις». Αυτό το απόσπασμα μιλάει πολύ για τη δύναμη των γραφημάτων: οι άνθρωποι είναι οπτικά πλάσματα. Όπου το κείμενο απαιτεί χρόνο και νοητική επεξεργασία, οι εικόνες είναι συχνά άμεσες και διαισθητικές.

Το παραπάνω παράδειγμα infographic χρησιμοποιεί μια σειρά από διαγράμματα για να εξηγήσει πώς λειτουργεί ένας Κύβος του Ρούμπικ. Δεδομένης της πολυπλοκότητας των κύβων του Ρούμπικ, θα χρειαστείτε ελάχιστα χίλιες λέξεις για να εξηγήσετε γρήγορα και ξεκάθαρα τι δείχνουν αυτά τα διαγράμματα. Επιπλέον, αυτό το γράφημα είναι πολύχρωμο και ενδιαφέρον. Αυτό είναι χωρίς αμφιβολία προτιμότερο από μια κειμενική εξήγηση του κύβου του Ρούμπικ.

Ροή. Πώς να φτιάξετε ένα infographic;

Τα γραφήματα έχουν οπτικές ροές. Αυτό είναι σημαντικό να θυμάστε όταν σχεδιάζετε γραφήματα. Όπως και με οποιοδήποτε άλλο αντικείμενο σχεδιασμού, ο σχεδιαστής είναι υπεύθυνος να επιστήσει την προσοχή των θεατών στο σχέδιο.

Το infographic στα αριστερά απεικονίζει τη διαδικασία κατασκευής παπουτσιών σε τρία στάδια. Αν επικρίναμε αυτό το κομμάτι, θα μπορούσαμε να πούμε ότι το μάτι ξεκινά με την κεφαλίδα στην κορυφή και φυσικά τραβάει προς τα μεγάλα παπούτσια στην οροφή.

Αυτό το μεγάλο παπούτσι μας οδηγεί στη συνέχεια στο βήμα 3 της διαδικασίας, το οποίο βρίσκεται στη φούσκα ζουμ. Ω! Ελπίζαμε να ξεκινήσουμε με το βήμα 1...

Αν και αυτό το infographic είναι πολύχρωμο και όμορφο, έχει σαφώς προβλήματα ροής. Ένας τρόπος για να λυθεί αυτό το πρόβλημα θα ήταν να τοποθετήσετε το τρίτο σκαλοπάτι στο ισόγειο αυτού του κτιρίου και το πρώτο σκαλοπάτι στον επάνω όροφο δίπλα στη μεγάλη μπότα.

Σε περαιτέρω κριτική, μπορούμε να πούμε ότι τα γραφικά δεν μεταφέρουν απαραίτητα πολλά δεδομένα κειμένου ή με άλλο τρόπο. Για παράδειγμα, στο στάδιο «Παραγωγή», βλέπουμε δύο φιγούρες να κάθονται σε καρέκλες φορώντας μπότες, αλλά αυτό δεν μας δίνει απαραίτητα επιπλέον πληροφορίες ή αίσθηση για αυτό το στάδιο πέρα ​​από τη λέξη «Παραγωγή». Το ίδιο μπορεί να ειπωθεί για το Σχέδιο και τα Σκίτσα. Πώς να φτιάξετε ένα infographic;

Δώστε μια αίσθηση δεδομένων

Ένα καλό infographic εμφανίζει ένα συναίσθημα καθώς και ένα σύνολο δεδομένων. Με άλλα λόγια, προκαλούν μια ενστικτώδη αντίδραση στον θεατή ως αποτέλεσμα της στιγμιαίας ή/και γρήγορης κατανόησης που παρέχει το infographic.

Το παραπάνω παράδειγμα εμφανίζει ένα απλό ποσοστό ιδιοκτησίας γης, αλλά δίνει στα δεδομένα μια περίπλοκη αίσθηση, προσφέροντας πολύπλοκα και ρεαλιστικά γραφικά. Οι περισσότεροι άνθρωποι μπορεί να μην γνωρίζουν ότι η ιδιοκτησία γης στις Ηνωμένες Πολιτείες διαιρείται με αυτόν τον τρόπο και η θέα αυτής της εικόνας της γης που κόβεται και περιφράσσεται μπορεί φυσικά να οδηγήσει σε ένα αίσθημα ανησυχίας ή μια παρόρμηση να μάθουν περισσότερα για το θέμα .

Πλοήγηση με εικονίδια. Πώς να φτιάξετε ένα infographic;

Ένα άλλο στυλ infographic χρησιμοποιεί εικονίδια μαζί με κείμενο για να βοηθήσει τον θεατή να πλοηγηθεί στα δεδομένα. Το παράδειγμα στα δεξιά κάνει ακριβώς αυτό, εξηγώντας πώς να εντοπίσετε ένα ψέμα.

Στο Βήμα 1, αντί να εξηγηθεί πώς μπορεί να φαίνονται αυτές οι χειρονομίες γραπτώς, χρησιμοποιούνται τρεις αποτελεσματικές εικόνες. Εξάλλου, αυτές οι χειρονομίες είναι πιο εύκολο να φανούν σε εικονογραφήσεις παρά γραπτώς.

Σε μια άλλη μέθοδο, το Βήμα 2 συνδέει απευθείας τα γραφικά με επεξηγήσεις κειμένου, χρησιμοποιώντας το κείμενο ως "υπογραφές" για τις κατευθύνσεις που μπορεί να φαίνονται τα μάτια κάποιου εάν λέει ψέματα. Αυτή η προσέγγιση είναι επίσης αποτελεσματική και έχει ένα όμορφο κυκλικό περιτύλιγμα γύρω από το μάτι.

Το βήμα 4 χρησιμοποιεί τα γραφικά διαφορετικά. Για την οπτική άρθρωση "Ακούστε φωνητικές ενδείξεις", χρησιμοποιείται μια εικόνα ενός ηχητικού κύματος. Αυτό είναι λιγότερο αποτελεσματικό από το γραφικό στο βήμα 1, επειδή στην πραγματικότητα δεν εμφανίζει δεδομένα ή πληροφορίες. Με αυτά τα λόγια, παρέχει οπτική ίντριγκα και συνέπεια με το υπόλοιπο σχέδιο, που μπορεί να αξίζει κάτι και τελικά να δικαιολογήσει τα γραφικά.

Κάνοντας τα δεδομένα ελκυστικά. Πώς να φτιάξετε ένα infographic;

Εκτός από τις λειτουργικές και πρακτικές ιδιότητες των infographics, μια άλλη χρήση τους είναι να κάνουν τα δεδομένα ελκυστικά και όμορφα. Στο παραπάνω παράδειγμα, ο αντίκτυπος της κλιματικής αλλαγής στο χρονοδιάγραμμα της άνοιξης αναπαρίσταται οπτικά σε ένα "ηλιακό καντράν" χρησιμοποιώντας σετ δεδομένα σχετικά με τα πουλιά, τα δέντρα και τη θερμοκρασία.

Αν και το θέμα είναι ενοχλητικό, τα γραφικά είναι απαλά, αθώα και ελκυστικά. Η χρωματική παλέτα είναι διασκεδαστική και εκλεπτυσμένη και το γεωμετρικό λουλούδι προσελκύει τον θεατή στο σχέδιο. Η οπτικά συναρπαστική φύση αυτού του άρθρου πιθανότατα θα εμπνεύσει περισσότερους αναγνώστες να εξερευνήσουν τα δεδομένα παρά μια απλή διάταξη κειμένου.

Πώς να φτιάξετε το δικό σας infographic;

Σε αυτό το σεμινάριο, θα χρησιμοποιήσουμε το Photoshop για να δημιουργήσουμε ένα infographic που συγκρίνει τα δεδομένα μεταξύ της ποδηλασίας και της μετάβασης με τρένο από το Washington Square Park στο Μανχάταν μέχρι το κέντρο της πόλης Williamsburg στο Μπρούκλιν. Σύμφωνα με τους Χάρτες Google, η ποδηλασία μεταξύ αυτών των δύο σημείων διαρκεί 18 λεπτά και η διαδρομή διαρκεί 30 λεπτά.

 

Για να ξεκινήσετε, μπορούμε να επικολλήσουμε ένα στιγμιότυπο οθόνης από τους Χάρτες Google στο αρχείο μας στο Photoshop και να το αποκορεσθούμε. Κοιτάζοντας το αρχικό παράδειγμα χρώματος και αισθητικής του Tibor van den Brink, η διαδρομή που συγκρίνεται μπορεί να τονιστεί με κίτρινο χρώμα.

Το πλαίσιο της κάρτας είναι επίσης κίτρινο και έχει σχεδιαστεί για να αφήνει χώρο για κείμενο στο επάνω μέρος. Αυτό το περιεχόμενο τοποθετείται πάνω σε ένα σκούρο γκρι φόντο για αντίθεση και είναι στρωμένο με μια λεπτή υφή χαρτιού για να του δώσει μια αίσθηση "χάρτης". Πώς να φτιάξετε ένα infographic;

Στη συνέχεια, έχοντας υπόψη το παράδειγμα How to Detect Lies, μπορούμε να προσθέσουμε μερικά εικονίδια που θα σας βοηθήσουν να πλαισιώσετε τα δεδομένα. Εδώ θα χρησιμοποιήσουμε ένα μίνιμαλ εικονίδιο ποδηλάτου και ένα εικονίδιο μίνιμαλ τρένου. Ακολουθώντας αυτή τη δημιουργική ροή, μπορούμε να προσθέσουμε "αποτυπώματα" διαφορετικού μήκους στα εικονίδια που αντιστοιχούν κατά προσέγγιση στη σχετική διάρκεια κάθε ταξιδιού.

Το συμπληρωματικό μπλε-πράσινο χρώμα επιλέγεται προσεκτικά. Λάβετε υπόψη ότι θέλουμε να κάνουμε αυτά τα δεδομένα όσο το δυνατόν πιο ελκυστικά!

Τέλος, μπορούμε να προσθέσουμε το κείμενό μας. Η επικεφαλίδα είναι απλή και συνοπτική και τα πρακτικά είναι μεγάλα και ευανάγνωστα. γραμματοσειρά. Αυτό το infographic είναι επιτυχημένο επειδή μεταφράζει γραφικά πολλά δεδομένα κειμένου, συμπεριλαμβανομένου ενός χάρτη διαδρομής, σύγκρισης μεθόδων μεταφοράς και χρόνου. Πώς να φτιάξετε ένα infographic;

Επίσης, καταφέρνει να κάνει ελκυστικά αυτά τα δεδομένα. Το σχέδιο είναι πολύχρωμο, επαγγελματικό, καθαρό και απλό.

Συμπέρασμα

Τα γραφήματα έρχονται σε πολλές μορφές. Μπορούν να περιέχουν εικόνες, διαγράμματα, χρώματα, να συνδυάζουν κείμενο με εικονίδια ή ακόμα και να είναι φωτογραφικά. Είναι χρήσιμο για τους σχεδιαστές να κατανοούν τους διαφορετικούς τύπους γραφημάτων και να μπορούν να διαφοροποιούν πότε λειτουργούν και πότε όχι.

Χρησιμοποιήστε αυτό το άρθρο ως εισαγωγή και δείτε εάν μπορείτε να αναλύσετε το επόμενο infographic που θα συναντήσετε ως έναν τρόπο να ενισχύσετε τις δικές σας δεξιότητες σχεδίασης infographic!