Περιεχόμενο
- 01. Οδηγοί αντιγραφής και επικόλλησης
- 02. Καθαριστικό σκίτσων
- 03. Anima
- 04. Αντιδράστε το Sketch.app
- 05. Πρόσθετο Git Sketch
- 06. ImageOptim
- 07. Μαγικός καθρέφτης
- 08. Εξαγωγή περισσότερων
- 11. Marketch
- 12. Τμηματοποιημένοι κύκλοι
- 13. Σκίτσο δρομέας
- 14. Γραμματοσειρά εικονιδίου
- 15. Βρείτε και αντικαταστήστε
Οι προσθήκες Sketch βοηθούν το Sketch να γίνει ακόμα καλύτερο. Το Sketch είναι το εργαλείο σχεδιασμού ιστοσελίδων διεπαφής χρήστη για πολλούς και μέρος αυτού που κάνει τόσο καλό είναι η κοινότητα των ανθρώπων που εργάζονται για να επεκτείνουν τη λειτουργικότητα και τις δυνατότητές της δημιουργώντας προσαρμοσμένες προσθήκες.
Η διαχείριση των προσθηκών σας στο Sketch είναι πλέον ευκολότερη από ποτέ. Τα πρόσθετα ενημερώνονται αυτόματα και τα παλιά είναι απενεργοποιημένα. Το οικοσύστημα της προσθήκης ακόμη πιο χρήσιμο είναι το Sketch Cloud, μια υπηρεσία κοινής χρήσης αρχείων για την οποία μπορεί να εγγραφεί ο καθένας, όπου μπορείτε να προβάλετε, να κατεβάσετε και να σχολιάσετε έγγραφα Sketch που έχουν κοινοποιηθεί δημόσια ή ιδιωτικά απευθείας από το Sketch.
Ας ρίξουμε μια ματιά στις καλύτερες προσθήκες Sketch - αυτές που θα μπορούσαν να αλλάξουν δραστικά τον τρόπο σχεδίασης των διεπαφών χρήστη. Μόλις εντοπίσετε αυτό που θέλετε, διαβάστε πώς μπορείτε να εγκαταστήσετε τις προσθήκες Sketch. Αν σας αρέσουν τα εργαλεία ιστού σας, μην χάσετε τα αγαπημένα μας εργαλεία σχεδίασης ιστού, δημιουργίες ιστότοπων και συγκεντρώσεις cloud. Και να θυμάστε, η επιλογή του παρόχου φιλοξενίας ιστοσελίδων είναι ζωτικής σημασίας για την επιτυχία του ιστότοπού σας (ο οδηγός μας θα βοηθήσει).
01. Οδηγοί αντιγραφής και επικόλλησης
- Κατέβασε εδώ
- Τιμή: Ελεύθερος
- Περίληψη: Αντιγράψτε, επικολλήστε ή καταργήστε οδηγούς από τους πίνακες γραφικών σας
Κάθε σχεδιαστής έχει σχέση αγάπης / μίσους με οδηγούς. Μερικές φορές είναι απολύτως απαραίτητες και τον υπόλοιπο χρόνο έρχονται στο δρόμο σας. Εάν χρησιμοποιείτε οδηγούς αντί για την επιλογή διάταξης του Sketch, η αλλαγή τους σε πολλούς πίνακες γραφικών μπορεί να είναι εφιάλτης, αλλά με αυτήν την προσθήκη είναι εύκολο να αντιγράψετε, να επικολλήσετε και να αφαιρέσετε οδηγούς από όλους τους πίνακες γραφικών σας.
02. Καθαριστικό σκίτσων
- Κατέβασε εδώ
- Τιμή: $2
- Περίληψη: Αποκτήστε τα αρχεία σχεδίασης τόσο καθαρά όσο ένα σφυρίχτρα
Οποιοσδήποτε σχεδιασμός Sketch που έχει περάσει από μερικές επαναλήψεις είναι βέβαιο ότι θα πάρει λίγο σκουπίδια στο δρόμο, όπως κρυφά στρώματα, ασυνεπείς θέσεις περιγράμματος και αχρησιμοποίητα στυλ επιπέδων.
Αν και δεν είναι το τέλος του κόσμου να έχουμε ένα ακατάστατο αρχείο Sketch, θα μπορούσε να επηρεάσει το hand-off και θα κάνει τη ζωή ευκολότερη για όσους πρέπει να το κατανοήσουν. Αντί να περάσετε τα πάντα με το χέρι, χρησιμοποιήστε το Sketch Cleaner για να αντιμετωπίσετε αυτόματα όλα τα κοινά προβλήματα.
03. Anima
- Κατέβασε εδώ
- Τιμή: Δωρεάν προς τα πάνω
- Περίληψη: Δημιουργήστε πρωτότυπα υψηλής απόκρισης
Προηγουμένως διαθέσιμο ως ξεχωριστά δωρεάν πρόσθετα - Αυτόματη διάταξη και Launchpad - Το Anima είναι πλέον ένα all-in-one plugin που έχει σχεδιαστεί για να σας βοηθήσει να δημιουργήσετε αποκριτικές διατάξεις με καρφίτσες, στοίβες και padding και πρωτότυπα υψηλής πιστότητας που ταιριάζουν σε όλες τις οθόνες. Υπάρχει ακόμα μια δωρεάν έκδοση που υποστηρίζει ένα έργο. για απεριόριστα έργα, η τιμολόγηση ξεκινά από 25 $ ανά μήνα.
04. Αντιδράστε το Sketch.app
- Κατέβασε εδώ
- Τιμή: Ελεύθερος
- Περίληψη: Δώστε στοιχεία React στο Sketch
Η διαχείριση στοιχείων σχεδιασμού μπορεί στο Sketch να είναι δύσκολη. Αυτή η εύχρηστη προσθήκη Sketch παρέχει έναν ευκολότερο, πιο αξιόπιστο τρόπο διαχείρισης των στοιχείων σας. Εφαρμόστε τα σχέδιά σας σε κώδικα ως στοιχεία React και, στη συνέχεια, χρησιμοποιήστε αυτό το πρόσθετο για να τα μετατρέψετε σε σκίτσο. Διευκολύνει επίσης τη λήψη και την εφαρμογή πραγματικών δεδομένων στα αρχεία σας στο Σκίτσο.
Το React Sketch.app αναπτύχθηκε από την Airbnb για χρήση με το σύστημα σχεδιασμού της, με σκοπό να βοηθήσει στη γεφύρωση του χάσματος μεταξύ σχεδιαστών και προγραμματιστών.
05. Πρόσθετο Git Sketch
- Κατέβασε εδώ
- Τιμή: Ελεύθερος
- Περίληψη: Ένας πελάτης Git ενσωματωμένος στο Sketch
Αυτή η προσθήκη στοχεύει να φέρει τον έλεγχο έκδοσης στο Sketch. Λειτουργεί εξάγοντας μια εικόνα για κάθε μέρος της σχεδίασης και, στη συνέχεια, δημιουργεί αρκετά διαφορετικά, ώστε να είναι σαφές ποιες αλλαγές έχουν γίνει. Καταγράφοντας κάθε βήμα της διαδικασίας σχεδιασμού, όλοι στην ομάδα μπορούν να δουν πώς έχει προχωρήσει ο σχεδιασμός.
Το Git Sketch Plugin δημιουργήθηκε από τον Mathieu Dutour, ο οποίος έκτοτε προχώρησε στη δημιουργία ενός πιο ολοκληρωμένου, πληρωμένου συστήματος ελέγχου έκδοσης που ονομάζεται Kactus.
06. ImageOptim
- Κατέβασε εδώ
- Τιμή: Ελεύθερος
- Περίληψη: Βελτιστοποίηση εικόνας στο Sketch
Ενώ το Sketch προσφέρει τη δική του λύση για τη βελτιστοποίηση αρχείων SVG, δεν υπάρχει ποικιλία επιλογών για τη συμπίεση εικόνων JPG και PNG. Δεδομένου ότι το ImageOptim προσφέρει μια σταθερή υπηρεσία για αρκετά χρόνια, είναι λογικό να φέρει αυτή τη λειτουργικότητα στο Sketch.
Κάθε σχεδιαστής που ενδιαφέρεται για τους χρόνους φόρτωσης και τη βελτιστοποίηση εικόνας (που θα πρέπει να είναι όλοι οι σχεδιαστές) θα πρέπει να προσθέσει το ImageOptim στην εργαλειοθήκη τους. Λάβετε υπόψη ότι, καθώς και η προσθήκη, θα χρειαστείτε την κεντρική εφαρμογή ImageOptim (δωρεάν) εγκατεστημένη στο σύστημα macOS και θα πρέπει να επισημάνετε τα επίπεδα ως εξαγώγιμα στο Sketch (μεταβείτε στην ενότητα «Εξαγωγή και βελτιστοποίηση όλων των στοιχείων» για να ξεκινήσετε).
07. Μαγικός καθρέφτης
- Κατέβασε εδώ
- Τιμή: Από 4 $ / μήνα
- Περίληψη: Εργαλείο μετασχηματισμού προοπτικής εικόνας
Εάν προσπαθείτε να κάνετε εντυπωσιακά κοροϊδεύω προϊόντων, αλλά πρέπει να συνεχίσετε να μεταβαίνετε στο Photoshop για να αντιμετωπίσετε τα δύσκολα πράγματα, το Magic Mirror θα μπορούσε να σας σώσει τη ζωή. Είναι ένα εργαλείο μετατροπής προοπτικής εικόνας, που σας δίνει τη δυνατότητα να δημιουργήσετε προοπτικές κοροϊδεύσεις και άλλα παραμορφωμένα εφέ χωρίς να αφήσετε ποτέ το Sketch.
08. Εξαγωγή περισσότερων
- Κατέβασε εδώ
- Τιμή: Ελεύθερος
- Περίληψη: Δημιουργεί αυτόματα εικόνες κράτησης θέσης
Η προσθήκη εικόνων κράτησης θέσης σε ένα σχέδιο είναι απαραίτητο μέρος του πρωτοτύπου, αλλά η εύρεση των πραγματικών εικόνων μπορεί να είναι πόνος. Έτσι, αντί να χάνετε χρόνο σε αυτό, αφήστε τα όλα στο Day Player. Αυτό σας επιτρέπει να προσθέσετε προσαρμοσμένες εικόνες placeholder σε οποιοδήποτε έγγραφο Sketch, από μια σειρά διαφορετικών υπηρεσιών εικόνας placeholder, οπότε η μεγαλύτερη απόφαση που θα πρέπει να κάνετε είναι αν θέλετε να χρησιμοποιήσετε τον Bill Murray, τον Nicolas Cage ή τα γατάκια.
11. Marketch
- Κατέβασε εδώ
- Τιμή: Ελεύθερος
- Περίληψη: Δημιουργήστε σελίδα html που μπορεί να μετρήσει και να πάρει στυλ CSS
Αν θέλετε να ανακτήσετε στυλ CSS από τα σχέδια του Sketch, τότε είναι απαραίτητο ένα πρόσθετο όπως το Marketch. Σας δίνει τη δυνατότητα να εξάγετε τους πίνακες γραφικών Sketch ως αρχείο zip γεμάτο από έγγραφα HTML που μπορείτε στη συνέχεια να εξαγάγετε για να τραβήξετε πολλά γλυκά CSS, έτοιμα να ξεκινήσετε.
12. Τμηματοποιημένοι κύκλοι
- Κατέβασε εδώ
- Τιμή: Ελεύθερος
- Περίληψη: Δημιουργήστε ακριβή κυκλικά γραφικά
Ακολουθεί ένας γρήγορος τρόπος δημιουργίας τμηματοποιημένων κύκλων για γραφήματα και διαγράμματα. Αυτό το πρόσθετο μπορεί να παράγει διάφορα στυλ κυκλικού διαγράμματος, όπως διακεκομμένους και κύκλους σημάνσεων, και τα πάχη ελέγχονται μέσω μιας απλής λίστας τιμών διαχωρισμένων με κόμμα.
13. Σκίτσο δρομέας
- Κατέβασε εδώ
- Τιμή: Ελεύθερος
- Περίληψη: Spotlight για αναζήτηση
Το Sketch είναι πολύ αγαπητό για τη μινιμαλιστική ροή εργασίας του πληκτρολογίου. Τούτου λεχθέντος, υπάρχουν πάντα δύο ή τρεις συντομεύσεις πληκτρολογίου που πάντα φαίνεται να ξεχνάτε ή να συγχέετε με μια άλλη εφαρμογή σχεδίασης όπως το Photoshop - και ας μην ξεχνάμε αυτά τα λιγότερο κοινά εργαλεία και λειτουργίες που δεν έχουν συντόμευση πληκτρολογίου και είναι κρυμμένα βαθιά στο Μενού σκίτσων.
Το Sketch Runner επιλύει αυτά τα ζητήματα και το κάνει με τρόπο που εξοικειώνουν οι χρήστες macOS - Το Sketch Runner είναι το Spotlight του macOS, αλλά για το Sketch.
14. Γραμματοσειρά εικονιδίου
- Κατέβασε εδώ
- Τιμή: Ελεύθερος
- Περίληψη: Διαχείριση γραμματοσειρών εικονιδίων
Οι γραμματοσειρές εικονιδίων είναι ένας πολύ αποτελεσματικός τρόπος χρήσης εικονιδίων στα σχέδια Ιστού σας χωρίς να χρειάζεται να εξάγετε και να βελτιστοποιείτε έναν τόνο στοιχείων εικόνας. Συνήθως αναφέρονται οι γραμματοσειρές εικονιδίων στο κεφάλι> τμήμα των ιστοσελίδων HTML, όπως κάνουμε με CSS και JavaScript. Ωστόσο, η χρήση τους στο Sketch είναι λίγο πιο περίπλοκη. Ευτυχώς, το εικονίδιο γραμματοσειράς το καθιστά εύκολο.
Μετά τη λήψη και εγκατάσταση του Sketch IconFont, κατεβάστε αρχεία γραμματοσειρών SVG ή κατεβάστε αυτό το πακέτο γραμματοσειρών, το οποίο περιλαμβάνει τα αρχεία γραμματοσειρών για FontAwesome, Material Design Icons, Ion Icons και Simple Line Icons. Όταν τελειώσετε, μεταβείτε στην ενότητα Πρόσθετα> Γραμματοσειρά εικονιδίου> Εγκατάσταση γραμματοσειράς γραμματοσειράς, επιλέξτε τις γραμματοσειρές που έχετε λάβει από το παράθυρο διαλόγου Άνοιγμα αρχείου και, στη συνέχεια, μεταβείτε στην ενότητα Πρόσθετα> Γραμματοσειρά εικονιδίου> Εισαγωγή πλέγματος> [γραμματοσειρά εικονιδίου που θέλετε] για να εισαγάγετε ένα εικονίδιο.
Ακόμα κι αν σκοπεύετε να σχεδιάσετε ένα προσαρμοσμένο σετ εικονιδίων για το σχέδιό σας, έχοντας έτοιμα εικονίδια στη διάθεσή σας μπορεί να σας βοηθήσει με γρήγορο πρωτότυπο στα αρχικά στάδια του σχεδιασμού, προσθέτοντας λίγο περισσότερη σαφήνεια / πιστότητα στα πρότυπα χαμηλής πιστότητας .
15. Βρείτε και αντικαταστήστε
- Κατέβασε εδώ
- Τιμή: Ελεύθερος
- Περίληψη: Εύρεση και αντικατάσταση κειμένου σε επιλεγμένα επίπεδα
Οι συντάκτες κειμένου δεν είναι το μόνο μέρος που χρειάζεστε για να βρείτε και να αντικαταστήσετε - είναι επίσης χρήσιμο στο Sketch. Αυτή η προσθήκη έχει πολλές προηγμένες επιλογές και σας επιτρέπει να αναζητήσετε περιπτώσεις συγκεκριμένων λέξεων ή φράσεων στο κείμενο σε επιλεγμένα επίπεδα (και όλα όσα περιέχονται μέσα) και στη συνέχεια να το αντικαταστήσετε εύκολα.
Επόμενη σελίδα: Περισσότερα εξοικονόμηση χρόνου προσθήκες Sketch
