Πώς να χρησιμοποιήσετε τη δυνατότητα Repeat Grid στο Adobe XD

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

Είναι καλύτερο να ακολουθήσετε τις οδηγίες εάν μπορείτε. Μπορείτε να βρείτε ένα δείγμα αρχείου που περιέχει μια εικόνα και λίγο κείμενο στο φάκελο LuckyTemplatesCCfiles . Ανοίξτε το φάκελο XD και επιλέξτε το αρχείο RepeatGrid-Sample. Στη συνέχεια, ακολουθήστε αυτά τα βήματα:

Ανοίξτε ένα αρχείο που έχει στοιχεία που θέλετε να επαναλάβετε κάθετα (κάτω) στη σελίδα. Όπως αναφέρθηκε προηγουμένως, μπορείτε να δημιουργήσετε το δικό σας ή να χρησιμοποιήσετε το αρχείο RepeatGrid-Sample που παρέχεται στον ιστότοπό μας.

Επιλέξτε όλα τα στοιχεία που πρόκειται να επαναληφθούν και, στη συνέχεια, πατήστε το κουμπί Επανάληψη πλέγματος στον πίνακα Ιδιότητες. Μπορείτε επίσης να επιλέξετε να χρησιμοποιήσετε τη συντόμευση πληκτρολογίου, Ctrl+R (Windows) ή ⌘ +R (Mac).

Οι λαβές εμφανίζονται στη δεξιά και την κάτω πλευρά των στοιχείων σας.

Επιλέξτε τα στοιχεία που θέλετε να επαναλάβετε και, στη συνέχεια, πατήστε το κουμπί Επανάληψη πλέγματος στον πίνακα Ιδιότητες.

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

Επαναλάβετε τα επιλεγμένα στοιχεία εύκολα χρησιμοποιώντας τη λειτουργία Repeat Grid.

Επιστρέψτε στην αρχική σας τέχνη και κάντε μια απλή αλλαγή. Ίσως αλλάξτε το μέγεθος τύπου του τίτλου ή να κλιμακώσετε λίγο την εικόνα. Παρατηρήστε ότι καθώς κάνετε αλλαγές σε αυτό το πρώτο στοιχείο, οι αλλαγές αντικατοπτρίζονται σε όλη την επανάληψη.

Αυτό μπορεί να είναι μια τεράστια εξοικονόμηση χρόνου, αλλά ακολουθήστε τα επόμενα βήματα για να δείτε πώς μπορείτε εύκολα να αντικαταστήσετε την επαναλαμβανόμενη εικόνα και κείμενο.

Εισαγωγή ενημερωμένων εικόνων στο επαναλαμβανόμενο πλέγμα σας

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

Εντοπίστε έναν φάκελο εικόνων σε μορφή που υποστηρίζει το XD, όπως JPEG, PNG ή GIF. Εάν έχετε πρόσβαση στο φάκελο LuckyTemplatesCCfiles , μπορείτε να βρείτε έναν φάκελο με το όνομα Insects μέσα στο φάκελο XD Files.

Τοποθετήστε το παράθυρο XD που περιέχει το artboard με την επανάληψη έτσι ώστε να μπορείτε να το δείτε και επίσης τον φάκελο γεμάτο εικόνες.

Βεβαιωθείτε ότι έχετε επιλέξει όλες τις εικόνες και, στη συνέχεια, κάντε κλικ και σύρετέ τις στο Repeated Grid. Οι εικόνες αντικαθίστανται.

Μπορείτε να σύρετε και να αποθέσετε πολλές εικόνες στο επαναλαμβανόμενο πλέγμα για να αντικαταστήσετε το περιεχόμενο της εικόνας σας.

Μπορείτε επίσης να σύρετε εικόνες από την εφαρμογή Bridge στο Adobe XD.

Ενημέρωση του κειμένου σας στο επαναλαμβανόμενο πλέγμα σας

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

Δημιουργήστε κείμενο σε οποιαδήποτε εφαρμογή που μπορεί να αποθηκεύσει το αρχείο σε μορφή απλού κειμένου — δηλαδή με επέκταση .txt. Το κείμενο μπορεί να δημιουργηθεί από το Σημειωματάριο, το Word, να ληφθεί από τα Έγγραφα Google ως απλό κείμενο ή να εξαχθεί από πολλές άλλες εφαρμογές. Για αυτό το παράδειγμα, μπορείτε να χρησιμοποιήσετε το δείγμα αρχείου κειμένου με το όνομα Bugtext.txt στο φάκελο XD-Files στον ιστότοπό μας.

Τοποθετήστε το φάκελο που περιέχει το αρχείο κειμένου έτσι ώστε να μπορείτε να δείτε το αρχείο και το επαναλαμβανόμενο πλέγμα.

Όπως και με τη διαδικασία αντικατάστασης της επαναλαμβανόμενης εικόνας, κάντε κλικ και σύρετε το αρχείο .txt πάνω από το επαναλαμβανόμενο κείμενο πλέγματος. Το κείμενο αντικαθίσταται με κείμενο από το αρχείο σας.

Κάντε κλικ και σύρετε ένα αρχείο .txt πάνω από το επαναλαμβανόμενο πλέγμα για να αντικαταστήσετε το κείμενο.

Μπορείτε να δείτε το παράδειγμα όπως εμφανίζεται μόλις αντικατασταθούν οι εικόνες και το κείμενο εδώ.

Το επαναλαμβανόμενο πλέγμα με νέες εικόνες και κείμενο.

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

Σύρετε την κάτω λαβή για επέκταση στο μήκος του επαναλαμβανόμενου πλέγματος. Αυτό επιτρέπει την κύλιση της οθόνης στην προεπισκόπηση. Η διακεκομμένη γραμμή αντιπροσωπεύει την περιοχή που κάνει προεπισκόπηση πριν από την κύλιση.

Κάντε κλικ και σύρετε για να επεκτείνετε την περιοχή προβολής του επαναλαμβανόμενου πλέγματος σας.

Κάντε κλικ στο κουμπί Προεπισκόπηση επιφάνειας εργασίας και κάντε κύλιση για να δείτε το επαναλαμβανόμενο πλέγμα σας σε δράση.