Adobe XD: Το δωρεάν εργαλείο σχεδίασης UI και UX που μπορείτε να χρησιμοποιήσετε τώρα

Διαφήμιση

Δεν συσχετίζετε συχνά την Adobe με "δωρεάν" λήψεις, αλλά με αυτό ακριβώς έχει κάνει η εταιρεία Adobe XD. Πρόκειται για μια εφαρμογή πρωτοτύπου γρήγορης διεπαφής για φορητές συσκευές και ιστότοπους, επιτρέποντας στους σχεδιαστές να παρουσιάζουν γρήγορα σχέδια για συγκεκριμένες πλατφόρμες.

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

Ακόμη και το περιβάλλον εργασίας χρήστη είναι αναζωογονητικό, χωρίς όλα τα εργαλεία και τα πάνελ που αποβάλλουν τόσους πολλούς ανθρώπους εφαρμογές όπως το Photoshop, το Illustrator και το Lightroom 15 δωρεάν εναλλακτικές λύσεις για το Adobe Lightroom, το Illustrator και το PhotoshopΘα θέλατε να αποκτήσετε δωρεάν το Adobe Photoshop, το Lightroom ή το Illustrator; Ακολουθούν μερικές από τις καλύτερες εναλλακτικές λύσεις Creative Cloud. Διαβάστε περισσότερα . Σε αυτό το άρθρο, θα σας παρουσιάσουμε το Adobe XD και θα σας εξηγήσουμε τι μπορείτε και τι δεν μπορείτε να κάνετε με αυτό.

Τι είναι το Adobe XD;

Το Adobe XD είναι ένα εργαλείο σχεδίασης. Δεν θα δημιουργήσει την εφαρμογή σας για εσάς, αλλά θα σας βοηθήσει να παρουσιάσετε ένα όραμα ή ένα πρωτότυπο για αυτό που θέλετε να εμφανίζεται η επόμενη εφαρμογή για κινητά ή tablet, τον ιστότοπο ή άλλη διεπαφή χρήστη. Η εφαρμογή χρησιμοποιεί πίνακες τέχνης - ουσιαστικά κοροϊδεύω οθόνης - για να παρέχει μια οπτική αναπαράσταση του σχεδιασμού της εφαρμογής σας.

Δημιουργία εφαρμογών για κινητά Δημιουργήστε την πρώτη σας εφαρμογή για κινητά με αυτά τα πακέτα με έκπτωσηΈχετε ό, τι χρειάζεται για να αναπτύξετε την επόμενη μεγάλη εφαρμογή iOS ή Android; Αυτά τα εξαιρετικά μειωμένα μαθήματα θα σας διδάξουν πώς γίνεται! Διαβάστε περισσότερα και οι ιστότοποι που λειτουργούν μπορούν να απαιτούν πολλή τεχνογνωσία. Το Adobe XD σάς παρέχει τα εργαλεία για να μετατρέψετε μια ιδέα σε απόδειξη της ιδέας. Όταν τελειώσετε, θα έχετε ένα σχεδιάγραμμα από το οποίο θα εργαστείτε και ένα που μπορείτε να τροποποιήσετε ασταμάτητα μέχρι να είστε ικανοποιημένοι με το σχέδιο.

Με τον ίδιο τρόπο που η έννοια της τέχνης είναι τόσο σημαντική στις δημιουργικές προσπάθειες (δείτε αυτό όμορφα βιντεοπαιχνίδια concept art Πού να βρείτε όμορφα βιντεοπαιχνίδια Concept Art OnlineΘέλετε να δείτε μερικά από τα όμορφα concept art πίσω από τα αγαπημένα σας παιχνίδια; Εδώ είναι οι πόροι του βιντεοπαιχνιδιού που έχετε στη διάθεσή σας! Διαβάστε περισσότερα ως απόδειξη), μια απόδειξη της ιδέας για τον επιθυμητό σχεδιασμό διασύνδεσης είναι σημαντική όταν πρόκειται για κατασκευή λογισμικού και ιστότοπου. Η παροχή στους προγραμματιστές μιας έννοιας που ταιριάζει τόσο πολύ με το τελικό προϊόν είναι ένας πολύ καλός τρόπος για να ευθυγραμμίσετε τις προσδοκίες σας με ό, τι είναι δυνατό.

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

