Χαρακτηριστικά σκίτσου για τα οποία δεν γνωρίζατε

Οδηγός GIF σχετικά με τον τρόπο βελτίωσης της παραγωγικότητάς σας.

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

1. Γρήγορη εξαγωγή εικόνας

Εξαγωγή από το πρόχειρο

Μπορείτε να επικολλήσετε τις εικόνες από το Σκίτσο απευθείας στο Slack, Telegram ή σε οποιοδήποτε άλλο messenger. Επιλέξτε στοιχεία (ομάδες, πίνακες τέχνης, σύμβολα ή μεμονωμένα στρώματα), αντιγράψτε και επικολλήστε τα σε έναν αγγελιοφόρο. Ωστόσο, οι πολλαπλές επιλογές θα συγχωνευτούν σε μία εικόνα μετά την επικόλληση, οπότε χρησιμοποιώ αυτήν την τεχνική για την εξαγωγή ενός στοιχείου κάθε φορά.

Σύρετε και αποθέστε

Αυτό είναι χρήσιμο όταν χρειάζεται να εξαγάγετε γρήγορα πολλά περιουσιακά στοιχεία. Μεταφέρετε τα από τη λίστα των επιπέδων σε οποιοδήποτε φάκελο στον υπολογιστή Mac. Επιπλέον, πολλά διαφορετικά αντικείμενα όπως πίνακες τέχνης, σύμβολα, ομάδες ή μεμονωμένα στρώματα μπορούν να σύρονται ταυτόχρονα. Σημειώστε ότι τα στοιχεία θα εξάγονται @ 1x από προεπιλογή. Μπορείτε να προσαρμόσετε την προεπιλογή εξαγωγής, αλλά να μην ορίσετε πολλές προρυθμίσεις ταυτόχρονα, επειδή το Σκίτσο δεν εξάγει μία εικόνα σε πολλαπλές αναλύσεις.

2. Γρήγορη εισαγωγή εικόνας

Εισαγωγή από το πρόχειρο

Θεωρώ πολύ χρόνο για να γεμίσω σχήματα με εικόνες από το πρόχειρο. Υπάρχουν διάφοροι τρόποι να τοποθετήσετε μια εικόνα στο πρόχειρο, όπως αντιγραφή μιας εικόνας από έναν τοπικό φάκελο ή δεξί κλικ και αντιγραφή στην αναζήτηση εικόνων Google, χωρίς να χρειάζεται να συνεχίσετε να εξηγείτε το προφανές. Όταν θέλω γρήγορα να κάνω mock μια διασύνδεση που χρησιμοποιώ Cmd + Shift + Ctrl + 4, εδώ ανοίγω το παράθυρο διαλόγου γεμίσματος εικόνας και αυτόματα επικολλά την εικόνα από το πρόχειρο, αν δεν έχει προηγουμένως επιλεγεί η πλήρωση της εικόνας. Όταν μεταβαίνετε από οποιαδήποτε άλλη πλήρωση στο γεμάτο εικ να, ενδέχεται να μην επικολληθεί αυτόματα, οπότε πρέπει να επιλέξετε το πλήκτρο της εικόνας και πατήστε Cmd + V.

Σύρετε και αποθέστε

Σύρετε και αφήστε να αντικαταστήσετε ένα γεμάτο σχήμα ή να αντικαταστήσετε μια εικόνα συμβόλου.

3. Αντιγράψτε την επικόλληση και την εξαγωγή της εικόνας

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

4. Δημιουργήστε προσαρμοσμένες συντομεύσεις

Ορισμένες εργασίες ρουτίνας χρειάζονται πολύ χρόνο, γι 'αυτό χρησιμοποιώ plugins για να γίνουν ταχύτερα τα πράγματα. Οι προσθήκες είναι ένα τεράστιο πλεονέκτημα του Sketch, αλλά ακόμα δεν είναι τέλειες, καθώς η απαιτούμενη λειτουργικότητα είναι θαμμένη βαθιά μέσα στο μενού. Έχω κουραστεί από την πλοήγηση σε αυτά τα υπομενού, έτσι έχω δημιουργήσει προσαρμοσμένες συντομεύσεις.

