Εκπαιδευτικά Σκετς

10 Συμβουλές Σκίτσο για όμορφα και διατηρητέα γραφήματα (Προειδοποίηση GIF!)

Δείτε όλα αυτά τα διαγράμματα στην παραπάνω εικόνα; Βάλτε τα εδώ ή διαβάστε για αυτά εδώ:

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

Αλλά αποκλίνω.

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

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

Από εδώ και έπειτα είναι μερικοί ProTips ™ που έχω καταφέρει να σχεδιάσω ένα χαρτοφυλάκιο gazillion.

1. Χρησιμοποιήστε στυλ για τους άξονες του γραφήματος και τις γραμμές πλέγματος

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

Όχι αν είναι στυλ! Τσέκαρέ το:

Αυτό δείχνει ακριβώς τον κύριο άξονα. Τα στυλ είναι επίσης ωραία για τις γραμμές πλέγματος (είναι πάρα πολύ ξεθωριασμένα για να δουν στο GIF).

Θα πρέπει να αναφέρω ότι υπάρχει μια μικρή καθυστέρηση στο GIF παραπάνω επειδή αλλάζει το στυλ του πρωτεύοντος άξονα για 60+ διαφορετικά διαγράμματα σε μια πτώση. Τα στυλ είναι τα καλύτερα

2. Συμβολίστε τα σημεία δεδομένων

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

Tiny ProTip: Μην κάνετε τους κύκλους των δεδομένων σας. Κάντε τους τετράγωνα με 100% στρογγυλεμένες γωνίες (ακτίνα). Το κάνει πολύ πιο εύκολο αν αποφασίσετε να πάτε πίσω στα τετράγωνα!

3. Χρησιμοποιήστε μια κοινή σύμβαση ονομασίας για να εντοπίσετε εύκολα τα κομμάτια του γραφήματος

Αν έχετε 10 σημεία δεδομένων σε ένα γραμμικό γράφημα, χρησιμοποιήστε ένα plugin όπως το RenameIt για να αλλάξετε το όνομα του στρώματος για όλα αυτά στο "Data Point". Δεν μπορώ ακόμη να αρχίσω να σας πω πόσο χρόνο θα σας εξοικονομήσει.

Ακολουθεί μια ματιά σε μία από τις ομάδες στρώματός μου, ώστε να μπορείτε να δείτε τα ονόματα των επιπέδων:

Αν χρειάζομαι να αλλάξω το μήκος ή τη θέση όλων των "Οριζόντιας γραμμής πλέγματος", κάνω απλώς μια αναζήτηση στρώματος για ... εσείς πιάνετε ... "Horizontal Gridline"! Στη συνέχεια, μπορώ να κάνω Shift + Κάντε κλικ στο επάνω και το κάτω μέρος της λίστας για να επιλέξετε όλες τις γραμμές πλέγματος σε όλες τις πλακέτες τέχνης μου και να αλλάξετε το μήκος / θέση τους. Αυτά τα μικρά πράγματα προστίθενται, υπόσχομαι.

4. Ομαδοποιήστε τα σημεία δεδομένων με τις ετικέτες των αξόνων τους

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

Σημείωση: Χρησιμοποιώ επίσης ένα πλαίσιο οριοθέτησης γύρω από ολόκληρη την ομάδα δεδομένων. Ανατρέξτε στην άλλη ανάρτησή μου "5 τρόποι να διατηρήσετε το σκίτσο σας καθαρό κουζίνα" για να δείτε γιατί μου αρέσει να χρησιμοποιώ τα κιβώτια οριοθέτησης.

5. Ομαδικές γραμμές και σημεία δεδομένων για εύκολη επανατοποθέτηση

Μιλώντας για ομαδοποίηση (όχι, όχι groping), αν κάνετε γραφήματα γραμμής με σημεία δεδομένων, ομαδοποιήστε τα μαζί, ώστε να μπορείτε να τα μετακινήσετε γρήγορα και να τα ενημερώσετε μαζί. Φαίνεται ασήμαντο, αλλά έχω δει δεκάδες ελεύθερες χάρτες λήψεων με γραμμές και σημεία δεδομένων απλά να κάθονται δίπλα στον πίνακα τέχνης όπως τα χαμένα κουτάβια στο πάρκο χωρίς λουριά.

6. Χρησιμοποιήστε οριζόντια / κατακόρυφη διανομή για σημεία δεδομένων με ομοιόμορφη απόσταση

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

Επιλέξτε τη γραμμή για την οποία θέλετε να έχετε ομοιόμορφα κορυφές, κάντε κλικ στην επιλογή Επεξεργασία στη γραμμή εργαλείων (ή πατήστε Enter στο πληκτρολόγιό σας), επιλέξτε όλα τα σημεία με ⌘ + A και, στη συνέχεια, κάντε κλικ στην οριζόντια ενέργεια διανομής στο επάνω μέρος του δεξιού παραθύρου. Τάδα! Όλες οι κορυφές σας είναι πλέον τέλεια σε απόσταση μεταξύ τους και ευθυγραμμισμένες με τις αντίστοιχες ετικέτες των αξόνων X (βεβαιωθείτε ότι αυτές είναι οριζόντια κατανεμημένες χρησιμοποιώντας την ίδια μέθοδο).

επί

7. Προσθέστε σε κάθε αντικείμενο έναν κανόνα αλλαγής μεγέθους