Τι μπορεί να κάνει το Adobe XD;

Το Adobe XD έχει σχεδιαστεί λαμβάνοντας υπόψη μερικές συγκεκριμένες εφαρμογές, αλλά μπορείτε επίσης να σκεφτείτε έξω από το κουτί. Η εφαρμογή διευκολύνει τα πράγματα συμπεριλαμβάνοντας πρότυπα για:

• Εφαρμογές smartphone: Από τα iPhone 5 και SE έως τα πιο πρόσφατα μοντέλα. και ένα γενικό πρότυπο Android.
• Εφαρμογές για tablet: Με πρότυπα για iPad, και τα δύο μεγέθη iPad Pro, Surface Pro 3 και 4 και ένα γενικό πρότυπο tablet Android.
• Ιστότοποι / εφαρμογές ιστού: Με μερικές προεπιλογές για να διαλέξετε, συμπεριλαμβανομένου του Full HD.

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

Εάν σχεδιάζετε μια εφαρμογή για κινητά, μπορείτε να κατεβάσετε τη δωρεάν εφαρμογή Adobe XD για την πλατφόρμα σας και να εξαγάγετε τα σχέδιά σας για μια ζωντανή προεπισκόπηση στη συσκευή σας.

Τα κιτ UI κάνουν τη ζωή ακόμα πιο εύκολη

Εάν σκέφτεστε σχεδίαση για iOS 7 λόγοι για τους οποίους η γλώσσα γρήγορου προγραμματισμού αξίζει να μάθειΠρέπει να μάθετε τη γλώσσα προγραμματισμού Swift νωρίτερα και όχι αργότερα, εάν δεν θέλετε να μείνετε πίσω. Εδώ είναι μερικοί εξαιρετικοί λόγοι που μπορεί να σας πείσουν. Διαβάστε περισσότερα , Android, Windows ή άλλη καθιερωμένη πλατφόρμα. μπορείτε να χρησιμοποιήσετε κιτ UI για να λάβετε βοήθεια. Πρόκειται ουσιαστικά για πρότυπα έργων που διατηρούνται από την Apple, την Google, τη Microsoft και άλλα, με δυνατότητα λήψης σε μορφή αρχείου .XD της Adobe.

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

Για παράδειγμα, το κιτ UI iOS της Apple περιλαμβάνει διαστάσεις κενής οθόνης για μια σειρά συσκευών, παραδείγματα του Πληκτρολόγιο iOS, στοιχεία πλοήγησης όπως η κορδέλα στο πάνω μέρος της οθόνης, τα κουμπιά εναλλαγής iOS και περισσότερο. Μπορείτε εύκολα να αντιγράψετε και να επικολλήσετε στοιχεία στους πίνακες γραφικών σας και να δημιουργήσετε ακριβή πρωτότυπα.

Η Adobe διατηρεί επίσης μερικά άλλα κιτ UI, όπως δείγματα smartwatch συμβατά με το WatchOS, ένα κιτ ιστότοπου ηλεκτρονικού εμπορίου και ένα σύνολο παραδειγμάτων για τη δημιουργία εφαρμογές smartphone ψηφιακού νομίσματος Κορυφαίες 10 εφαρμογές Bitcoin και Cryptocurrency για iPhoneΕίναι πλέον ευκολότερο από ποτέ να αγοράσετε Bitcoin, να μετατρέψετε σε altcoins, ακόμη και να επενδύσετε σε ICO, όλα από το τηλέφωνό σας με εφαρμογές κρυπτογράφησης. Διαβάστε περισσότερα . Θα πρέπει να κατεβάσετε το κατάλληλο Κιτ UI για iOS, Σχεδιασμός υλικών της Google και Microsoft Windows χωριστά.

