12 καλύτερες προσθήκες Adobe XD για κάθε σχεδιαστή
Miscellanea / / November 29, 2021
Υπήρχε μια εποχή που βασιζόμασταν στο Adobe Photoshop για κάθε απαίτηση που σχετίζεται με το σχεδιασμό. Τώρα έχουμε αποκλειστικές εφαρμογές και λογισμικό για κάθε περίπτωση χρήσης. Για το σχεδιασμό UI/UX, η αγορά πλημμυρίζει από επιλογές όπως το Sketch, Figma, InVision και Adobe XD. Μεταξύ αυτών, εάν έχετε επενδύσει σε ένα οικοσύστημα της Adobe, τότε το Adobe XD γίνεται μια φυσική επιλογή για εσάς. Χρησιμοποιώντας πρόσθετα XD, μπορείτε να μεταφέρετε την εμπειρία στο επόμενο επίπεδο.
Τα πρόσθετα διαδραματίζουν ζωτικό ρόλο σε οποιοδήποτε λογισμικό UI/UX. Είναι παρόμοια με τον τρόπο που χρησιμοποιείτε τις επεκτάσεις για ένα πρόγραμμα περιήγησης. Μια σειρά από εταιρείες υψηλού προφίλ όπως η Dribbble, η Airtable και η Stark έφεραν τα εργαλεία και τις υπηρεσίες τους απευθείας στο XD μόλις ανακοινώθηκε η ανοιχτή πλατφόρμα. Ας εξερευνήσουμε μερικές από τις καλύτερες προσθήκες για το Adobe XD.
Σημείωση: Στην εφαρμογή Adobe XD, θα βρείτε το κατάστημα προσθηκών. Απλώς αναζητήστε το όνομα της προσθήκης στη γραμμή αναζήτησης και εγκαταστήστε το στη συσκευή.
Επίσης στο Guiding Tech
1. Trello
Με την εργασία από το σπίτι να γίνεται νέος κανόνας αυτές τις μέρες, πολλές εταιρείες βασίζονται σε αυτήν λύσεις διαχείρισης έργων όπως οι Trello, Asana και Jira για να ολοκληρώσουν τη δουλειά τους. Εάν η ομάδα των σχεδιαστών σας χρησιμοποιεί το Trello για τη διαχείριση εργασιών UI/UX, τότε το Trello είναι το απαραίτητο πρόσθετο για την ομάδα σας.
Με την προσθήκη Trello, οι σχεδιαστές μπορούν να στείλουν αβίαστα τα στοιχεία XD τους στην Trello, επιτρέποντάς τους να μοιράζονται πίνακες τέχνης με την ομάδα χωρίς να χρειάζεται να φύγουν από το Adobe XD.
2. Photosplash 2
Κάθε τόσο, συναντάτε ένα σημείο όπου θέλετε να χρησιμοποιήσετε μια εικόνα χωρίς δικαιώματα σε μια μακέτα διεπαφής χρήστη. Η κανονική ρουτίνα περιλαμβάνει την αναζήτηση μιας εικόνας στον Ιστό, τη λήψη της στον υπολογιστή και την εισαγωγή της στο λογισμικό XD. Αντίθετα, μπορείτε απλώς να επιλέξετε την προσθήκη Photosplash 2 και να προσθέσετε εικόνες απευθείας στο πρόγραμμα XD.
3. XD σε Flutter
Η γλώσσα Flutter της Google γίνεται δημοφιλής μεταξύ των προγραμματιστών αυτές τις μέρες. Με μία μόνο γραμμή κώδικα, μπορείτε να δημιουργήσετε εφαρμογές τόσο για iOS όσο και για Android. Η εταιρεία πρόσφατα προστέθηκε υποστήριξη για εφαρμογές Ιστού επισης.
Με την προσθήκη XD to Flutter, μπορείτε να δημιουργήσετε κώδικα για τη δημιουργία εφαρμογών με το Flutter με βάση τα σχέδιά σας στο Adobe XD. Το πρόσθετο δημιουργεί κώδικα για οποιοδήποτε επιλεγμένο στοιχείο στο XD, είτε για μεμονωμένα αντικείμενα στον καμβά είτε για ολόκληρους πίνακες τέχνης.
Καθώς κάνετε αλλαγές στο XD, μπορείτε απλώς να εκτελέσετε ξανά το πρόσθετο και να ενημερώσετε τον κώδικα που δημιουργήθηκε.
4. UnDraw
Μια μακέτα είναι ημιτελής χωρίς να χρησιμοποιηθεί καμία απεικόνιση. Αντί να τα ψάχνετε για ώρες στον Ιστό, μπορείτε απλώς να χρησιμοποιήσετε την προσθήκη UnDraw που έχει μια τεράστια συλλογή εικονογραφήσεων. Η προσθήκη φιλοξενεί μια συλλογή από εικονογραφήσεις .svg που ενημερώνεται συνεχώς, οι οποίες είναι πλήρως προσαρμόσιμες και τις οποίες μπορείτε να χρησιμοποιήσετε δωρεάν και χωρίς αναφορά, ακόμη και σε εμπορικά έργα.
Το χρησιμοποιούμε σε κάθε σχεδιαστικό έργο και σας συνιστούμε να το δοκιμάσετε.
5. Πρόσωπα διεπαφής χρήστη
Κάθε σχεδιαστής χρειάζεται αυτές τις εικόνες προφίλ για χρήση σε σχέδια UI/UX. Το πρόσθετο UI Faces για XD συγκεντρώνει χιλιάδες avatar τα οποία μπορείτε να φιλτράρετε για να δημιουργήσετε τις τέλειες προσωπικότητες σας. Τα avatar φιλτράρονται από διάφορες πηγές. Μπορείτε να τα επιλέξετε ανά ηλικία, φύλο, συναίσθημα κ.λπ.
6. Γωνία
Μετά την ολοκλήρωση του έργου σχεδιασμού, μπορεί να θέλετε να το επιδείξετε στον πελάτη σας σε μια μακέτα συσκευής. Χρησιμοποιώντας το πρόσθετο Angel mockup, μπορείτε να δημιουργήσετε όμορφες μακέτες για να κάνετε μια σταθερή πρώτη εντύπωση.
Η ομάδα GT λατρεύει τη χρήση μακαπ και εκπληκτικών βολών με ντρίμπλα. Το angle είναι ένα από τα πιο δημοφιλή και απίστευτα πρόσθετα που κάθε λάτρης της μακέτας πρέπει να δοκιμάσει.
Επίσης στο Guiding Tech
7. εικονίδια 4 σχέδια
Αυτό δεν χρειάζεται εισαγωγή. Κάθε σχεδιαστής χρειάζεται αυτά τα πολύχρωμα, μινιμαλιστικά εικονίδια για να τα εφαρμόσει στο σχέδιο. Το εικονίδιο 4 σάς επιτρέπει να κάνετε αναζήτηση στο εικονίδιο με το όνομα και να τοποθετείτε αυτά τα εικονίδια στη λίστα αποτελεσμάτων με ένα κλικ, καταλήγοντας σε ένα εικονίδιο που βασίζεται σε διανύσματα, πλήρως επεξεργάσιμο.
Η συλλογή περιλαμβάνει δώδεκα δημοφιλείς συλλογές εικονιδίων σε μια σειρά από στυλ. Προχωρήστε, δοκιμάστε το. Είμαστε σίγουροι ότι δεν θα απογοητευτείτε.
8. Lorem Ipsum
Αυτό είναι ένα άλλο σημαντικό πρόσθετο για κάθε σχεδιαστή. Κατά τη διάρκεια ενός έργου, μπορεί να χρειαστεί να χρησιμοποιήσετε αυτό το ψεύτικο κείμενο. Το Lorem Ipsum είναι ένας βιομηχανικός τυποποιημένος τρόπος προβολής του κειμένου σε μια μακέτα διεπαφής χρήστη. Υπάρχουν ειδικοί ιστότοποι εκεί έξω που σας επιτρέπουν να αντιγράψετε το κείμενο με βάση τις απαιτήσεις σας.
Χρησιμοποιώντας την προσθήκη Lorem Ipsum, μπορείτε απλά να λάβετε αυτό το κείμενο χωρίς να φύγετε από το πρόγραμμα Adobe XD.
9. Μετονομάστε το
Όλοι έχουμε αφιερώσει περισσότερο χρόνο από όσο θα θέλαμε να παραδεχτούμε για την οργάνωση και τη μετονομασία επιπέδων και πινάκων τέχνης. Μετονομασία Σας επιτρέπει να μετονομάσετε όλα τα επίπεδα διαδοχικά σε αύξουσα ή φθίνουσα σειρά, καθώς και να αλλάξετε την πεζογραφία του ονόματος του επιπέδου σε λιγότερο χρόνο από τη μετονομασία λίγων μόνο επιπέδων. Επιτρέπει ακόμη και την εύρεση και την αντικατάσταση λέξεων ή χαρακτήρων με απλές συντομεύσεις πληκτρολογίου.
10. Σελιδοδείκτης
Εάν εργάζεστε με πολλά σχέδια και πίνακες γραφικών και μερικές φορές δυσκολεύεστε να βρείτε τον συγκεκριμένο πίνακα, δοκιμάστε την προσθήκη Σελιδοδείκτη. Αυτό το πρόσθετο σάς επιτρέπει να προσθέσετε σελιδοδείκτη σε ένα συγκεκριμένο πίνακα γραφικών και όποτε εκτελείτε και κάνετε κλικ σε αυτόν τον συγκεκριμένο σελιδοδείκτη, η εστίαση της οθόνης σας θα πηγαίνει στο συγκεκριμένο πίνακα τέχνης.
11. ColorSpark
Έχουμε δει πολλούς σχεδιαστές διεπαφής χρήστη να παλεύουν με τις επιλογές χρωμάτων και τους συνδυασμούς σε όλο το έργο. Υπάρχουν ειδικά εργαλεία στον ιστό που σας βοηθούν να πάρετε μια καλύτερη απόφαση. Αλλά το ColorSpark για το Adobe XD ξεπερνά το καθένα με μια ενσωματωμένη γεννήτρια χρωμάτων για τυχαία χρώματα και διαβαθμίσεις.
Βοηθά τους σχεδιαστές να ανακαλύψουν μοναδικές χρωματικές παλέτες και να πυροδοτήσουν τη δημιουργικότητα.
12. Χαλαρότητα
Συνδυάστε τη δημιουργική εργασία και την ομαδική εργασία με Χαλαρότητα. Οι σχεδιαστές μπορούν εύκολα να μοιράζονται και να κάνουν προεπισκόπηση αρχείων από εφαρμογές, συμπεριλαμβανομένου του Adobe XD, να λαμβάνουν σχόλια και να παραμένουν ενημερωμένοι για τις ενέργειες που πραγματοποιούνται στα στοιχεία τους.
Με το ιστορικό με δυνατότητα αναζήτησης, την οργανωμένη συνομιλία και την ενσωμάτωση εφαρμογών, η προσθήκη Slack είναι ο τέλειος τρόπος για να συνεργαστείτε και να λάβετε σαφείς και αποτελεσματικές πληροφορίες σχετικά με το σχέδιό σας από την αρχή μέχρι το τέλος.
Επίσης στο Guiding Tech
Δημιουργήστε εκπληκτικά σχέδια διεπαφής χρήστη
Το Adobe XD είναι τέλειες λύσεις εάν επενδύσετε στο οικοσύστημα της Adobe. Και σε αντίθεση με το Sketch, είναι διαθέσιμο τόσο σε Windows όσο και σε Mac και δεν κοστίζει τίποτα για να δοκιμάσετε μερικά έργα. Μεταβείτε στην παραπάνω λίστα προσθηκών και αναβαθμίστε τις σχεδιαστικές σας δεξιότητες με το Adobe XD.
Επόμενο: Θέλετε να εξάγετε το σχέδιο Adobe XD σε κώδικα HTML; Διαβάστε την παρακάτω ανάρτηση για να μάθετε πώς να το πετύχετε.