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

5 τρόποι να διατηρήσετε το σκίτσο σας καθαρό

Κοιτάξτε πόσο ωραία είναι αυτό το γεύμα που είναι ομαδοποιημένο μέσα στο περίγραμμα του! Τόσο φρέσκο! Έτσι καθαρό!

Αποποίηση: Μόλις έφαγα, έτσι το φαγητό είναι στο μυαλό μου. Απλά κυλήστε μαζί μου.

Εάν παρακολουθείτε το The Travel Channel ή το The Food Network όσο και εγώ, θα έχετε δει πολλές εκπληκτικές κουζίνες από τα κορυφαία εστιατόρια σε όλο τον κόσμο. Κάτι που έχουν όλοι κοινό; Κουζίνες με καθαρό νερό.

Μια κουζίνα τόσο καθαρή που αφήνουν τους προστάτες να προσέχουν!

Εστιατόρια όπως το The Alinea in Chicago παίρνουν τον καθαρισμό τους πολύ σοβαρά και η απόδειξη είναι στο πουτίγκα τους (αν και αμφιβάλλω ότι ένα εστιατόριο αστέρων 3 Michelin σερβίρει πουτίγκα). Ακολουθεί αυτό που είπε κάποιος σχετικά με το τελετουργικό καθαρισμού κουζίνας της Alinea:

Καθαρίσαμε τουλάχιστον 4 φορές κατά τις 9 με 10 ώρες που ήμουν εκεί [επισκέπτονται]. Τέσσερις μεγάλοι όλοι καθαρίζουν και πολλές μικρότερες καθαρίζει. Προσθέστε αυτό σε συνεχείς σκουπίδια γραμμής και σκούπισμα με κενό κάθε 20 λεπτά. Ο σταθμός όλων ήταν πεντακάθαρος και αν ήταν λιγότερο από τέλειος, ο σεφ σίγουρα θα σκούπισε, θα σας πειράξει και θα το έβλεπε. Ήταν ευνοϊκό για την εργασία καθαρό, έχοντας ένα τέτοιο καθαρό περιβάλλον. Τα πάντα ήταν λαμπερά, δεν υπήρχε «κακή κουζίνα» οπουδήποτε. Όλος ο εξοπλισμός - οι ψύκτες, το κατώτατο ράφι στο επιτραπέζιο τραπέζι, ο πυθμένας των γλάστρες και τα τηγάνια, τα βάθρα των κρεβατιών του ξενοδοχείου, οι πλάτες του εξοπλισμού, τα ράφια κάτω από τη γραμμή, τα παράθυρα - όλα ήταν καθαρά. Αυτή ήταν μια κουζίνα στην οποία κάθε επιφάνεια ήταν αρκετά καθαρή για να φάνε μακριά. (περισσότερα εδώ)

Το καθαρότερο είναι η κουζίνα σας, τόσο το καλύτερο θα είναι το προϊόν σας. Εδώ είναι μερικές συστάσεις για την αποφυγή της "κουζίνας grime" στα σχέδιά σας Sketch έτσι ώστε να παραμείνετε αποδοτικοί και τα παραδοτέα σας παραμένουν γυαλισμένα:

1. Προσέξτε σε ένα πλέγμα γραμμής βάσης

Δεν θα σας πω να χρησιμοποιήσετε οποιοδήποτε συγκεκριμένο μέγεθος, μόνο όσο κολλάτε σε αυτό. Προσωπικά προτιμώ ένα πλέγμα γραμμής βάσης 8px, επειδή παίζει όμορφα με διάφορα τυπογραφικά πρότυπα και έχει περισσότερους διαιρέτες (1, 2, 4, 8px) έναντι (1, 5, 10px), αλλά γνωρίζω ότι τα πλέγματα γραμμής βάσης 10px είναι δημοφιλή οι εφαρμογές στέλνονται με Shift + ← ως 10px. Έτσι χρησιμοποιήστε ό, τι επιπλέει το ρυμουλκό σας. Μπορείτε να χρησιμοποιήσετε το Nudg.it για να αλλάξετε την προεπιλεγμένη απόσταση Shift + ← για να εξοικονομήσετε χρόνο. Αυτό κάνει θαύματα όταν σχεδιάζετε σε ένα στυλ όπως το Google Material Design που λειτουργεί από ένα πλέγμα 8px.

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

2. Χρησιμοποιήστε τα κουτιά σύνδεσης

