Ένας σχεδιαστής UX χρειάζεται πολλά εργαλεία για να ολοκληρώσει τα πολλά στάδια της ροής εργασίας του UX, από την έρευνα έως το σχεδιασμό έως το πρωτότυπο και τη μεταβίβαση. Εάν κάνετε τη δουλειά σας σε έναν υπολογιστή, πιθανότατα σας στοιχειώνει η συνεχής αναφορά του Sketch, ενός δημοφιλούς, βελτιωμένου επεξεργαστή διανυσματικών γραφικών με αμέτρητα χρήσιμα πρόσθετα που γίνεται γρήγορα ένα βιομηχανικό πρότυπο— αλλά διατίθεται μόνο σε Mac OS . Αυτό σημαίνει ότι, εκτός αν έχετε μηχάνημα Apple, θα μείνετε εκτός. Αλλά τώρα η Adobe εργάζεται ενεργά σε έναν κατάλληλο ανταγωνιστή Sketch πολλαπλών πλατφορμών (και μοιάζει;), μετά από χρόνια απουσίας: Adobe XD.
πώς να φτιάξετε μια γλώσσα υπολογιστή
Τι είναι το Adobe XD;
Adobe Experience Design CC , ή το Adobe XD, είναι ένα ελαφρύ εργαλείο επεξεργασίας γραφικών διανυσματικών γραφικών και πρωτοτύπων που ανακοινώθηκε στο Adobe MAX 2015 ως Project Comet. Το λογισμικό κυκλοφόρησε σε προεπισκόπηση τον Μάρτιο του 2016 ως μέρος του Creative Cloud και σήμερα βρίσκεται σε φάση beta, λαμβάνει ενημερώσεις σχεδόν κάθε μήνα.
Πριν από αυτό, η Adobe εργαζόταν για την προσθήκη λειτουργιών για Σχεδιαστές UX στα καθιερωμένα εργαλεία τους όπως το Photoshop και το Illustrator. Αν και είναι και τα δύο εξαιρετικά λογισμικά, δεν είναι ούτε ελαφριά ούτε εξορθολογισμένα για αυτόν τον τύπο εργασίας. Με τα χρόνια - και ειδικά μετά την κατάργηση του Adobe Fireworks το 2013 (το κλασικό εργαλείο πρωτοτύπων προσανατολισμένο στον ιστό που αποκτήθηκε από τη Macromedia) - όλο και περισσότεροι σχεδιαστές UX θεώρησαν ότι το Creative Cloud δεν ταιριάζει στις προσδοκίες της αγοράς. Έτσι, πήγαν στο Sketch (αν είχαν Mac). Ενώ η απάντηση της Adobe για αυτή τη μαζική έξοδο ήταν λίγο αργά (η Bohemian Coding ξεκίνησε το Sketch πριν από 6 χρόνια) αξίζει τον κόπο να περιμένουμε, ειδικά εάν έχετε περιοριστεί στη χρήση λιγότερο επαρκών εργαλείων στον υπολογιστή σας. Ας συγκρίνουμε το Adobe XD εναντίον Sketch
Διεπαφή χρήστη και αποκλειστικές δυνατότητες
Όταν ανοίγετε το Adobe XD, η πρώτη εντύπωση που θα έχετε είναι ότι η διεπαφή είναι πολύ οικεία, τόσο για τους χρήστες του Sketch όσο και για τους θαυμαστές της Adobe από καιρό. Η Adobe αποχώρησε από τα αναμενόμενα πιο σκούρα κουμπιά και μενού Creative Cloud και επέλεξε να προσφέρει τα καλύτερα από δύο κόσμους. Σε αντίθεση με το Sketch, θα δείτε ένα σύνολο εργαλείων στην αριστερή πλευρά της οθόνης, αλλά και τον πίνακα ψηλότερων στρωμάτων και τις δυναμικές ιδιότητες στα δεξιά, όπως φαίνεται στο Sketch. Είναι εύκολο στη χρήση και εύκολο να το μάθετε, ανεξάρτητα από το εργαλείο που χρησιμοποιήσατε προηγουμένως.
Επαναλάβετε το πλέγμα
Το Adobe XD διαθέτει επίσης ένα σύνολο μοναδικών δυνατοτήτων όπως το Repeat Grid, ένα εργαλείο που σας επιτρέπει να αναπαράγετε μια ομάδα αντικειμένων όπως μια κάρτα σχεδιασμού υλικών με μεταβλητά δεδομένα και διαμορφώσιμο διάστημα μεταξύ των αντιγράφων.
Πρωτότυπο
Στο XD, μπορείτε να δημιουργήσετε ένα διαδραστικό πρωτότυπο χωρίς να χρειάζεστε πρόσθετα τρίτων όπως θα κάνατε στο Sketch. Το πρόγραμμα επεξεργασίας πρωτοτύπων Adobe επιτρέπει στους σχεδιαστές να συνδέουν οπτικά τις διαδραστικές περιοχές με άλλες οθόνες χρησιμοποιώντας καλώδια και ρυθμίζοντας μεταβάσεις. Με το διαδραστικό πρωτότυπο έτοιμο, μπορείτε να δημοσιεύσετε και να μοιραστείτε το πρωτότυπο, το οποίο μπορεί να προβληθεί στον ιστό ή με την εφαρμογή Adobe XD για κινητά. Τα πρωτότυπα XD, ωστόσο, δεν διαθέτουν υποστήριξη για κινήσεις ή σταθερές ενότητες όπως κεφαλίδες, κάτι που είναι δυνατό InVision και άλλα εργαλεία μόνο για πρωτότυπα που συνδέονται με το Sketch.
πώς να κάνετε πιστοποίηση aws
Πίνακας στοιχείων
Στην ενημέρωση του Αυγούστου 2017, η Adobe πρόσθεσε τον πίνακα Assets, έναν έξυπνο τρόπο για να συγκεντρώσετε έναν διαδραστικό οδηγό στυλ με χρώματα, στυλ χαρακτήρων και σύμβολα. Όταν αλλάζετε κάτι στον πίνακα στοιχείων, ακολουθεί κάθε χρήση του στοιχείου στο έργο τέχνης σας. Το Σκίτσο έχει επίσης μεταβλητές χρώματος, στυλ χαρακτήρων και σύμβολα, αλλά το καθένα περιέχεται στον δικό του πίνακα.
πώς να κωδικοποιήσετε ένα απλό παιχνίδι
Η Adobe ανακοίνωσε μερικά από τα επόμενες δυνατότητες για εμφάνιση XD στο blog του προϊόντος . Ένας από αυτούς επεκτείνει τη δυνατότητα Assets, επιτρέποντας το σχεδιαστής για να δημοσιεύσετε τον οδηγό στυλ του έργου με γραμματοσειρές, στοιχεία και κωδικούς δεκαεξαδικού κωδικού με δυνατότητα λήψης, μαζί με το διαδραστικό πρωτότυπο και μια δυνατότητα επιθεώρησης για την έρευνα των προγραμματιστών για στοιχεία εντός του πρωτοτύπου. Αυτό ονομάζεται 'handoff για προγραμματιστές' και είναι ήδη εφικτό στο Sketch (και στο Photoshop) χρησιμοποιώντας plugins όπως Ζέπλιν . Ένα άλλο μελλοντικό χαρακτηριστικό που πειράζεται είναι η συνεργασία σε πραγματικό χρόνο στο XD, κάτι που μοιάζει με τη λειτουργία συνεργασίας που υπάρχει στα Έγγραφα Google και είναι ήδη διαθέσιμη σε άλλα εργαλεία σχεδίασης UX όπως Φιγκμά .
Σκίτσο (και τα πρόσθετα του) εναντίον του Adobe XD
| Χαρακτηριστικά | Adobe XD | Σκίτσο |
|---|---|---|
| Διανυσματικά γραφικά | Ναι (και περιλαμβάνει το Adobe Illustrator στη συνδρομή CC) | Ναί |
| Προηγμένη επεξεργασία εικόνας | Όχι (αλλά περιλαμβάνει τη συνδρομή Adobe Photoshop σε CC) | Οχι |
| Πυγμάχος ελαφρού βάρους | Ναί | Ναί |
| Πρωτότυπο | Ναί | Όχι (αλλά διατίθεται με προσθήκες τρίτων) |
| Εξαγωγή περιουσιακών στοιχείων | Ναί | Ναί |
| Handoff με online οδηγό στυλ και επιθεωρητή | Όχι (ανακοινώθηκε ως μελλοντικό χαρακτηριστικό) | Όχι (αλλά διατίθεται με προσθήκες τρίτων) |
| Σύμβολα και στυλ | Ναί | Ναί |
| Επαναλάβετε το πλέγμα | Ναί | Οχι |
| Πλέγμα εγγράφων | Ναί | Ναι (με στήλες και περισσότερες επιλογές) |
| Πρόσθετα | Οχι | Ναί |
| Συνεργασία | Όχι (ανακοινώθηκε ως μελλοντικό χαρακτηριστικό) | Όχι (αλλά διατίθεται με προσθήκες τρίτων) |
| Έκδοση MacOS | Ναί | Ναί |
| Έκδοση των Windows | Ναι (Windows 10 ή νεότερη έκδοση) | Οχι |
| Τιμή και αδειοδότηση | Η έκδοση Beta είναι δωρεάν, απαιτεί την ταυτότητα Adobe. Η τελική τιμολόγηση θα ανακοινωθεί. | 99 $ USD για ένα έτος ενημερώσεων, αλλά μπορείτε να συνεχίσετε να χρησιμοποιείτε μετά από αυτό χωρίς ενημερώσεις |
Όταν βλέπετε τη μεγαλύτερη εικόνα, γίνεται σαφές ότι η Adobe σκοπεύει να κάνει το XD όχι μόνο ό, τι κάνει το Sketch ως εργαλείο διανυσματικών γραφικών, αλλά και τα πρόσθετά του, καλύπτοντας ολόκληρη τη ροή εργασίας του σχεδιασμού UX. Από το σχεδιασμό έως το πρωτότυπο έως το handoff, το Adobe XD πιθανότατα θα είναι το οριστικό εργαλείο σχεδιαστών UX, αλλά τι γίνεται σήμερα;
Είναι ώρα να αλλάξετε;
Το Adobe XD είναι το πρώτο και σημαντικότερο για χρήστες Windows (που δεν μπορούν να χρησιμοποιήσουν το σκίτσο μόνο για macOS) και τους τρέχοντες συνδρομητές του Adobe Creative Cloud (που δεν θα χρειαστεί να πληρώσουν περισσότερα για το XD εκτός από το Photoshop, το Illustrator κ.λπ.).
Υπάρχουν πολλοί σχεδιαστές UX που κάνουν ήδη το άλμα, είτε επειδή είναι συνδρομητές Creative Cloud ακόμη και σε macOS, είτε επειδή πιστεύουν ότι το XD θα είναι το επόμενο πρότυπο και είναι ικανοποιημένοι με το τρέχον σύνολο χαρακτηριστικών. Εάν είστε έμπειρος χρήστης του Sketch, θα απολαύσετε μια συνολικά καλύτερη διεπαφή, μοναδικές δυνατότητες XD, αλλά θα πρέπει επίσης να αντιμετωπίσετε τους τρέχοντες περιορισμούς και την έλλειψη υποστήριξης προσθηκών. Σε κάθε περίπτωση, δοκιμάστε και μοιραστείτε τις εντυπώσεις σας μαζί μας!
• • •
Περαιτέρω ανάγνωση στο ApeeScape Design Blog:
- eCommerce UX - Μια επισκόπηση των βέλτιστων πρακτικών (με το Infographic)
- Η σημασία του ανθρωποκεντρικού σχεδιασμού στο σχεδιασμό προϊόντων
- Τα καλύτερα χαρτοφυλάκια σχεδιαστών UX - Εμπνευσμένες μελέτες περιπτώσεων και παραδείγματα
- Ευρετικές αρχές για φορητές διεπαφές
- Προγνωστικός σχεδιασμός: Πώς να δημιουργήσετε μαγικές εμπειρίες χρηστών