Ένα απλό σύνολο ενσωματωμένων εργαλείων

Σε αντίθεση με τις άλλες σύνθετες εφαρμογές γραφικών και σχεδίασης της Adobe, το XD διαθέτει ένα ωραίο καθαρό περιβάλλον εργασίας χρήστη με λίγα απλά εργαλεία. Έχετε τα βασικά σας σχήματα: ορθογώνια, κύκλους, γραμμές και ένα εργαλείο πένας για τη δημιουργία προσαρμοσμένων σχημάτων. Υπάρχει επίσης ένα απλό εργαλείο κειμένου, με πρόσβαση στη βιβλιοθήκη γραμματοσειρών Typekit (αλλά όχι σε όλα).

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

Το Adobe XD σάς βοηθά να τοποθετείτε στοιχεία σε αισθητικά ευχάριστα μέρη, «κουμπώνοντας» στη θέση τους γύρω από τις άκρες της οθόνης, το κεντρικό σημείο του καμβά και σε άλλα στοιχεία. Μπορείτε να το παρακάμψετε αν θέλετε κρατώντας πατημένο ένα κουμπί (στην έκδοση Mac είναι Cmd).

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

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

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

Πόσο περιορισμένη είναι η δωρεάν έκδοση του Adobe XD;

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

Έτσι, για το πρώτο σας σχέδιο ή έργο, η δωρεάν έκδοση μπορεί να είναι αρκετή. Όταν πρόκειται για κοινή χρήση περισσότερων σχεδίων ή έργων με την ομάδα ή τους προγραμματιστές εφαρμογών σας, θα χτυπήσετε γρήγορα έναν τοίχο. Μπορείτε πάντα να εξάγετε τους διάφορους πίνακες γραφικών σας ως αρχεία .PNG δωρεάν, για πάντα μέσω του Αρχείο> Εξαγωγή επιλογή.

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

Οι άλλοι περιορισμοί της δωρεάν έκδοσης περιλαμβάνουν περιορισμένο αριθμό γραμματοσειρών Typekit και αποθήκευσης cloud 2 GB (σε αντίθεση με 100 GB) για συνδρομητές Creative Cloud. Εάν αποφασίσετε να αυξήσετε τα μετρητά για η πληρωμένη έκδοση, Το Adobe XD θα σας κοστίσει 9,99 $ / μήνα μόνο για αυτήν την εφαρμογή ή 52,99 $ / μήνα για την πλήρη σουίτα Creative Cloud.

Νομίζουμε Το Adobe Creative Cloud αξίζει τα λεφτά 5 λόγοι για να αγοράσετε το Adobe Creative CloudΤο Creative Cloud της Adobe διαθέτει πολλά μεγάλα πλεονεκτήματα. Έχουμε καταρτίσει μια λίστα με τους λόγους για τους οποίους μπορείτε να επενδύσετε στο Adobe Creative Cloud όσο μπορείτε. Διαβάστε περισσότερα , υπό την προϋπόθεση ότι μπορείτε να αξιοποιήσετε αρκετά.

Το Adobe XD είναι ένα εκπληκτικά φιλικό προς το χρήστη εργαλείο

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

Το Adobe XD δεν είναι το τελικό και τελικό σχέδιο UI. Οι σχεδιαστές χρησιμοποιούν εργαλεία γραφικών εδώ και χρόνια για τη δημιουργία προτύπων για ιστότοπους, σχέδια εφαρμογών και άλλα. Δείτε το τα καλύτερα εργαλεία γραφικών διανυσματικών Mac για σχεδιαστές με προϋπολογισμό Το καλύτερο διανυσματικό λογισμικό για σχεδιαστές Mac με προϋπολογισμόΕδώ είναι το καλύτερο διανυσματικό λογισμικό για macOS που μπορείτε να χρησιμοποιήσετε δωρεάν ή να αγοράσετε με έναν προϋπολογισμό. Ιδανικό για μοντέρνους σχεδιαστές! Διαβάστε περισσότερα για να δείτε μερικές ικανές εναλλακτικές λύσεις.