Πρωτότυπο στο Sketch 49 - Μάθετε πώς λειτουργεί και τι μπορείτε να κάνετε

Το Sketch 49 φέρνει στο σπίτι μία από τις πιο προσδοκώμενες και επιθυμητές λειτουργίες - τη δυνατότητα δημιουργίας και ανταλλαγής γρήγορων διαδραστικών πρωτοτύπων.

Με την πάροδο των ετών η εκπληκτική κοινότητα προγραμματιστών τρίτων κατασκευαστών του Sketch έχει κάνει το Sketch ένα απίστευτα εκτάσιμο εργαλείο σχεδιασμού. Ως αποτέλεσμα, μπορούμε να απολαύσουμε δεκάδες μεγάλα συνοδευτικά προϊόντα και πρωτότυπα plugins όπως Protowire, Craft, Mirr, Principle, Framer, Flinto, Flow, Marvel, Atomic, Kite, Origami, CanvasFlip, Proto και ProtoPie. λίγοι.

«Θα φέρετε πρωτότυπα στο Sketch;» ήταν ίσως η πιο συχνή ερώτηση στα φόρουμ και κατά τη διάρκεια των συναντήσεων σχεδιασμού. Σήμερα, ο Σκέτς απάντησε σε αυτές τις ερωτήσεις με ένα μεγάλο και τολμηρό, "Ναι".
Αυτόχθονα πρωτότυπα είναι τελικά εδώ.

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

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

Έτσι, τι φαίνεται το πρωτότυπο στο Sketch;

Υπάρχει ένας χρήσιμος οδηγός για την εκκίνηση που μπορείτε να βρείτε στο πλαίσιο Σκίτσο> Αρχείο> Νέο από Πρότυπο> Εκπαιδευτικό πρωτότυπο. Θα εξετάσουμε εν συντομία αυτόν τον οδηγό και τα χαρακτηριστικά του πρωτοτύπου.

Νέα εικονίδια και συντομεύσεις πρωτοτύπων

Όταν ανοίγετε την πιο πρόσφατη έκδοση του Sketch, ίσως παρατηρήσετε αυτά τα εικονίδια.

Πατήστε W για να προσθέσετε μια σύνδεση σε ένα στρώμα ή μια ομάδαΠατήστε H για να εισαγάγετε ένα στρώμα HotspotΟ έλεγχος + F θα κρύψει / δείξει τα πρωτότυπαΗ εντολή + P θα ανοίξει την προεπισκόπηση

Παρόμοια με τα επίπεδα συμβόλων, τα επίπεδα συνδέσεων και Hotspot χαρακτηρίζονται με εικονίδιο προσαρμοσμένου φακέλου στη λίστα επιπέδων στα αριστερά.

Εμφάνιση του κουμπιού με το Hotspot στη λίστα επιπέδων

Ο επιθεωρητής και οι ζωές

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

❇ Δεν υπάρχει κινούμενη εικόνα
← Κινήστε το Artboard από τα δεξιά
↑ Animate Artboard από την κορυφή
→ Κινήστε το Artboard από την Αριστερά
↓ Animate Artboard from Bottom

Σύνδεσμοι και Hotspots

Για να δημιουργήσετε ένα πρωτότυπο θα χρειαστείτε την πιο πρόσφατη έκδοση του Sketch μαζί με διάφορα Artboards στο έγγραφό σας. Στη συνέχεια, μπορείτε να συνδέσετε τα επίπεδα ή τα σύμβολα (τα οποία είναι πολύ ισχυρά όταν εξετάζετε τα ενσωματωμένα σύμβολα) σε διαφορετικές Artboards με συνδέσμους και στρώματα Hotspot. Ρίξτε μια ματιά στο παρακάτω παράδειγμα με το οποίο συνδέουμε τη μικρογραφία του τρέιλερ με το Player Artboard με Animate Artboard από την κορυφή.

Δημιουργία συνδέσμων και HotspotsΠατήστε H για να εισαγάγετε ένα στρώμα Hotspot

Το Hotspot είναι ένας τύπος στρώματος που σας επιτρέπει να σχεδιάσετε ένα σχήμα, έναν στόχο βρύσης, πάνω από ένα μέρος του σχεδίου σας και να το συνδέσετε με ένα Artboard. Το πιο σημαντικό είναι ότι τα στρώματα Hotspot μπορούν να ανήκουν στα Σύμβολα όπου ο προορισμός τους μπορεί να αντικατασταθεί. Μπορείτε να δείτε πώς κάθε Hotspot μπορεί να προσαρμοστεί με αντικαταστάσεις στο παρακάτω παράδειγμα. Μπορείτε επίσης να μετατρέψετε μια σύνδεση σε ένα Hotspot επιλέγοντας το στρώμα και κάνοντας κλικ στο εικονίδιο Δημιουργία Hotspot στον Επιθεωρητή.

Στρώματα Hotspot μέσα στο σύμβολο

Προεπισκόπηση

Όταν κάνετε προεπισκόπηση του πρωτοτύπου σας, μπορεί επίσης να παρατηρήσετε ένα μικρό εικονίδιο σημαίας. Αυτός είναι ένας δείκτης Start Point και σας επιτρέπει να επιλέξετε το Artboard από όπου θα θέλατε να ξεκινήσετε το πρωτότυπο σας. Είναι ιδιαίτερα χρήσιμο για έγγραφα με πολλά Artboards. Έτσι, για να ορίσετε ένα σημείο εκκίνησης, πρέπει πρώτα να κάνετε Προεπισκόπηση του Artboard και να κάνετε κλικ στο εικονίδιο σημαίας.

Προεπισκόπηση πρωτοτύπου

Μεγάλες προβολές, όπως κινούμενοι artboards

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

Προβολή κύλισης στην προεπισκόπηση σκίτσου

Ανατροφοδότηση Πρωτότυπου και Συνεργασία

Πρωτότυπο στο Cloud Sketch

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

Επιπλέον, εάν προβάλλετε το πρωτότυπό σας σε ένα μικρό κοινό, μπορείτε να χρησιμοποιήσετε το Sketch Mirror για να κάνετε προεπισκόπηση του πρωτοτύπου σας στη συσκευή για την οποία σχεδιάστηκε. Το Sketch Mirror είναι μια εφαρμογή ανώνυμης iOS που σας επιτρέπει να κάνετε προεπισκόπηση των σχεδίων σας σχεδόν σε πραγματικό χρόνο σε ένα iPhone ή iPad. Όταν ξεκινάτε το Mirror στο iOS, θα δείτε μια ειδοποίηση σύνδεσης στην επάνω δεξιά γωνία ή στο παράθυρο Sketch. Κάντε κλικ σε αυτό για σύνδεση.

Το Sketch Mirror, μια εφαρμογή αντίστοιχης iOS, για την προεπισκόπηση σχεδίων και πρωτοτύπων μέσω καλωδίου Wi-Fi και USB Lightning.

Η έκδοση 49 φέρνει επίσης τις Κοινόχρηστες Βιβλιοθήκες στο Cloud Sketch και πολλά άλλα. Δείτε όλα όσα είναι νέα σε αυτήν την ανάρτηση ιστολογίου.

Το Design + Sketch και Sketch App πηγές είναι αφιερωμένο στο να σας φέρει το καλύτερο Sketch. Ανακαλύψτε πάνω από 3000 πόρους από σχεδιαστές και προγραμματιστές σε όλο τον κόσμο. Όταν δημιουργείτε το επόμενο σχέδιο ή πρωτότυπο σκίτσο, σκεφτείτε να το μοιραστείτε με την κοινότητα.