Το Sketch 39 εστάλη με ένα χαρακτηριστικό που περιμέναμε όλοι: Κανόνες αλλαγής μεγέθους. Ελέγξτε το φύλλο εξαπατήσεως του Peter Nowell, για να φτάσετε στην ταχύτητα.

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

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

  • Τα αντικείμενα Edge πρέπει να είναι Pinned to Edge. Αυτό περιλαμβάνει ολόκληρο τον άξονα Υ, τις περισσότερες ετικέτες αριστερού και δεξιού άξονα X και τα δύο αριστερά και δεξιά σημεία δεδομένων, εάν κάνετε ένα γράφημα γραμμής. Αυτό θα εξασφαλίσει ότι οι άκρες θα παραμείνουν σταθερές, ενώ όλα τα άλλα μέσα θα αλλάξουν και θα επιπλέουν.
  • Οποιαδήποτε δεδομένα στη μεσαία περιοχή του γραφήματος πιθανόν θα χρειαστεί να μεταφερθούν στη θέση. Αυτό θα διασφαλίσει ότι διατηρεί τις σχετικές αποστάσεις σε περιβάλλοντα σημεία δεδομένων και τα προστατεύει από το τέντωμα / παραμόρφωση.
  • Οι γραμμές πλέγματος θα πρέπει να ρυθμιστούν για να αλλάξετε το μέγεθος του αντικειμένου ή του τεντώματος. Δεν μπορώ να αρθρώσω γιατί, αλλά προσωπικά προτιμώ το Resize Object.
Μα, Μα! Δεν υπάρχει παραμόρφωση! Πηγαίνετε στο Chart Wizard ™ στο προφίλ Tinder.

8. Κλίμακα διαγράμματα χρησιμοποιώντας το ⌘K για να διατηρήσετε τους λόγους αναλογίας

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

Σε περίπτωση που απλά θέλετε να κάνετε μικρότερο γράφημα, είναι προτιμότερο να χρησιμοποιήσετε το ⌘ + K για να αλλάξετε το μέγεθος του γραφήματος, αντί να επιλέξετε το γράφημα και να αλλάξετε το μέγεθος του από τη γωνία μετασχηματίζοντας τα πράγματα (ό, τι καλούνται ...). Αυτό θα διασφαλίσει ότι όλα θα κλιμακωθούν, συμπεριλαμβανομένου του κειμένου. Δες παρακάτω:

9. Ορίστε τα σημεία δεδομένων σε "καθρέφτη" για ομαλές καμπύλες γραμμής

Πώς θα κάνουν τέτοιες λεπτές καμπύλες; - Εγώ, πριν από τρεις μήνες

Αντί να αγωνίζομαι με το εργαλείο πένας για να σχεδιάσω μια ομαλή, ομοιόμορφα διαχωρισμένη καμπύλη, θεωρώ ότι είναι πιο εύκολο να τραβήξω τις κορυφές μου με καθρέφτες λαβές. Παρακολουθήστε το GIF παρακάτω και σημειώστε ότι κάνω κλικ στο Shift ενώ κρατάω ανοιχτά τη λαβή της κορυφής. Κρατώντας τη λαβή οριζόντια θα διατηρήσετε τις μεταβάσεις ανάμεσα στις κορυφές ωραίες και βουτυρωμένες λεία. Αφού τοποθετήσετε μια κορυφή και ανοίξετε τις λαβές, αφήστε το Shift και, στη συνέχεια, κάντε κλικ στο drag-drag της επόμενης κορυφής ενώ κρατάτε ξανά το Shift.

10. Χρησιμοποιήστε τη μέθοδο "γραφής" για να δημιουργήσετε γρήγορα μια γραφική παράσταση σκέδασης

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

Σημείωση: Αν προσπαθείτε να απεικονίσετε πραγματικά δεδομένα στα mockups σας, αυτή η μέθοδος δεν θα σας βοηθήσει.

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

Εντάξει, πιάσε το εργαλείο μολύβι στο σκίτσο. Απλά πατήστε το γράμμα "P" στο πληκτρολόγιό σας.

Τι διάολο είναι το εργαλείο μολύβι ;! Δεν γνώριζα καν ότι υπήρχε. Δεν έχω ιδέα πότε ή γιατί θα χρησιμοποιούσα ποτέ κάτι τέτοιο. - Εγώ, την περασμένη εβδομάδα

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

Εντάξει, εδώ είναι το τμήμα μεγαλοφυίας: Δώστε τη γραμμή σας σε σύνορο και, στη συνέχεια, ορίστε μια υπερβολικά μεγάλη παύλα στις ρυθμίσεις των συνόρων. Κεραία. Άμεση γραφική διασπορά. Είστε σαν ο Michael Phelps των διαγραμμάτων αν πήγε στην επιστήμη των δεδομένων αντί να κολυμπήσει. Επίκαιρη αναφορά στην Ολυμπιακή. Λουκάνικο!

Ξεφύγετε από εδώ, Clippy! Όχι, δεν χρειάζομαι τη βοήθειά σας για τη δημιουργία διάσπαρτων οικόπεδων!

Αν αυτό το μικρό τέχνασμα Sketch είναι το μόνο που μου θυμάται όταν είμαι σκόνη στον άνεμο, θα πεθάνω ένας ευτυχισμένος άνθρωπος.

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

Σ 'αγαπώ τους ανθρώπους. Happy Sketching!