Adobe XD: Το Ελεύθερο UI και UX Design Tool που μπορείτε να χρησιμοποιήσετε σωστά τώρα
Διαφήμιση
Δεν συσχετίζετε συχνά την Adobe με "δωρεάν" λήψεις, αλλά αυτό ακριβώς έκανε αυτή η εταιρεία με το Adobe XD. Πρόκειται για μια γρήγορη εφαρμογή πρωτοτύπου διεπαφής για κινητές συσκευές και ιστότοπους, επιτρέποντας στους σχεδιαστές να βρουν γρήγορα σχέδια για συγκεκριμένες πλατφόρμες.
Το καλύτερο πράγμα για το Adobe XD είναι πόσο εύκολο είναι να το χρησιμοποιήσετε. Ακόμα κι αν έχετε λίγη εμπειρία σχεδιασμού οτιδήποτε, υπάρχει μόνο μια πολύ βαθμιαία καμπύλη μάθησης για να σας κρατήσει πίσω.
Ακόμη και το UI είναι αναζωογονητικά, χωρίς όλα τα εργαλεία και τα πάνελ που έβαζαν τόσους πολλούς ανθρώπους εκτός εφαρμογών όπως το Photoshop, Illustrator και το Lightroom 15 Ελεύθερων Εναλλακτικών σε Adobe Lightroom, Illustrator και Photoshop 15 Ελεύθερων Εναλλακτικών σε Adobe Lightroom, Illustrator και Photoshop θέλετε να έχετε δωρεάν το Adobe Photoshop, το Lightroom ή το Illustrator; Εδώ είναι μερικές από τις καλύτερες εναλλακτικές λύσεις Creative Cloud. Διαβάστε περισσότερα . Σε αυτό το άρθρο, θα σας παρουσιάσουμε στο Adobe XD και θα εξηγήσουμε τι μπορείτε και δεν μπορείτε να κάνετε με αυτό.
Τι είναι το Adobe XD;
Το Adobe XD είναι ένα εργαλείο σχεδίασης. Δεν θα χτίσει την εφαρμογή σας για εσάς, αλλά θα σας βοηθήσει να παρουσιάσετε ένα όραμα ή ένα πρωτότυπο για αυτό που θέλετε να μοιάσει η επόμενη εφαρμογή κινητού τηλεφώνου ή tablet, ιστοσελίδα ή άλλη διεπαφή χρήστη. Η εφαρμογή χρησιμοποιεί πίνακες τέχνης, κυρίως μακέτες οθόνης, για να παρέχει μια οπτική αναπαράσταση του σχεδιασμού της εφαρμογής σας.
Δημιουργία εφαρμογών για κινητά Κάντε την πρώτη σας εφαρμογή για κινητά με αυτές τις προεξοφλημένες δέσμες μαθημάτων Κάντε το πρώτο κινητό σας με αυτές τις προεξοφλημένες δέσμες μαθημάτων Έχετε ό, τι χρειάζεται για να αναπτύξετε την επόμενη μεγάλη iOS ή εφαρμογή Android; Αυτά τα πολύ μειωμένα πακέτα μαθημάτων θα σας διδάξουν πώς γίνεται! Διαβάστε περισσότερα και οι ιστότοποι που εργάζονται μπορούν να πάρουν πολλές τεχνικές γνώσεις. Το Adobe XD σάς παρέχει τα εργαλεία για να μετατρέψετε μια ιδέα σε μια απόδειξη της έννοιας. Όταν τελειώσετε θα έχετε ένα σχέδιο από το οποίο μπορείτε να δουλέψετε και ένα που μπορείτε να τσιμπήσετε ατελείωτα μέχρι να είστε ικανοποιημένοι με το σχέδιο.
Με τον ίδιο τρόπο που η τέχνη έννοια είναι τόσο σημαντική στις δημιουργικές προσπάθειες (δείτε αυτή την όμορφη τέχνη βίντεο τέχνης έννοια Πού να βρεθεί Όμορφη Video Game Concept Τέχνης Online Πού να βρείτε Όμορφη Video Game Concept Art Online Θέλετε να δείτε μερικές από τις όμορφες τέχνη έννοια πίσω από σας αγαπημένα παιχνίδια Εδώ είναι οι πόροι τέχνης βίντεο παιχνιδιών στη διάθεσή σας! Διαβάστε περισσότερα ως απόδειξη), μια απόδειξη της έννοιας για το επιθυμητό σχεδιασμό διεπαφής σας είναι σημαντική όταν πρόκειται για την κατασκευή λογισμικού και ιστοσελίδων. Η παροχή στους προγραμματιστές μιας ιδέας που ταιριάζει τόσο στενά με το τελικό προϊόν είναι ένας πολύ καλός τρόπος για να ευθυγραμμιστούν οι προσδοκίες σας με το τι είναι δυνατό.
Το καλύτερο από όλα τα app είναι σχεδιασμένο με τέτοιο τρόπο ώστε ο καθένας να μπορεί να το χρησιμοποιήσει. Είτε είστε έμπειρος σχεδιαστής, προγραμματιστής, είτε κάποιος που στερείται και των δύο αυτών δεξιοτήτων. Το Adobe XD μπορεί να γεφυρώσει το χάσμα ανάμεσα στο όραμά σας και τις τεχνικές σας γνώσεις. Δεν χρειάζεται καν να μάθετε να κωδικοποιείτε Μάθετε τον κώδικα με Remixing των υπαρχουσών εφαρμογών για Ελεύθερο Μάθετε τον κώδικα με Remixing Υπάρχουσες Εφαρμογές για Ελεύθερο Αυτός ο ιστότοπος σάς επιτρέπει να δημιουργείτε ή να αναμιγνύετε εφαρμογές, επιτρέποντάς σας να είστε δημιουργικοί χωρίς τον φόβο να σπάσετε τίποτα. Διαβάστε περισσότερα για να σχεδιάσετε μια εφαρμογή.
Τι μπορεί να κάνει το 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 7 Λόγοι για τους οποίους η γλώσσα προγραμματισμού Swift αξίζει να μάθει Θα πρέπει να μάθετε τη γλώσσα προγραμματισμού Swift νωρίτερα και όχι αργότερα αν δεν θέλετε να μείνει πίσω. Ακολουθούν ορισμένοι εξαιρετικοί λόγοι που μπορεί να σας πείσουν. Διαβάστε περισσότερα, Android, Windows ή άλλη καλά εδραιωμένη πλατφόρμα. μπορείτε να χρησιμοποιήσετε κιτ UI για να πάρετε ένα χέρι βοήθειας. Αυτά είναι ουσιαστικά πρότυπα έργων που διατηρούνται από την Apple, την Google, τη Microsoft και άλλα, που μπορούν να μεταφορτωθούν στη μορφή αρχείου .XD της Adobe.
Με τα κιτ UI μπορείτε να επιταχύνετε την παραγωγή, επιτρέποντάς σας να σχεδιάσετε την εφαρμογή σας μέσα στους περιορισμούς και τα κοινά στοιχεία που εμφανίζονται στην πλατφόρμα επιλογής σας. Δεδομένου ότι διατηρούνται από τους προγραμματιστές πλατφόρμας, είναι γενικά πάντα ενημερωμένοι και λεπτομερείς.
Για παράδειγμα, το κιτ iOS της UI της Apple περιλαμβάνει κενές διαστάσεις οθόνης για μια σειρά συσκευών, παραδείγματα του πληκτρολογίου iOS, στοιχεία πλοήγησης όπως η κορδέλα στο πάνω μέρος της οθόνης, κουμπιά εναλλαγής iOS και άλλα. Μπορείτε εύκολα να αντιγράψετε και να επικολλήσετε στοιχεία στους πίνακες γραφικών σας και να δημιουργήσετε ακριβή πρωτότυπα.
Η Adobe διατηρεί επίσης μερικά άλλα κιτ UI, συμπεριλαμβανομένων των δειγμάτων smartwatch που είναι συμβατά με το watchOS, ένα κιτ ιστότοπου ηλεκτρονικού εμπορίου και ένα σύνολο παραδειγμάτων για τη δημιουργία εφαρμογών smartphone σε ψηφιακό νόμισμα Top 10 εφαρμογές Bitcoin και Cryptocurrency για το iPhone Top 10 εφαρμογές Bitcoin και Cryptocurrency για iPhone Είναι πλέον πιο εύκολο από ποτέ να αγοράσετε Bitcoin, να μετατρέψετε σε altcoins, και ακόμη και να επενδύσετε σε ICO, όλα από το τηλέφωνό σας με εφαρμογές κρυπτογράφησης. Διαβάστε περισσότερα . Θα χρειαστεί να κάνετε λήψη των κατάλληλων κιτ UI για το iOS, το σχεδιασμό υλικού της Google και τα Microsoft Windows ξεχωριστά.
Ένα απλό σύνολο ενσωματωμένων εργαλείων
Σε αντίθεση με τα άλλα σύνθετα γραφικά και εφαρμογές σχεδίασης της Adobe, το XD έχει μια ωραία καθαρή UI με λίγα απλά εργαλεία. Έχετε τα βασικά σας σχήματα: ορθογώνια, κύκλους, γραμμές και ένα εργαλείο στυλό για τη δημιουργία προσαρμοσμένων σχημάτων. Υπάρχει επίσης ένα απλό εργαλείο κειμένου, με πρόσβαση στη βιβλιοθήκη γραμματοσειρών Typekit (αλλά όχι ολόκληρη).
Στη συνέχεια, μπορείτε να αλλάξετε διάφορα χαρακτηριστικά που σχετίζονται με αυτά τα στοιχεία, όπως η αδιαφάνεια, το χρώμα πλήρωσης, τα περιγράμματα, οι σκιές και η συμπεριφορά κύλισης. Τέλος υπάρχει ένα μεγεθυντικό φακό και ένα εργαλείο artboard για την επέκταση του σχεδιασμού σας.
Το Adobe XD σας βοηθά να τοποθετείτε στοιχεία σε αισθητικά ευχάριστα μέρη, "πατώντας" στη θέση τους γύρω από τις άκρες της οθόνης, το κεντρικό σημείο του καμβά και σε άλλα στοιχεία. Μπορείτε να το παρακάμψετε αν θέλετε πατώντας ένα κουμπί (στην έκδοση Mac είναι Cmd ).
Κατά μήκος της επάνω άκρης της εφαρμογής θα δείτε δύο εναλλαγές: Σχεδίαση και Πρωτότυπο . Σχεδιασμός είναι όπου θα περάσετε το μεγαλύτερο μέρος του χρόνου σας δημιουργώντας το όραμά σας. Μεταβείτε στη λειτουργία Πρωτότυπο για να προσθέσετε διάφορες αλληλεπιδράσεις μεταξύ των στοιχείων επί της οθόνης. Μπορείτε να ενεργοποιήσετε τα συμβάντα και να μεταβείτε σε διαφορετικούς πίνακες τέχνης, παρέχοντας μια απλή εμπειρία χρήσης χωρίς να γράψετε μια γραμμή κώδικα.
Αυτό γίνεται μέσω απλής διεπαφής μεταφοράς και απόθεσης, για παράδειγμα: δημιουργήστε ένα κουμπί με το εργαλείο κύκλου, δημιουργήστε έναν νέο πίνακα με το επιθυμητό αποτέλεσμα αυτού του κουμπιού (π.χ. διαφορετική καρτέλα στην εφαρμογή σας), μεταβείτε στη λειτουργία πρωτότυπου σύρετε το βέλος από το κουμπί στον νέο πίνακα γραφικών σας. Χτυπήστε το κουμπί "Αναπαραγωγή" ή προεπισκόπηση στην ζωντανή συσκευή σας για να δείτε πώς παίζει.
Μπορείτε ακόμη να ορίσετε μεταβάσεις και εφέ για να φανεί φανταχτερό. Υπάρχουν μερικοί αρκετά μεγάλοι περιορισμοί στη λειτουργία πρωτοτύπου. Δεν μπορείτε πραγματικά να πάρετε πάρα πολύ σε βάθος με αυτό, αλλά εξυπηρετεί ένα σκοπό και είναι απλή εφαρμογή καθιστά εύκολο στη χρήση.
Πόσο περιορισμένη είναι η δωρεάν έκδοση του Adobe XD;
Όντας ένα δωρεάν προϊόν, το Adobe XD έχει σχεδιαστεί για να σας κάνει να συνδέεστε με την απλή ροή εργασίας και τα φιλικά προς το χρήστη εργαλεία χωρίς να ξοδεύετε μια δεκάρα. Το μεγαλύτερο μειονέκτημα για την ελεύθερη έκδοση είναι η αδυναμία να υπάρχουν περισσότερα από ένα ενεργά κοινό πρότυπο ή σύνολο προδιαγραφών σχεδιασμού ταυτόχρονα.
Έτσι για το πρώτο σας σχέδιο ή έργο, η δωρεάν έκδοση μπορεί να αρκεί. Όταν πρόκειται να μοιραστείτε περισσότερα σχέδια ή έργα με τους προγραμματιστές της ομάδας ή των εφαρμογών σας, θα χτυπήσετε γρήγορα έναν τοίχο. Μπορείτε πάντα να εξάγετε τους πίνακες τέχνης σας ως αρχεία .PNG δωρεάν, για πάντα μέσω της επιλογής Αρχείο> Εξαγωγή .
Ωστόσο, το κοινό πρότυπο και η αλληλεπίδραση μεταξύ artboards είναι ένα από τα χαρακτηριστικά standout εδώ. Η εφαρμογή είναι ακόμα χρήσιμη χωρίς αυτό, απλώς όχι στον ίδιο βαθμό. Δεν μπορείτε να δημιουργήσετε ένα πλήρως υλοποιημένο πρωτότυπο, αλλά μπορείτε γρήγορα να καθορίσετε το σχέδιό σας.
Οι άλλοι περιορισμοί της δωρεάν έκδοσης περιλαμβάνουν έναν περιορισμένο αριθμό γραμματοσειρών Typekit και 2GB αποθήκευσης cloud (σε αντίθεση με τα 100GB) για συνδρομητές Creative Cloud. Αν αποφασίσετε να χτυπήσετε τα μετρητά για την πληρωμένη έκδοση, το Adobe XD θα σας κοστίσει $ 9, 99 / μήνα για αυτή την εφαρμογή μόνο ή $ 52, 99 / μήνα για την πλήρη σουίτα Creative Cloud.
Πιστεύουμε ότι το Adobe Creative Cloud αξίζει τα χρήματα 5 λόγοι για να αγοράσετε το Adobe Creative Cloud 5 Λόγοι για να αγοράσετε το Adobe Creative Cloud Το Creative Cloud της Adobe έρχεται με πολλά μεγάλα πλεονεκτήματα. Έχουμε καταρτίσει μια λίστα με τους λόγους για να επενδύσουμε στο Adobe Creative Cloud ενώ μπορείτε ακόμη. Διαβάστε περισσότερα, υπό τον όρο ότι είστε σε θέση να χρησιμοποιήσετε αρκετά από αυτό.
Το Adobe XD είναι ένα εκπληκτικά φιλικό προς το χρήστη εργαλείο
Το Adobe XD είναι ένα χρήσιμο εργαλείο, είτε πρόκειται να πληρώσετε είτε όχι. Σε ορισμένες περιπτώσεις, μπορείτε να ξεφύγετε από την δωρεάν έκδοση για να εργαστείτε σε μικρά προσωπικά έργα. Όταν πρόκειται για σοβαρή δουλειά και ανταλλαγή με ομάδες, θα χρειαστεί να αναβαθμίσετε.
Το Adobe XD δεν είναι το be-all και το τέλος του σχεδιασμού UI. Οι σχεδιαστές χρησιμοποιούν τα γραφικά εργαλεία εδώ και χρόνια για να δημιουργήσουν mockups για ιστότοπους, σχέδια εφαρμογών και πολλά άλλα. Ανακαλύψτε τα καλύτερα εργαλεία γραφικών για φορητούς υπολογιστές Mac για τους σχεδιαστές με έναν προϋπολογισμό Το Best Vector Software για Mac Designers σε έναν προϋπολογισμό Το καλύτερο λογισμικό Vector για Mac σχεδιαστές σε έναν προϋπολογισμό Εδώ είναι το καλύτερο λογισμικό φορέα για MacOS που μπορείτε να χρησιμοποιήσετε δωρεάν ή να αγοράσετε ο προϋπολογισμός. Ιδανικό για μοντέρνους σχεδιαστές! Διαβάστε περισσότερα για να δείτε μερικές ικανές εναλλακτικές λύσεις.
Εξερευνήστε περισσότερα σχετικά με: Adobe Creative Cloud, Design.