Μόλις ορίσετε το πλέγμα γραμμής βάσης, είναι εξαιρετικά χρήσιμο να χρησιμοποιήσετε πλαίσια πλαισίου για να κρατάτε αντικείμενα στον πίνακα γραφικών σας οργανωμένα και να τα διαχωρίζετε με συνέπεια. Στην παρακάτω εικόνα, χρησιμοποιώ πλαίσια οριοθέτησης για κάθε στοιχείο καρτέλας και δεν χρειάζεται να τοποθετήσετε κανένα χώρο μεταξύ των ομάδων καρτελών. Η απόσταση είναι ενσωματωμένη στο κιβώτιο οριοθέτησης, έτσι ώστε κάθε γλωττίδα να είναι σφιχτή σε αυτή που βρίσκεται δίπλα της. Χρησιμοποιώντας ένα plugin όπως το Button Relabel του Ken Moore θα σας επιτρέψει να δημιουργήσετε ομοιόμορφα διαχωρισμένες καρτέλες όπως αυτό μέσα σε λίγα δευτερόλεπτα.

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

3. Ποτέ μην χρησιμοποιείτε γραμμές για διαχωριστές

Ενώ είμαστε σχετικά με το θέμα των μεγεθών των περιοχών κλικ, μπορούμε να μιλήσουμε για το πόσο δύσκολο είναι να πιάσουμε ένα τμήμα γραμμής ;! Είναι σαν το Sketch λέει: "Γνωρίζουμε ότι υπάρχουν 2 εκατομμύρια pixels στην οθόνη, αλλά πρέπει να κάνετε κλικ σε αυτό ακριβώς. Όχι αυτό το ... nope ... το ... nope ... almos ... καρφωμένο i ... nope. "

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

Τι πρέπει να κάνεις αντ 'αυτού; Συνιστώ να χρησιμοποιείτε εσωτερικές σκιές για να σχεδιάζετε γραμμές. Σχεδιάστε ένα ορθογώνιο και δώστε του μια εσωτερική σκιά όπως αυτή:

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

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

4. Οργανώστε τα στυλ και τα σύμβολά σας

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

Ακόμα αλφαβητίζει τα πράγματα στο υπομενού σας για σας! Ευχαριστώ, Σκίτσο!

5. Ονομάστε τα επίπεδα σας ... Όλα αυτά

Επιλέξτε ένα αντικείμενο στον πίνακα γραφικών σας και μάθετε αυτήν την ακολουθία πλήκτρων:

Command + Shift + J
Command + R

Το κατάλαβα?! Θα πρέπει να επιλέξετε το επίπεδο στη λίστα των επιπέδων σας, και στη συνέχεια να επισημάνετε το όνομα του στρώματος για να το αλλάξετε. ProTip: Χρησιμοποιήστε το πλήκτρο Tab για να μεταβείτε στο επόμενο στρώμα στη λίστα των επιπέδων σας για να μετονομάσετε και αυτό το ένα! Συνιστώ αυτό το plugin από τον Rodrigo Soares για να μετονομάσετε πολλαπλά στρώματα ταυτόχρονα, να βρείτε και να αντικαταστήσετε και να μετονομάσετε την ακολουθία!

Στο παραπάνω στιγμιότυπο οθόνης, θα δείτε ότι έχω καλέσει το "Jason Burke" στρώμα "Όνομα". Γιατί; Λοιπόν γιατί είναι αυτό που είναι. Από προεπιλογή, το Σκίτσο θα ονομάσει το στρώμα σε οποιοδήποτε κείμενο βρίσκεται μέσα σε αυτό, αλλά η εμφάνιση του "Jason Burke" σε μια λίστα δυνητικά εκατοντάδων στρωμάτων δεν είναι ιδιαίτερα χρήσιμη για μένα.

Έτσι τι ... δεν είναι μια τεράστια διαπραγμάτευση; Όχι πραγματικά, όχι. Αλλά όπου γίνεται εξαιρετικά χρήσιμη είναι όταν μπορείτε να κάνετε τέτοια πράγματα:

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

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

Κανείς δεν αρέσει να καθαρίζει έναν πύργο από βρώμικα πιάτα μετά από να περάσει μια ώρα μαγειρέματος δείπνο, οπότε κάνετε τον εαυτό σας μια χάρη και καθαρό καθώς πηγαίνετε! Happy Sketching!

Πολλές από τις εικόνες που χρησιμοποιήθηκαν σε αυτήν την ανάρτηση λήφθηκαν απευθείας από τα UX Power Tools που σχεδιάσαμε σχολαστικά με αυτές τις (και άλλες) τεχνικές στο μυαλό.

Ελέγξτε το στο https://www.uxpower.tools και ακολουθήστε μας στο Twitter @uxpowertools. Ακολουθήστε και εμένα, αν σας διασκεδάσει: @thejmoore.