Επεξεργαστής Καμβά
Ο επεξεργαστής wireframe είναι όπου σχεδιάζετε και βελτιώνετε τις οθόνες σας. Η αριστερή πλαϊνή γραμμή περιέχει όλα τα εργαλεία σχεδίασης και επιλογής, το κέντρο είναι ο καμβάς όπου τοποθετείτε και διατάσσετε τα στοιχεία και η δεξιά πλαϊνή γραμμή εμφανίζει τις ιδιότητες του επιλεγμένου στοιχείου.
Εργαλεία
Επιλογή
Κάντε κλικ για να επιλέξετε και να μετακινήσετε στοιχεία στον καμβά. Τα επιλεγμένα στοιχεία εμφανίζουν τις ιδιότητές τους στη δεξιά πλαϊνή γραμμή.
Τετράγωνο
Σχεδιάστε ορθογώνια στοιχεία περιέκτη στον καμβά.
Κύκλος
Σχεδιάστε κυκλικά στοιχεία στον καμβά.
Κείμενο
Προσθέστε ετικέτες κειμένου και μπλοκ περιεχομένου.
Εικόνα
Τοποθετήστε στοιχεία κράτησης θέσης εικόνας.
Κουμπί
Προσθέστε διαδραστικά στοιχεία κουμπιού.
Είσοδος
Προσθέστε πεδία εισαγωγής φόρμας.
+ (Προσθήκη Οθόνης)
Προσθέστε μια νέα οθόνη στο έργο wireframe.
Κλειδωμένα Στοιχεία
Ο καμβάς Ροής Οθόνης σάς επιτρέπει να οργανώσετε τη δουλειά σας στην αντίστροφη μηχανική σε ομάδες. Κάθε ομάδα μπορεί να περιέχει πολλαπλές εικόνες οθόνης και μπορεί να έχει τύπο είτε «Οθόνη» (κύριες σελίδες, ενότητες ή προβολές) είτε «Λειτουργία» (επικαλύψεις, παράθυρα διαλόγου, αναδυόμενα παράθυρα, συρτάρια). Κάνοντας διπλό κλικ σε μια ομάδα, ανοίγετε και μπορείτε να εργαστείτε με τις εικόνες της.
Λειτουργία Storyboard
Η λειτουργία storyboard σάς επιτρέπει να δείτε όλα τα πλαίσια σας και τα σημεία σύνδεσης σε μια συνοπτική προβολή. Εναλλάσσεστε μεταξύ του καμβά μιας οθόνης και της λειτουργίας storyboard χρησιμοποιώντας το ίδιο κουμπί στην αριστερή πλαϊνή γραμμή. Στη λειτουργία storyboard, κάθε οθόνη εμφανίζεται ως μια κάρτα με μια προεπισκόπηση της διάταξής της.
Χαρακτηριστικά Storyboard
Επισκόπηση Πλαισίου
Δείτε όλες τις οθόνες με μια ματιά με τις μετρήσεις στοιχείων και τις οπτικές προεπισκοπήσεις.
Ορισμός Λειτουργίας
Επισημάνετε οποιαδήποτε οθόνη ως επικάλυψη λειτουργίας αντί για πλήρη σελίδα.
Κάντε κλικ για Επεξεργασία
Κάντε κλικ σε οποιαδήποτε κάρτα πλαισίου για να μεταβείτε στην προβολή καμβά της για λεπτομερή επεξεργασία.
Έλεγχοι Μεγέθυνσης
Χρησιμοποιήστε τα στοιχεία ελέγχου μεγέθυνσης στην αριστερή πλευρά για να κάνετε μεγέθυνση/σμίκρυνση του storyboard.
Συνδέσεις Ροής
Οπτικοποιήστε τον τρόπο με τον οποίο οι οθόνες συνδέονται μέσω των ενεργειών ροής μεταξύ των πλαισίων.
Ιδιότητες Στοιχείου
Σύνολο Εργαλείων
Καρτέλα Ιδιοτήτων
Θέση (X, Y)
Ορίστε την ακριβή θέση του στοιχείου σε εικονοστοιχεία στον καμβά.
Μέγεθος (Πλάτος, Ύψος)
Ορίστε τις διαστάσεις του στοιχείου σε εικονοστοιχεία.
Z-Index (Σειρά Στρώσεων)
Ελέγξτε ποια στοιχεία εμφανίζονται πάνω από άλλα.
Ακτίνα Ακμής
Ορίστε τη στρογγυλότητα της γωνίας με μια αριθμητική τιμή ή χρησιμοποιήστε τις προκαθορισμένες επιλογές Αιχμηρή, Στρογγυλεμένη ή Χάπι.
Περιεχόμενο Κειμένου
Επεξεργαστείτε το κείμενο που εμφανίζεται μέσα στο στοιχείο.
Καρτέλα Χρώματα
Προσαρμόστε τα χρώματα φόντου, περιγράμματος και κειμένου για το επιλεγμένο στοιχείο.
Ροές
Οι ροές ορίζουν ενέργειες και πλοήγηση μεταξύ οθονών. Μια ροή είναι μια ενέργεια, όπως η πλοήγηση σε μια άλλη σελίδα, το άνοιγμα μιας λειτουργίας ή η δρομολόγηση σε μια διαφορετική περιοχή. Μικρά εικονίδια συνδέσμου στον καμβά υποδεικνύουν ποια στοιχεία έχουν συνημμένες ροές. Τα πλαίσια συνδέονται αυτόματα μεταξύ τους κατά τη δημιουργία με τεχνητή νοημοσύνη και δημιουργούνται επίσης συνδέσεις ροής.
Ρύθμιση Ροών
Ανοίξτε την Καρτέλα Ροής
Στην δεξιά πλαϊνή γραμμή, μεταβείτε στην καρτέλα Ροή για να δείτε τις υπάρχουσες συνδέσεις ή να προσθέσετε νέες.
Προσθήκη Σύνδεσης
Κάντε κλικ στην επιλογή Προσθήκη Πρώτης Σύνδεσης (ή στο κουμπί +) για να δημιουργήσετε μια νέα ροή. Επιλέξτε μια οθόνη ή ένα πλαίσιο-στόχο για να συνδεθείτε.
Προβολή στον Καμβά
Τα συνδεδεμένα στοιχεία εμφανίζουν ένα μικρό εικονίδιο συνδέσμου στον καμβά για να υποδείξουν ότι έχουν συνημμένες ροές.
Επιλέξτε το Εργαλείο Πλαισίου
Σχεδιάστε ένα πλαίσιο
Συνδέσεις Μπλοκ
Τα wireframes μπορούν να «εξαχθούν», «εισαχθούν» ή να «χρησιμοποιηθούν απευθείας» κατά τη δημιουργία έργων ή εντός του ίδιου του Κέντρου Έργων. Αυτό καθιστά εύκολη τη μετάβαση από το σχέδιο wireframe σε ένα λειτουργικό έργο χωρίς να χρειάζεται να δημιουργήσετε χειροκίνητα τις διατάξεις.
Επεξεργασία με Τεχνητή Νοημοσύνη
Κάντε κλικ στο κουμπί + στην κορυφή της πλαϊνής γραμμής για να ανοίξετε το παράθυρο διαλόγου Δημιουργία Νέας Ομάδας Μπλοκ. Δώστε ένα όνομα στην ομάδα σας και επιλέξτε έναν τύπο στοιχείου για να κατηγοριοποιήσετε το είδος του περιεχομένου που θα περιέχει.
Ευαισθητοποιημένη Εισαγωγή
Μία Οθόνη
Όταν επεξεργάζεστε μια μόνο οθόνη, η γραμμή προτροπής εμφανίζει «Επεξεργασία ‘Όνομα Οθόνης’» και οι αλλαγές της τεχνητής νοημοσύνης εφαρμόζονται μόνο σε αυτήν την οθόνη.
Σενάριο
Όταν βρίσκεστε σε λειτουργία storyboard, η τεχνητή νοημοσύνη μπορεί να επεξεργαστεί όλα τα πλαίσια ταυτόχρονα ή να δημιουργήσει νέα πλαίσια χρησιμοποιώντας τα υπάρχοντα ως αναφορά.
Εισαγωγή Φωνής
Χρησιμοποιήστε το εικονίδιο μικροφώνου στη γραμμή προτροπής για να υπαγορεύσετε τις οδηγίες σας αντί να πληκτρολογείτε.
Επεξεργασία CLI
Κάντε κλικ στην επιλογή Επεξεργασία CLI για μια προηγμένη λειτουργία επεξεργασίας με περισσότερο έλεγχο στις αλλαγές που δημιουργούνται με τεχνητή νοημοσύνη.
Εξαγωγή και Ενσωμάτωση
Κάνοντας κλικ στο «Προβολή», ανοίγει το μπλοκ στο παράθυρο διαλόγου λεπτομερειών. Η κεφαλίδα του παραθύρου εμφανίζει το όνομα του μπλοκ και την ετικέτα τύπου στοιχείου. Μέσα, μπορείτε να εναλλάσσετε μεταξύ δύο καρτελών: