Έχετε πάει ποτέ σε μια απομακρυσμένη συνάντηση για να συζητήσετε τις αλλαγές σε ένα σχέδιο όταν - κατά τη μέση - συνειδητοποιείτε ότι αρκετά μέλη της ομάδας σας εργάζονται από παλιές παρωχημένες εκδόσεις του οδηγού στυλ σας; Η γραμματοσειρά τίτλου είναι διαφορετική, τα κουμπιά έχουν λάθος χρώμα και η τελευταία σχεδίαση άλλαξε το εικονίδιο καλαθιού για ένα καλάθι αγορών. Η συνομιλία είναι εκτροχιασμένη και αντί να συζητάτε τη νέα ροή σύνδεσης, καίτε πολύτιμα λεπτά προσπαθώντας να οδηγήσετε τους ανθρώπους στο σωστό αρχείο: app_screens_final-Final-FINAL-noreally-v4.sketch .

Δεν μπορούμε να συνεχίσουμε έτσι.

Η συνεργασία σε μια ομάδα - ειδικά μια απομακρυσμένη ομάδα - παρουσιάζει μοναδικές προκλήσεις. Η τοποθέτηση πολλών σχεδιαστών, προγραμματιστών, διαχειριστών και ενδιαφερομένων στην ίδια σελίδα και η αναζήτηση της ίδιας έκδοσης ενός αρχείου σκίτσου είναι ένας αγώνας. Και αν θέλετε να κάνετε αλλαγές σε ένα από τα στυλ γραμματοσειράς στα σχέδιά σας, είναι καταστροφή να βεβαιωθείτε ότι όλα ενημερώνονται ταυτόχρονα.

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

I. Εγκαταστήστε το Craft for Sketch και συγχρονίστε με το Cloud

Ας ξεκινήσουμε εγκαθιστώντας το Craft. Ενώ το Craft είναι ένα ισχυρό σύνολο προσθηκών τόσο για το Adobe Photoshop όσο και για το Sketch, θα επικεντρωθούμε στη χρήση του με το Sketch σε αυτό το κομμάτι. Αρχικά, βεβαιωθείτε ότι η έκδοση του Sketch είναι ενημερωμένη και εγκατεστημένη στο φάκελο Εφαρμογές του Finder. Μετά πηγαίνετε στο https://www.invisionapp.com/craft για λήψη του Craft Plugin Manager.

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

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

Το Craft Manager θα εμφανιστεί στην κεφαλίδα του λειτουργικού συστήματος.

Ένα από τα κύρια αξιοθέατα του Craft είναι ότι οι ομάδες μπορούν να συγχρονίσουν στυλ και περιουσιακά στοιχεία κοινή χρήση σε δημοφιλείς πλατφόρμες cloud όπως το Dropbox, το Google Drive και το Box, διασφαλίζοντας ότι όλοι εργάζονται με την ίδια βιβλιοθήκη.

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

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

Ανοίξτε ένα έγγραφο στο Sketch και δείτε τον νέο πίνακα Craft που εμφανίστηκε δίπλα στον πίνακα επιθεωρητών. Εδώ θα βρείτε τις εγκατεστημένες προσθήκες που έχετε ενεργοποιήσει στο Craft Manager: Sync, Library, Data, Duplicate, Freehand and Stock. Για τους σκοπούς αυτού του έργου σχετικά με την ομαδική συνεργασία, ασχολούμαστε κυρίως με το Sync, τη Βιβλιοθήκη και το Freehand.

Τα πρόσθετα Craft θα εμφανιστούν δίπλα στον πίνακα επιθεωρητών.

ΙΙ. Δημιουργήστε μια βιβλιοθήκη στυλ και κοινή χρήση πόρων για την ομάδα σας

