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

"Δεν ήξερα ότι ο Σκέτς θα μπορούσε να το κάνει αυτό!"

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

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

1. Σύρετε και αποθέστε για να αντικαταστήσετε μια φόρμα σχήματος

Ο γρηγορότερος τρόπος αντικατάστασης μιας φωτογραφίας συμπληρώστε ένα σχήμα με μια φωτογραφία του R2D2:

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

2. Μετακίνηση και απόθεση για να παρακάμψετε μια φωτογραφία συμβόλων

Ο ταχύτερος τρόπος αντικατάστασης μιας φωτογραφίας συμπληρώνει ένα σύμβολο με μια μοντέρνα εικόνα ενός MacBook σε ένα υπερβολικά καθαρό γραφείο στο σπίτι:

Αυτός είναι ιδιαίτερα βολικός για την εναλλαγή φωτογραφιών σε μια λίστα χρηστών. Δείτε το http://www.diverseui.com για φωτογραφίες χρηστών.

Πώς να: Επιλέξτε το σύμβολο που θέλετε να αντικαταστήσετε και σύρετε μια φωτογραφία στο παράθυρο εικόνας δίπλα από εκεί όπου αναγράφεται "Επιλογή εικόνας ..." 🖥

3. Επικεφαλίδες φωτογραφιών με δυνατότητα αλλαγής μεγέθους

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

Έπρεπε να εξετάσω το MacBook μου για να δω αν έπρεπε να κεφαλαιοποιήσω το

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

4. Drag-and-Drop Designs για Slack

Ο γρηγορότερος τρόπος να αποκτήσετε μια δεύτερη γνώμη σχετικά με το Slack από αυτόν που είναι υπερβολικά επικριτικός για τα πάντα *:

Σίγουρα δεν διαβάζουμε τη συνομιλία μας.

* (jk, αυτός είναι πραγματικά υπέροχος)

Πώς να: Μεταφέρετε ένα στρώμα, μια ομάδα ή ένα Artboard από το Σκίτσο κατευθείαν στο Slack. Κρατήστε στροφή για να παρακάμψετε το παράθυρο διαλόγου φόρτωσης και να μεταφορτώσετε αμέσως.

5. Χρησιμοποιήστε μια φωτογραφία ως πλήρωση κειμένου

Αυτό είναι πιο εύκολο με το πρόσθετο Craft για το Sketch by InVision, επειδή σας επιτρέπει να δημιουργείτε γρήγορα φωτογραφίες online.

Ο γρηγορότερος τρόπος για να συμπληρώσετε κείμενο με μια φωτογραφία από κάποιο νόστιμο επιδόρπιο, χωρίς να χρειάζεται να περιγράψετε το κείμενο και να το χρησιμοποιήσετε ως μάσκα:

Ανακάλυψα αυτό εντελώς τυχαία, όπως όταν ανακάλυψα ότι το γάλα είχε πάθει κακό στο ψυγείο.

Πώς να: Επιλέξτε το επίπεδο κειμένου που θέλετε να συμπληρώσετε. Ανοίξτε την καρτέλα "Δεδομένα" από τη λωρίδα προσθήκης Craft. Βρείτε μια φωτογραφία στο Custom / Web / JSON και κάντε κλικ για να γεμίσετε το κείμενό σας με τη φωτογραφία.

** EDIT: Μπορείτε επίσης να το κάνετε προσθέτοντας μια εικόνα γεμίζοντας το ίδιο το κείμενο. Βεβαίως, ξεχνάω πάντα ότι το κείμενο έχει χρώμα τόσο κειμένου όσο και κείμενο. Λίγο περιττό εάν με ρωτάς, αλλά είναι αυτό που είναι :) Χάρη στον Ryan J για τα Designer News για να δείξω αυτό [πολύ προφανές πράγμα] έξω για μένα!

6. Προσκόλληση κειμένου σε διαδρομή

Ο γρηγορότερος τρόπος για να τραβήξετε ταυτόχρονα κείμενο σε ένα μονοπάτι και να πάρετε ένα κλασικό τραγούδι της Disney κολλημένο στο κεφάλι κάποιου:

Έχετε αποθηκεύσει μια αναζήτηση Google: https://www.youtube.com/watch?v=4DE5a80I8EU

Πώς να: Σχεδιάστε μια διαδρομή με το εργαλείο στυλό (συντόμευση: V) ή διαγράφοντας διανυσματικά σημεία ενός σχήματος (όπως έκανα για τον ημικύκλιο παραπάνω). Δώστε του ένα σύνορο για να είναι πιο εύκολο να το δείτε. Επιλέξτε το κείμενο που θέλετε στη διαδρομή. Επιλέξτε "Κείμενο σε διαδρομή" από το μενού Τύπος. Σύρετε το κείμενό σας προς την επιθυμητή διαδρομή. Το κείμενό σας θα συνδεθεί αυτόματα σε αυτό. Ζωηρός!

7. Super Custom Τυπογραφία

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

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

Πώς να: Επιλέξτε κάποιο κείμενο και τον επισημάνετε (αυτός είναι ο μόνος τρόπος για να εφαρμόσετε αυτές τις προσαρμοσμένες ρυθμίσεις ... δεν θα λειτουργήσει αν επιλέξετε το επίπεδο κειμένου). Επιλέξτε Προβολή → Εμφάνιση γραμματοσειρών και, στη συνέχεια, επιλέξτε Τυπογραφία από την αναπτυσσόμενη λίστα ρυθμίσεων στο επάνω αριστερό μέρος του παραθύρου διαλόγου Γραμματοσειρές. Ο διάλογος που θα προκύψει θα περιέχει όλες τις διαθέσιμες σύνθετες ρυθμίσεις για την επιλεγμένη γραμματοσειρά.

8. Τέλειες κάρτες δικτύου

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

Jk, είμαι απόλυτα αυτός ο τύπος.

Αλλά σοβαρά, το Playfair Display είναι ένα πανέμορφο τυπογραφικό.

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

Τώρα διαβάστε αυτό:

Όταν δεν γράφω, δουλεύω σε εργαλεία σχεδίασης Sketch όπως τα UX Power Tools για να σας κάνει έναν καλύτερο, πιο αποδοτικό σχεδιαστή. Όλοι οι κορυφαίοι σχεδιαστές σκίτσων το χρησιμοποιούν, και νομίζω ότι μπορεί να σας αρέσει και εγώ. Ελέγξτε το στο Marvel!

Ακολουθήστε το UX Power Tools στο Twitter
Ακολούθησέ με στο τουίτερ