Ευθυγράμμιση και διανομή στο Adobe XD

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

Ενεργοποίηση του πλέγματος σας

Μπορείτε να ενεργοποιήσετε ένα πλέγμα που είναι ορατό μόνο σε εσάς ακολουθώντας αυτά τα βήματα:

Επιλέξτε ένα artboard κάνοντας κλικ στο artboard στον πίνακα Layers ή κάνοντας κλικ στο όνομα Artboard πάνω από το artboard στην περιοχή εργασίας σας.

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

Ενεργοποιήστε τη δυνατότητα Grid για το artboard σας.

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

Εάν θέλετε, αλλάξτε το μέγεθος του πλέγματος πληκτρολογώντας μια τιμή στο πλαίσιο κειμένου Μέγεθος πλέγματος στα δεξιά του πλαισίου ελέγχου.

Να είστε έξυπνοι με τους οδηγούς σας

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

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

Ευθυγράμμιση και διανομή στο Adobe XD

Μπορείτε να χρησιμοποιήσετε έξυπνους οδηγούς για την ευθυγράμμιση αντικειμένων.

Οι έξυπνοι οδηγοί μπορούν επίσης να βοηθήσουν στη διανομή

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

Ευθυγράμμιση και διανομή στο Adobe XD

Ανομοιόμορφη κατανομή στην αριστερή πλευρά και ομοιόμορφη κατανομή στην πλευρά οδήγησης.

Όταν τοποθετείτε αντικείμενα, θα δείτε να εμφανίζονται σκιασμένες περιοχές που υποδεικνύουν πότε ο χώρος μεταξύ των αντικειμένων είναι ίσος. Αυτή η υπόδειξη σκίασης εμφανίζεται επίσης όταν σύρετε Alt/Option για να κλωνοποιήσετε αντικείμενα.

Ευθυγράμμιση και διανομή στο Adobe XD

Οι έξυπνοι οδηγοί παρέχουν μια υπόδειξη όταν ο χώρος είναι ίσος μεταξύ των αντικειμένων.

Χρήση της δυνατότητας Ευθυγράμμιση και διανομή

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

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

Λάβετε υπόψη το κόλπο για τον προσδιορισμό της οριζόντιας έναντι της κάθετης. Ο ορίζοντας είναι οριζόντιος. Οτιδήποτε πηγαίνει από αριστερά προς τα δεξιά στη σελίδα σας θα πρέπει να διανέμεται οριζόντια. Οποιαδήποτε αντικείμενα πηγαίνουν από πάνω προς τα κάτω θα πρέπει να κατανέμονται κάθετα.

Leave a Comment

Μετακίνηση, προσθήκη, διαγραφή και αρίθμηση σελίδων InDesign CS5

Μετακίνηση, προσθήκη, διαγραφή και αρίθμηση σελίδων InDesign CS5

Το πλαίσιο Σελίδες στο InDesign Creative Suite 5 σάς επιτρέπει να επιλέξετε, να μετακινήσετε, να προσθέσετε, να διαγράψετε, να αριθμήσετε, να αντιγράψετε, το μέγεθος και να περιηγηθείτε σε σελίδες σε μια δημοσίευση του InDesign.

Εκδόσεις Spell-Check InDesign CS5

Εκδόσεις Spell-Check InDesign CS5

Διορθώστε εύκολα τυπογραφικά και ορθογραφικά λάθη με τον ορθογραφικό έλεγχο στο InDesign Creative Suite 5, δημιουργώντας προσαρμοσμένα λεξικά χρήστη για καλύτερη ακρίβεια.

Πώς να χρησιμοποιήσετε τα πλέγματα στο Adobe InDesign CS6

Πώς να χρησιμοποιήσετε τα πλέγματα στο Adobe InDesign CS6

Ανακαλύψτε πώς να δημιουργήσετε και να χρησιμοποιήσετε πλαίσια κειμένου στο Adobe InDesign CS6. Εξερευνήστε νέες μεθόδους και εργαλεία για αποτελεσματική σχεδίαση.

Πώς να κάνετε τη φωτογραφία σας να μοιάζει με ελαιογραφία στο Photoshop CS6

Πώς να κάνετε τη φωτογραφία σας να μοιάζει με ελαιογραφία στο Photoshop CS6

Ανακαλύψτε πώς να μετατρέψετε τις φωτογραφίες σας σε ελαιογραφίες χρησιμοποιώντας το φίλτρο Oil Paint στο Photoshop CS6. Μάθετε χρήσιμες τεχνικές για καλύτερα αποτελέσματα.

Πώς να δημιουργήσετε οδηγούς στο Photoshop CS6

Πώς να δημιουργήσετε οδηγούς στο Photoshop CS6

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

Επιλέξτε τη σωστή λειτουργία Photoshop: Duotone

Επιλέξτε τη σωστή λειτουργία Photoshop: Duotone

Επιλέξτε Image→ Mode για να δείτε τις επιλογές λειτουργίας εικόνας στο Adobe Photoshop CS5. Χρησιμοποιήστε τη λειτουργία Duotone για τη δημιουργία εικόνας με 1-4 χρώματα, ιδανικά για επαγγελματικές εκτυπώσεις.

Πώς να μετατρέψετε από RGB σε CMYK Color Mode στο Photoshop CS6

Πώς να μετατρέψετε από RGB σε CMYK Color Mode στο Photoshop CS6

Μάθετε πώς να μετατρέψετε την εικόνα σας από RGB σε CMYK στο Adobe Photoshop CS6 με αυτές τις χρήσιμες οδηγίες.

Πώς να κάνετε μέτρηση στην οθόνη στο Photoshop CS6

Πώς να κάνετε μέτρηση στην οθόνη στο Photoshop CS6

Μάθετε πώς να μετρήσετε αποστάσεις και αντικείμενα στο Photoshop CS6 χρησιμοποιώντας εύχρηστες μεθόδους. Χρησιμοποιήστε τους χάρακες και τις γενικές επιλογές για ακριβείς μετρήσεις.

Τα βασικά εργαλεία σχήματος στο Illustrator CC

Τα βασικά εργαλεία σχήματος στο Illustrator CC

Μάθετε τα βασικά εργαλεία σχήματος στο Illustrator и την αποτελεσματική χρήση τους για δημιουργία επαγγελματικών σχεδίων.

Πώς να εφαρμόσετε τη διαφάνεια σε SVG

Πώς να εφαρμόσετε τη διαφάνεια σε SVG

Μάθετε πώς να εφαρμόζετε τη διαφάνεια στα γραφικά SVG στο Illustrator. Εξερευνήστε πώς να εξάγετε SVG με διαφανές φόντο και να εφαρμόσετε εφέ διαφάνειας.