Ένα από τα αγαπημένα μου πράγματα για το Craft είναι η βιβλιοθήκη προσθηκών της, η οποία σας επιτρέπει να δημιουργήσετε έναν οδηγό στυλ για το σχέδιό σας και να μοιραστείτε στυλ και στοιχεία με την ομάδα σας. Όταν υπάρχουν πολλά μέλη της ομάδας που εργάζονται στα δικά σας αρχεία, το να βεβαιωθείτε ότι οι αλλαγές ενημερώνονται ταυτόχρονα στο εργασιακό περιβάλλον του καθενός μπορεί να είναι ένας μεγάλος πονοκέφαλος. Η βιβλιοθήκη κάνει αυτή τη διαδικασία τέλεια.

Οδηγός στυλ με ένα κλικ

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

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

Δημιουργήστε έναν οδηγό στυλ με ένα κλικ.

Το Voilà —Craft δημιούργησε έναν οδηγό στυλ για εσάς με μία απλή ενέργεια, τους πρόσθεσε στα στυλ και τα χρώματα κειμένου του εγγράφου σας, και μάλιστα δημιούργησε μια σελίδα όπου είναι καλά οργανωμένες για να τις μοιράζετε στους προγραμματιστές σας! Τι ώρα να ζεις!

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

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

Βιβλιοθήκη περιουσιακών στοιχείων

Ως σχεδιαστής, είμαι μεγάλος υποστηρικτής της διατήρησης μιας βιβλιοθήκης μοτίβων για επαναχρησιμοποιήσιμα στοιχεία, καθώς και ένας οδηγός στυλ για την επιτάχυνση της διαδικασίας σχεδιασμού και την ελαχιστοποίηση ασυνεπειών. Η προσθήκη Craft Library διευκολύνει την προσθήκη κεφαλίδων, υποσέλιδων, μενού πλοήγησης, εικονιδίων, κουμπιών και άλλων συμβόλων σε μια παγκόσμια βιβλιοθήκη στοιχείων. Κάντε μια αλλαγή σε ένα, στείλτε το στην ομάδα σας και όλοι θα εργάζονται από το ίδιο σύνολο συμβόλων. Για όσους ενδιαφέρονται για τα μοτίβα, το Craft είναι μια αποκάλυψη!

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

Μόλις εγκαταστήσετε τον οργανισμό σας, επιλέξτε οποιοδήποτε σύμβολο στο έγγραφό σας, όπως ένα εικονίδιο και, στη συνέχεια, κάντε κλικ στο διάστημα [+] στον πίνακα για να το προσθέσετε στη βιβλιοθήκη σας.

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

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

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

III. Χρησιμοποιήστε το Sync and Freehand για να μοιραστείτε σχέδια και να λάβετε σχόλια

Άμεσος συγχρονισμός καμβάδων στο InVision

Πέρασαν οι μέρες των ατελείωτων κύκλων εγγράφων PDF μέσω email - Το InVision διευκολύνει τη δημιουργία πρωτοτύπων με δυνατότητα κλικ και την κοινή χρήση τους με ολόκληρη την ομάδα. Η τυπική ροή εργασίας για το InVision είναι η εξαγωγή αρχείων εικόνας από το σχέδιό σας και η μεταφόρτωσή τους σε ένα πρωτότυπο στον ιστότοπο. Η προσθήκη συγχρονισμού στη σουίτα Craft καταργεί τα περισσότερα από αυτά τα βήματα.

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

Ο συγχρονισμός καθιστά τα πάντα απίστευτα εύκολο όταν πρόκειται για την ενημέρωση των πρωτοτύπων InVision σας.

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

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

Προσκαλέστε την ομάδα σας να σχολιάσει, να σχολιάσει και να σχεδιάσει τα σχέδιά σας

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

Στο έγγραφό σας, μεταβείτε στον πίνακα Freehand και επιλέξτε να δημιουργήσετε ένα έργο Freehand από το έγγραφό σας ή από επιλεγμένους πίνακες γραφικών.

Δημιουργήστε έναν ελεύθερο χώρο για συνεργασία ελεύθερης μορφής.

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

Είναι σχεδόν σαν να είσαι εκεί.

IV. Επιπλέον χαρακτηριστικά για τη δική σας ροή εργασίας

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

Προσθέστε γρήγορα φανταστικό περιεχόμενο από τον Ιστό

