Η ροή εργασίας του σχεδιασμού μας θα βελτιωθεί τόσο πολύ με τις Βιβλιοθήκες Sketch! + =

Με μερικές συμβουλές! Διατίθεται τώρα στο Sketch 47 Beta, έρχεται σύντομα στην επόμενη σταθερή έκδοση!

Ιστορικό από τη Μία Μπέικερ

Οι δυνατότητες των βιβλιοθηκών από το Sketch Beta είναι καθυστερημένες στο σχεδιαστικό σύστημα. Adobe XD, Figma, ακόμη και UXPin έχουν εφαρμόσει τα χαρακτηριστικά, και είναι καλό ~! Οι λειτουργίες της Βιβλιοθήκης υπονομεύθηκαν κατά τη διάρκεια της απελευθέρωσης του Sketch 43.

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

Γιατί χρειαζόμαστε χαρακτηριστικά βιβλιοθηκών;

Ο σχεδιασμός του προϊόντος είναι αρκετά περίπλοκος στις μέρες μας και πρέπει να μεταφέρουμε τα πράγματα σε ταχύτητα φωτός από ποτέ για να ευθυγραμμιστούμε με τα σπριντ ή την ημερομηνία έναρξης. Για να ανταποκριθούμε στην απαίτηση, πρέπει να διαθέτουμε ένα εργαλείο που μπορεί να βοηθήσει στη διατήρηση της συνέπειας στο σχεδιασμό, την ενημέρωση, την εύκολη πρόσβαση στους συμπαίκτες κλπ. Και το σύστημα σχεδιασμού είναι η απάντηση σε αυτό!

Ο καλύτερος σχεδιασμός συμβαίνει όταν οι σχεδιαστές συνεργάζονται μαζί.
Φοβερό σύστημα σχεδιασμού Predix της GE

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

Επίσης, δεν χρειάζεται να αντιγράψετε με το χέρι κάποια σύμβολα από άλλο αρχείο σκίτσων. Μερικές φορές θα λάβετε διπλότυπα σύμβολα και θα χρεώσετε το τρέχον αρχείο σκίτσων μου. Παρόλο που υπάρχουν εργαλεία όπως η Craft Library, η Brand.ai, η Lingo και άλλα, νομίζω ότι δεν είναι ακόμα τέλειοι, και κάποιοι χρειάζονται επιπλέον για να εγγραφούν.

Τώρα το Σκίτσο έχει τις δικές του εγγενείς λειτουργίες Βιβλιοθηκών, αλλά ας δούμε πώς μπορεί να αντικαταστήσει αυτά τα υπάρχοντα εργαλεία βιβλιοθήκης!

Ας αρχίσουμε!

Μπορούμε να χρησιμοποιήσουμε τις Βιβλιοθήκες Sketch για να εισαγάγουμε γρήγορα σύμβολα από την προεπιλεγμένη βιβλιοθήκη "Design UI Design" ή να εισάγουμε το αρχείο Sketch που έχει ήδη πολλούς στοιχεία UI και να το χρησιμοποιήσει ως βιβλιοθήκη συμβόλων. Ναι, μια βιβλιοθήκη είναι απλώς ένα αρχείο Sketch με μια δέσμη συμβόλων, ο καθένας είναι εξοικειωμένος με τον τρόπο δημιουργίας επαναχρησιμοποιούμενων συμβόλων.

Μόλις ανοίξετε το Sketch 47 Beta, δεν υπάρχει τίποτα ριζικά διαφορετικό από την τρέχουσα σταθερή έκδοση. Μεταβείτε στο επάνω αριστερό μενού Sketch Beta> Προτιμήσεις ... (ή Command + Comma) Και θα δείτε ένα νέο μενού καρτελών "Βιβλιοθήκες". Υπάρχει επίσης μια προεπιλεγμένη βιβλιοθήκη που σχεδιάζει το Sketch για εμάς, iOS UI Design. Μπορείτε να πατήσετε το εικονίδιο EYE ή απλώς να πατήσετε το πλήκτρο διαστήματος για να δείτε τα περιεχόμενα της βιβλιοθήκης.

Προσθήκη των συμβόλων από τις βιβλιοθήκες

Ας υποθέσουμε ότι δημιουργείτε ένα νέο αρχείο σκίτσων, πηγαίνετε στο μενού Insert και θα δείτε το μενού Design iOS UI Design. Μπορείτε να προσθέσετε τα σύμβολα που θέλετε από αυτήν τη βιβλιοθήκη τώρα, super easy!

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

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

Αλλά το μειονέκτημα είναι, αν θέλουμε να προσθέσουμε σύμβολα της βιβλιοθήκης, μπορούμε να χρησιμοποιήσουμε μόνο την καρτέλα RUN αντί της καρτέλας INSERT, όπως συνήθως εισάγουμε σύμβολα. Είναι καλύτερο από το τίποτα, αλλά εύχομαι ότι η ομάδα Sketch Runner θα περιλαμβάνει τα σύμβολα της βιβλιοθήκης που θα μπορούν να αναζητηθούν από την καρτέλα INSERT, επειδή υπάρχει ένας πίνακας προεπισκόπησης για να δούμε αν προσθέτω το σωστό σύμβολο.

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

Το νέο εικονίδιο

Επεξεργασία συμβόλων της βιβλιοθήκης

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

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

Μπορείτε να ομαδοποιήσετε τα σύμβολα βιβλιοθηκών ή να τα ενθέσετε στα τοπικά σύμβολά σας, το είδος της αρχικής ιδέας ~