Ας εξετάσουμε την περίπτωση όπου δημιουργήσαμε ένα πλευρικό σύμβολο πλοήγησης και θέλουμε το πλαίσιο Overrides να φαίνεται καθαρό. Χωρίς plugins θα χρειαζόταν να μετονομάσουμε με το χέρι, να αναδιατάξουμε τα επίπεδα και να αλλάξουμε τις αποστάσεις. Με τη λειτουργία Automate, Distributor και Rename It, αποφεύγουμε αυτή τη βαρετή εργασία.

Έχω μοιραστεί τη λίστα προσαρμοσμένων συντομεύσεων μου. Το σκίτσο έχει και τη λίστα των συντομεύσεων στην ιστοσελίδα τους.

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

5. Αντιγράψτε και επικολλήστε στυλ

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

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

6. Εργαστείτε με μονοπάτια όπως ο επαγγελματίας

Στη λειτουργία επεξεργασίας χρησιμοποιήστε το Shift για να βρείτε το κέντρο μεταξύ δύο σημείων. Επίσης, πατήστε την καρτέλα Tab για να περιηγηθείτε σε σημεία σε μια διαδρομή.

Ευθυγραμμίστε τα σημεία αγκύρωσης με τα εργαλεία ευθυγράμμισης.

7. Περιηγηθείτε εύκολα στα στρώματα

Σύμπτυξη και επέκταση όλων των επιπέδων με ένα κλικ

Επιλογή + Κάντε κλικ σε ένα φάκελο για να συμπτύξετε γρήγορα όλο το περιεχόμενό του. Επίσης, δημιουργήστε μια συντόμευση για να συμπτύξετε όλα τα επίπεδα. Χρησιμοποίησα το Cmd + U για αυτό.

Περιηγηθείτε σε ομάδες

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

8. Αλλαγή μεγέθους με περιορισμούς

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

9. Χρησιμοποιήστε μαθηματικά στο πεδίο

Δημιουργήστε διαγράμματα ντόνατ και δείκτες προόδου

Αυτό είναι χρήσιμο όταν προσπαθείτε να σχεδιάσετε ένα διάγραμμα ντόνατς ή μια κυκλική γραμμή προόδου. Ας φτιάξουμε ένα κύκλο μεγέθους 300 × 300 px, για παράδειγμα. Στη συνέχεια, χρησιμοποιήστε τον τύπο που κάνει όλα τα μαγεία: 3,14 * τοις εκατό σε δεκαδικό * κύκλο διάμετρο. Πληκτρολογήστε τον τύπο στο πεδίο Dash και ορίστε το κενό σε έναν πολύ μεγάλο αριθμό, έτσι ώστε να έχετε μια γραμμή και όχι μία διακεκομμένη. Για να πάρετε το δεκαδικό - διαιρέσετε το ποσοστό κατά 100. Εάν το γράφημα δεν ξεκινά από το σημείο που θέλετε να το - απλά αναστρέψτε το.

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

Αλλαγή μεγέθους στοιχείων

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

Μετακίνηση στρωμάτων χρησιμοποιώντας συντεταγμένες

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

10. Πραγματοποιήστε το πλέγμα

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

11. Διπλές κινήσεις

Εάν χρειάζεται να αντιγράψετε γρήγορα πολλά στοιχεία με σταθερά περιθώρια - δεν χρειάζεται να δημιουργείτε πλέγματα, ειδικά όταν θέλετε να απεικονίσετε το περιθώριο που ρυθμίζετε. Hold Option ενώ σύρετε ένα στοιχείο και στη συνέχεια χρησιμοποιήστε το Cmd + D για να το αντιγράψετε.

ΥΣΤΕΡΟΓΡΑΦΟ. Ελπίζω ότι αυτό θα σας βοηθήσει να εργαστείτε ταχύτερα. Παρεμπιπτόντως, τι τεχνάσματα Sketch χρησιμοποιείτε για τη βελτιστοποίηση της ροής εργασίας; Παρακαλώ, μοιραστείτε τα αγαπημένα σας.