Λίγα μόνο παραδείγματα 'περιμένετε, τι σημαίνει αυτό το lorem ipsum κείμενο;' Κατά τη διάρκεια των συναντήσεων προτού παραδεχτείτε ότι πρέπει να χρησιμοποιήσετε πραγματικό περιεχόμενο στα τελικά κοροϊδεύω σας. Αλλά ποιος θέλει να πρέπει να γυρίσει στο Διαδίκτυο για φωτογραφίες, πρωτοσέλιδα, δημοσιεύσεις και άλλο φανταστικό περιεχόμενο για να φορέσει τα σχέδια και τα κοροϊδεύω του; Μετά το τρίτο ή το τέταρτο όνομα, μπορεί να είναι δύσκολο να δημιουργήσετε ψεύτικους χρήστες με τη δική σας φαντασία.

Τα δεδομένα είναι μια υπέροχη προσθήκη στη σουίτα Craft που καθιστά την αντικατάσταση περιεχομένου ένα αεράκι καθαρού αέρα. Επιλέξτε ένα σχήμα στη διάταξή σας και μεταβείτε στην προσθήκη δεδομένων όπου μπορείτε να αποθέσετε φωτογραφίες από τους δικούς σας φακέλους ή να προσθέσετε αμέσως τυχαίες εικόνες Unsplash από οποιαδήποτε κατηγορία. Μπορείτε ακόμη και να δημιουργήσετε τα δικά σας προσαρμοσμένα ερωτήματα για χρήση ξανά και ξανά.

Πάρτε αμέσως φανταστικό περιεχόμενο και τοποθετήστε το στα σχέδιά σας χωρίς να αφήσετε το Sketch.

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

Η ζωή σας θα έχει πολύ περισσότερο νόημα με το Craft.

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

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

Ένας άλλος λόγος για τον οποίο χρειάζεστε το Craft στη ζωή σας είναι ότι κάνει την αντιγραφή αντικειμένων και ομάδων αντικειμένων σε τέλεια σειρά, ομοιόμορφα διαχωρισμένες σειρές και στήλες απίστευτα γρήγορα. Ξεχάστε το κουραστικό αντίγραφο + επικόλληση. Απλώς επιλέξτε ένα αντικείμενο ή ομάδα και, στη συνέχεια, καθορίστε τον αριθμό στηλών και γραμμών, καθώς και το διάστιχο.

Καθορίζει τον αριθμό στηλών και γραμμών, καθώς και το διάστιχο.

Είμαι ιδιαίτερα ενθουσιασμένος με τον τρόπο που ενσωματώνεται με την προσθήκη δεδομένων - η αναπαραγωγή του εικονικού περιεχομένου που δημιουργείται από τα δεδομένα θα σας δώσει νέα, δημιουργημένα κομμάτια περιεχομένου σε χρόνο μηδέν. Χρειάζεστε ένα τεράστιο πλέγμα γεμάτο φωτογραφίες χρηστών; Θεώρησε το τελειωμένη δουλειά. Πρέπει να ρυθμίσετε μια λίστα περιεχομένου για μια σελίδα άρθρου με φωτογραφίες, τίτλους και προεπισκόπηση; Κανένα πρόβλημα.

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

Προσθέστε άμεσα αρχεία από το iStock και το Getty Images

Έχετε περάσει το στάδιο περιεχομένου πλήρωσης και χρειάζεστε μια εικόνα για το ήρωας υψηλή ποιότητα για το κοροϊδεύω; Η τελευταία προσθήκη στο Craft Suite είναι το πρόσθετο Stock, το οποίο σας επιτρέπει να συνδέσετε το σχέδιο Sketch απευθείας στον λογαριασμό σας με το iStock ή το Getty Images. Βρείτε σχετικές εικόνες στο πλαίσιο και προσθέστε τις στο σχέδιό σας με ένα μόνο κλικ. Μία λιγότερη διαταραχή στη ροή εργασίας του σχεδιασμού σας!

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

συμπέρασμα

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