️ Προσθήκη των δικών σας δημιουργημένων βιβλιοθηκών

Το δροσερό πράγμα για τις Βιβλιοθήκες είναι, μπορείτε απλά να προσθέσετε σε όλα τα προηγούμενα έργα που με τα Σύμβολα μέσα ως βιβλιοθήκη! Σε αντίθεση με άλλα εργαλεία, δεν απαιτεί μια νέα ροή εργασίας για να γίνει αυτό!

Εάν δεν διαθέτετε κανένα εσωτερικό κιτ UI, σας συνιστώ να ξεκινήσετε ένα για εσάς και την ομάδα σας από σήμερα! Υπάρχει μια δέσμη των πόρων εκεί έξω για τις αναφορές σας για να αρχίσει με, παρακάτω είναι μερικές από τις συνδέσεις:

️ Συγχρονισμός των βιβλιοθηκών σας με τους συμπαίκτες

Η ομάδα Sketch μας συνιστά να έχουμε ένα άτομο που χειρίζεται το κύριο αρχείο Σκίτσο (το αρχείο Σκίτσο Βιβλιοθήκης). Αυτό το άτομο μπορεί να αποφύγει να πάρει το καθένα το ανεπιβεβαίωτο στυλ από κάποιον που δεν είναι υπεύθυνος για το αρχείο της κύριας βιβλιοθήκης.

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

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

 Να γνωρίζετε τι θα κάνετε στη συνέχεια

Έχετε υπόψη σας τι θα κάνετε στη συνέχεια, εάν πρόκειται να επεξεργαστείτε στο αρχικό αρχείο Sketch της βιβλιοθήκης, όλοι όσοι χρησιμοποιούν αυτή τη βιβλιοθήκη θα επηρεαστούν από τις αλλαγές.

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

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

Μόλις αποθηκεύσετε το κύριο αρχείο, το τρέχον αρχείο σκακιού σας θα χρειαστεί λίγο χρόνο για να αναγνωρίσει ότι υπάρχουν μερικές αλλαγές από το κύριο αρχείο. Αλλά αυτό διαρκεί περίπου ~ 5s έως ~ 10s. Εξαρτάται από τον εντοπισμό του κύριου αρχείου Sketch, εάν εντοπίζει σε ορισμένες υπηρεσίες cloud όπως το Dropbox, θα χρειαστεί να βασιστείτε και στην ταχύτητα σύνδεσης στο Internet. Απλά να είστε υπομονετικός φίλος μου.

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

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

Συμβουλές Pro: Μπορείτε να μεγεθύνετε το παράθυρο διαλόγου Review (Ανασκόπηση) για να δείτε το παλιό και το νέο σύμβολο με μεγαλύτερη σαφήνεια. Και εξακολουθείτε να μπορείτε να αναιρέσετε την ενημέρωση αν δεν έχετε κλείσει το τρέχον αρχείο σκίτσων.

️ Συμβουλές Pro: Εάν είστε χρήστης αφηρημένου, η έκδοση ελέγχου με τις Βιβλιοθήκες θα είναι ένας τέλειος συνδυασμός για αυτή τη ροή εργασίας! Δεν πρόκειται να καλύψει Περίληψη εδώ, αλλά υπάρχει μια δέσμη του άρθρου για το πώς να το χρησιμοποιήσετε, και εσείς πρέπει να διαβάσετε!

Περίληψη

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

Μερικοί από τους σχεδιαστές που γνωρίζω σιγά-σιγά να μεταναστεύσω σε άλλα εργαλεία εξαιτίας του buggy του Sketch και δεν είναι σε θέση να συνεργαστούν σε πραγματικό χρόνο. Αλλά νομίζω ότι το Sketch θα πρέπει να επικεντρωθεί περισσότερο στους χρήστες ισχύος τους και να μας φέρει περισσότερα χαρακτηριστικά ισχύος. Και προβλέπω ότι το μέλλον του Sketch είναι πολύ φωτεινό και θα συνεχίσει να ωφελεί τους σχεδιαστές προϊόντων!

"Είναι η μακρά ιστορία της ανθρωπότητας ότι εκείνοι που έμαθαν να συνεργάζονται και να αυτοσχεδιάζουν πιο αποτελεσματικά έχουν επικρατήσει." - Charles Darwin

Και εν τω μεταξύ, αν δεν μπορείτε να περιμένετε τη σταθερή αποδέσμευση των Βιβλιοθηκών, προχωρήστε και κατεβάστε το Sketch 47 Beta και γίνετε επαγγελματίας μέσα σε λίγα λεπτά. Βεβαιωθείτε όμως ότι δεν χρησιμοποιείτε το τρέχον έργο παραγωγής για απρόβλεπτα ζητήματα.

Πατήστε clap clap και μοιραστείτε αν έχετε απολαύσει αυτό το άρθρο. Θα με παρακινήσει να γράψω περισσότερα! Ευχαριστώ!

Ακολούθησέ με στο τουίτερ. Αν έχετε ένα νέο έργο που θέλετε να συνεργαστείτε με το Minitheory, μπορείτε να μας στείλετε email ή να μας επισκεφθείτε εδώ!

_
Ο Yap Kwang Yik είναι ένας ανώτερος συνεργάτης του UI Designer στο Minitheory, ένα στούντιο ψηφιακού σχεδιασμού με έδρα την ηλιόλουστη Σιγκαπούρη. Κάνουμε το λογισμικό απλό, με βάση το πώς σκέφτονται και συμπεριφέρονται οι άνθρωποι.