Αν εργάζεστε με διανυσματικό σχεδιασμό, η εξειδίκευση στους χάρακες και τους οδηγούς του Illustrator είναι μια από αυτές τις μικρές λεπτομέρειες που αναβαθμίζουν τις συνθέσεις σας. Τοποθετήστε, μετρήστε και ευθυγραμμίστε με ακρίβεια Σας εξοικονομεί χρόνο, αποτρέπει τα σφάλματα και σας επιτρέπει να διατηρείτε την οπτική συνέπεια σε οποιοδήποτε έργο: από ένα λογότυπο έως μια διάταξη διεπαφής.
Θα σας δώσω μια πρακτική και απλή επεξήγηση για το πώς να ενεργοποιήσετε κανόνες, να δημιουργήσετε οδηγούς, να τους προσαρμόσετε και να αξιοποιήσετε τους έξυπνους οδηγούς. Θα καλύψω όλα τα βασικά (συμπεριλαμβανομένης της διαφοράς μεταξύ καθολικών κανόνων και κανόνων artboard, του τρόπου μετατροπής αντικειμένων σε οδηγούς, ακόμη και του τρόπου δημιουργίας διαγώνιων οδηγών) με συμβουλές για να κάνετε τη ροή εργασίας σας πιο ομαλή και πιο διαισθητική. Αποκτήστε επαγγελματικά αποτελέσματα χωρίς να ταλαιπωρηθείτε με το εργαλείο.
Τι είναι οι χάρακες και οι οδηγοί στο Illustrator;
Στο Illustrator, οι χάρακες είναι οπτικές κλίμακες που εμφανίζονται στο επάνω και αριστερό άκρο του εγγράφου σας και χρησιμοποιούνται για να μετρήστε σωστά στο Illustrator και να εντοπίσετε τα στοιχεία με ακρίβεια. Οι οδηγοί είναι γραμμές αναφοράς (οριζόντια ή κάθετα, ακόμη και διαγώνια αν τα μετασχηματίσετε) που σύρετε από αυτούς τους χάρακες για να ευθυγραμμίσετε αντικείμενα, κείμενο και οποιοδήποτε σχήμα με λεπτό έλεγχο.
Κάτι σημαντικό: οι οδηγοί δεν είναι έντυποι. Είναι ένα υποστηρικτικό υλικό στην οθόνη που προορίζεται για σχεδιασμό και παραγωγή, πληκτρολογήστε UX/UI, πλέγματα, τυπογραφία και λογότυπαΚαθώς μετακινείτε τον κέρσορα στον καμβά, θα δείτε τους χάρακες να σημειώνουν τη θέση του με μικρά σημάδια, βοηθώντας σας να πλοηγηθείτε προς τα κάτω μέχρι το τελευταίο χιλιοστό.
Ενεργοποίηση χάρακα στο Illustrator
Αρχικά, εμφανίστε τους χάρακες στο έγγραφό σας. Μεταβείτε στο μενού Προβολή > Χάρακες > Εμφάνιση κανόνων. Μπορείτε επίσης να χρησιμοποιήσετε τη συντόμευση Ctrl + R σε Windows ή Cmd + R σε macOS για γρήγορη εναλλαγή μεταξύ τους. Όταν ενεργοποιηθούν, θα εμφανιστούν επάνω αριστερά. από τον χώρο εργασίας.
Η αρχική μονάδα μέτρησης εξαρτάται από το προφίλ του εγγράφου, αλλά μπορείτε αλλαγή μονάδων στο Illustrator οποιαδήποτε στιγμή κάνοντας δεξί κλικ στον χάρακα και επιλέγοντας ίντσες, σημεία, pixel, χιλιοστά κ.λπ. Προσαρμόστε τη μονάδα στο έργο σας (π.χ. pixel για UI ή χιλιοστά για εκτύπωση) αποφεύγει τους σταθερούς υπολογισμούς.
Η αρχή των χάρακων (όπου "ξεκινά" η αρίθμηση) μπορεί να επανατοποθετηθεί: σύρετε από το σημείο όπου συναντώνται οι χάρακες (η επάνω αριστερή γωνία της περιοχής του εγγράφου) και αποθέστε το στην επιθυμητή θέση. Εάν χρειάζεται να επιστρέψετε στην προεπιλεγμένη αρχή, κάντε διπλό κλικ στο ίδιο σημείο τομής και θα αποκατασταθεί άμεσα.
Επιπλέον, το Illustrator σάς επιτρέπει να κάνετε εναλλαγή μεταξύ δύο συμπεριφορών: Παγκόσμιοι κανόνες y Κανόνες πάγκου εργασίαςΜπορείτε να τα αλλάξετε από την Προβολή > Χάρακες ("Εναλλαγή σε χάρακες artboard" ή "Εναλλαγή σε καθολικούς χάρακες"). Οι καθολικοί χάρακες βασίζονται στον πρώτο artboard, ενώ οι χάρακες πίνακα προσαρμόζονται στον ενεργό πίνακα. Αυτό είναι χρήσιμο εάν εργάζεστε με πολλούς πίνακες και θέλετε τοπικές μετρήσεις για κάθε σχέδιο.
Δημιουργήστε οδηγούς από κανόνες
Με τους χάρακες ορατούς, η δημιουργία οδηγών είναι απλή: τοποθετήστε τον δείκτη του ποντικιού πάνω από τον επάνω χάρακα για να δημιουργήσετε έναν οριζόντιο οδηγό ή πάνω από τον αριστερό χάρακα για να δημιουργήσετε έναν κάθετο οδηγό. Κάντε κλικ και σύρετέ τον στον καμβά μέχρι να τον αποθέσετε στο σημείο που θέλετε. Είναι τόσο απλό να ξεκινήσετε να χτίζετε το πλέγμα σας. με τους διαχωρισμούς και τις ευθυγραμμίσεις που χρειάζεστε.
Εάν σύρετε και δεν κινείται τίποτα, ελέγξτε ότι οι οδηγοί δεν είναι κλειδωμένοι. Για να το κάνετε αυτό, μεταβείτε στο Προβολή > Οδηγοί > Ξεκλείδωμα Οδηγών ή χρησιμοποιήστε τη συντόμευση Επιλογή + Cmd + ; (macOS) / άλλος + Ctrl + ; (Windows). Όταν ολοκληρώσετε την τοποθέτησή τους, καλό είναι να τις κλειδώσετε ξανά με Προβολή > Οδηγοί > Κλείδωμα οδηγών ώστε να μην μετακινούνται κατά λάθος.
Μπορείτε ανά πάσα στιγμή να αποκρύψετε ή να εμφανίσετε τους οδηγούς από Προβολή > Οδηγοί > Απόκρυψη/Εμφάνιση ΟδηγώνΑυτή η γρήγορη εναλλαγή είναι πολύ χρήσιμη για την αξιολόγηση του σχεδίου σας χωρίς οπτικό θόρυβο και στη συνέχεια την επανενεργοποίηση αναφορών για περαιτέρω βελτιστοποίηση λεπτομερειών.
Εμφάνιση πλέγματος και δημιουργία του δικού σας πλέγματος
Εκτός από τους οδηγούς, το Illustrator περιλαμβάνει ένα πλέγμα επικάλυψης που μπορείτε να ενεργοποιήσετε από το μενού Προβολή > Εμφάνιση πλέγματοςΛειτουργεί ως αναφορά φόντου που διευκολύνει την ευθυγράμμιση και τη μέτρηση με μια ματιά και απενεργοποιείται με την ίδια εντολή (Απόκρυψη πλέγματος) όταν προτιμάς έναν πιο καθαρό καμβά.
Αν χρειάζεστε ένα προσαρμοσμένο πλέγμα (για παράδειγμα, συγκεκριμένες στήλες και ενότητες για μια διεπαφή ή αφίσα), σχεδιάστε τις γραμμές σας με τα εργαλεία περιγράμματος. Επιλέξτε όλες αυτές τις γραμμές και εκτελέστε Προβολή > Οδηγοί > Δημιουργία Οδηγών (ή κάντε δεξί κλικ > Δημιουργία οδηγών). Αυτό μετατρέπει τα διανυσματικά αντικείμενα σας σε πραγματικούς οδηγούς, πλήρως χρησιμοποιήσιμους για την ακριβή ευθυγράμμιση άλλων στοιχείων.
Αυτή η μέθοδος είναι ιδανική για μη ομοιόμορφα πλέγματα, διαγώνιες συνθέσεις ή διατάξεις που απαιτούν πολύ συγκεκριμένα σημεία αναφοράςΚαι αν δεν τα χρειάζεστε πλέον ως οδηγούς αργότερα, μπορείτε πάντα να τα ξεκλειδώσετε και να τα διαγράψετε ή να επιλέξετε Απόκρυψη/Εμφάνιση για να ενεργοποιήσετε την ορατότητά τους.
Μετατροπή αντικειμένων σε οδηγούς
Η μετατροπή σχημάτων σε οδηγούς είναι ένα από τα πιο ισχυρά κόλπα για όσους αναζητούν ακρίβεια. Σχεδιάστε ή επιλέξτε το διανυσματικό αντικείμενο που θέλετε να χρησιμοποιήσετε ως αναφορά και επιλέξτε Προβολή > Οδηγοί > Δημιουργία ΟδηγώνΑπό εκείνη τη στιγμή και μετά, το αντικείμενο γίνεται ένας οδηγός που δεν θα εκτυπωθεί και θα μπορείτε να εκμεταλλευτείτε την ευκαιρία να ευθυγραμμίσετε άλλα στοιχεία όπως ακριβώς και οι παραδοσιακοί οδηγοί.
Αυτό είναι ιδανικό για λογότυπα και μάρκες όπου χρειάζεται να διατηρήσετε τις αναλογίες και τους άξονες συμμετρίας. Επίσης, κάνει θαύματα σε συστήματα σχεδιασμού για διανέμουν εξαρτήματα, κάρτες ή μπλοκ με σταθερές ενότητες χωρίς αποκλίσεις.
Οδηγοί Μετασχηματισμού: Πώς να δημιουργήσετε διαγώνιους οδηγούς
Οι οδηγοί δεν χρειάζεται πάντα να είναι οριζόντιοι ή κάθετοι. Μπορείτε να μετατρέψετε οποιονδήποτε οδηγό σε διαγώνιο στη στιγμή, ξεκλειδώνοντάς τον πρώτα (Προβολή > Οδηγοί > Ξεκλείδωμα Οδηγών ή την αντίστοιχη συντόμευση). Επιλέξτε τον οδηγό, κάντε δεξί κλικ και εισαγάγετε Μετασχηματισμός > ΠεριστροφήΕισαγάγετε τη γωνία που χρειάζεστε (για παράδειγμα, 30°, 45° ή ό,τι απαιτεί το σχέδιο) και επιβεβαιώστε.
Μόλις περιστραφεί, μπορείτε να το αντιγράψετε και να το μετακινήσετε όπως οποιοδήποτε άλλο στοιχείο οδηγού για να δημιουργήσετε μοτίβα, κεκλιμένα πλέγματα, άξονες συμμετρίας ή δυναμικές συνθέσεις. Αυτή η τεχνική ανοίγει την πόρτα σε πλάγια πλέγματα χωρίς να χρειάζεται να σχεδιάζετε βοηθητικές γραμμές κάθε φορά.
Προσαρμόστε το χρώμα και το στυλ των οδηγών
Αν οι οδηγοί σας φαίνονται περίπλοκοι σε σχέση με το σχέδιό σας, αλλάξτε το χρώμα και το στυλ τους για να βελτιώσετε την ορατότητα. Στα Windows, μεταβείτε στη διεύθυνση Επεξεργασία > Προτιμήσεις > Οδηγοί & Πλέγμακαι σε macOS σε Illustrator > Προτιμήσεις > Οδηγοί & ΠλέγμαΕκεί μπορείτε να επιλέξετε ανάμεσα σε συνεχείς ή διακεκομμένους οδηγούς και να αντιστοιχίσετε ένα προκαθορισμένο ή προσαρμοσμένο χρώμα. Ένας καλός συνδυασμός χρωμάτων εμποδίζει την απώλειά τους σε κορεσμένα ή πολύ ανοιχτόχρωμα φόντα.
Στο ίδιο πλαίσιο, μπορείτε επίσης να προσαρμόσετε το πλέγμα (διαχωρισμούς, υποδιαιρέσεις και χρώματα). Εάν εργάζεστε με περιβάλλον χρήστη ή εικονίδια, ο ορισμός ενός πλέγματος 8 px ή 4 px, για παράδειγμα, είναι μια συνήθης πρακτική. διασφαλίζουν σταθερούς ρυθμούς και διαστήματα σε όλο το σύστημα.
Έξυπνοι Οδηγοί: Ευθυγράμμιση με βάση τα συμφραζόμενα εν κινήσει
Οι Έξυπνοι Οδηγοί είναι βοηθήματα περιβάλλοντος που εμφανίζονται ενώ δημιουργείτε ή μετακινείτε αντικείμενα. Ενεργοποιήστε τα από Προβολή > Έξυπνοι Οδηγοί Και από εκείνη τη στιγμή και μετά, θα βλέπετε το Illustrator να προτείνει ευθυγραμμίσεις με άκρες, κέντρα και κοντινές άγκυρες. Είναι σαν να έχεις έναν μαγνήτη ακριβείας πράγμα που σας γλιτώνει από τη δημιουργία χειροκίνητων οδηγών για κάθε ρύθμιση.
Το μεγαλύτερο πλεονέκτημά του είναι η ταχύτητα: όταν σύρετε ένα στοιχείο, η ίδια η διεπαφή εμφανίζει γραμμές και ετικέτες που υποδεικνύουν κέντρα, ευθυγραμμίσεις και σχετικές αποστάσεις. Εάν χρειάζεστε απόλυτα χιλιοστά, συνδυάστε τα με στατικούς οδηγούς. Εάν αναζητάτε ευελιξία, Οι έξυπνοι οδηγοί σας εξοικονομούν πολλά κλικ Καθημερινά.
Οργάνωση οδηγών και εργασία σε επίπεδα
Όταν ο αριθμός των οδηγών μεγαλώνει, η οργάνωσή τους ανά επίπεδο είναι μια φανταστική στρατηγική. Δημιουργήστε ένα συγκεκριμένο επίπεδο για οδηγούς, τοποθετήστε τους εκεί και κλείδωμα/απόκρυψη της στρώσης όπως κρίνετε κατάλληλο. Με αυτόν τον τρόπο, μπορείτε να ενεργοποιήσετε ή να απενεργοποιήσετε ολόκληρα σύνολα αναφορών χωρίς να επηρεάσετε το υπόλοιπο έγγραφο.
Για συντακτικά έργα, συστήματα UI ή σύνθετες ταυτότητες, είναι σύνηθες να υπάρχει ένα επίπεδο για το βασικό πλέγμα, ένα άλλο για τους άξονες κατασκευής λογότυπου και ένα άλλο με προσωρινές αναφορές συναρμολόγησηςΑυτός ο διαχωρισμός σας κρατά οργανωμένους και βελτιστοποιεί τις μαζικές αλλαγές χωρίς κίνδυνο.
Επίσης, να θυμάστε τη χρησιμότητα των οδηγών κειμένου: ευθυγραμμίσεις βάσης, ύψη x, ύψη πλαισίου και συνεπή περιθώρια μεταξύ των μπλοκ. Στην τυπογραφία και τη σύνθεση, Οι οδηγοί είναι ο καλύτερος σύμμαχός σας να διατηρούνται σαφείς οπτικοί ρυθμοί και ιεραρχία.
Χρήσιμες συντομεύσεις και γρήγορα μενού
Πέρα από τα μενού, αξίζει να εσωτερικεύσετε συντομεύσεις πληκτρολογίου για να πάτε γρήγορα. Για να εμφανίσετε/αποκρύψετε χάρακες χρησιμοποιήστε Ctrl + R (Παράθυρα) / Cmd + R (mac OS)Για να κλειδώσετε/ξεκλειδώσετε οδηγούς, άλλος + Ctrl + ; (Παράθυρα) / Επιλογή + Cmd + ; (mac OS)Και κάνοντας δεξί κλικ σε έναν οδηγό, μπορείτε να αποκτήσετε πρόσβαση στις επιλογές Μετασχηματισμός > Περιστροφή χωρίς να χάνετε χρόνο πλοηγούμενοι στα μενού.
Αν χρησιμοποιείτε συχνά το πλέγμα, θυμηθείτε να το ενεργοποιήσετε από το μενού Προβολή (Εμφάνιση/Απόκρυψη πλέγματος). Έχοντας αυτές τις συντομεύσεις υπό έλεγχο, μπορείτε να εστιάσετε στο σχεδιασμό και να αφιερώσετε λιγότερο χρόνο στην αναζήτηση επιλογών. Η ταχύτητα προέρχεται από τη μυϊκή μνήμηκαι οι συντομεύσεις αποτελούν μέρος αυτής της εκπαίδευσης.
Καθολικοί κανόνες έναντι κανόνων artboard
Αυτό το σημείο συχνά εγείρει αμφιβολίες. παγκόσμιοι κανόνες Λαμβάνουν τον πρώτο πίνακα εργασίας στο έγγραφο ως την αρχική τους αναφορά. Δηλαδή, οι μετρήσεις που βλέπετε είναι αγκυρωμένες σε αυτήν την προέλευση, ακόμα κι αν μετακινηθείτε σε άλλους πίνακες. Αντίθετα, το κανόνες για το τραπέζι εργασίας Επαναφέρουν την προέλευσή τους στην επάνω αριστερή γωνία του ενεργού πίνακα, η οποία αλλάζει καθώς μετακινούνται από τον έναν πίνακα στον άλλο.
Πότε πρέπει να χρησιμοποιείτε το καθένα; Εάν εργάζεστε με πολλαπλές παραλλαγές (για παράδειγμα, πολλές εκδόσεις μιας οθόνης εφαρμογής), οι κανόνες που βασίζονται σε πίνακες θα διατηρούν τις μετρήσεις σας συνεπείς σε κάθε πίνακα γραφικών. Για έγγραφα με μία μόνο βάση αναφοράς, οι παγκόσμιοι κανόνες παρέχουν ομοιόμορφη ανάγνωση και αποτρέπουν τις μετατοπίσεις προέλευσης.
Συνήθη προβλήματα και πώς να τα λύσετε
Δεν μπορώ να σύρω οδηγούς - πιθανότατα είναι κλειδωμένοι. Μεταβείτε στο Προβολή > Οδηγοί > Ξεκλείδωμα Οδηγών και προσπαθήστε ξανά. Μια άλλη πιθανότητα είναι ότι οι κανόνες είναι κρυμμένοι. Εμφανίστε τους με Ctrl + R (Νίκη) / Cmd + R (Μακ). Με αυτές τις δύο χειρονομίες συνήθως λύνετε το 90% των υποθέσεων..
Οι μονάδες δεν ταιριάζουν με το έργο μου: αλλάξτε τις κάνοντας δεξί κλικ στον χάρακα ή χρησιμοποιώντας τις Προτιμήσεις. Εάν εργάζεστε ψηφιακά, χρησιμοποιήστε pixel. Εάν εκτυπώνετε, χρησιμοποιήστε χιλιοστά ή στιγμές. Ευθυγραμμίστε την ενότητα με τα συμφραζόμενα διατηρεί τους αριθμούς «στρογγυλούς» και τις αποφάσεις σαφέστερες.
Δεν μπορώ να δω σωστά τους οδηγούς στο σχέδιό μου: Προσαρμόστε το χρώμα/στυλ στις Προτιμήσεις > Οδηγοί & Πλέγμα. Επιλέξτε ένα χρώμα υψηλής αντίθεσης ή ενεργοποιήστε τη διακεκομμένη γραμμή. Κανόνες ορατότητας, και ένας πολύ προφανής οδηγός είναι προτιμότερος από έναν που ενσωματώνεται στο φόντο.
Οι μετρήσεις μου αλλάζουν όταν αλλάζω πίνακες: πιθανώς χρησιμοποιείτε χάρακες artboard. Αλλάξτε σε καθολικούς χάρακες (ή αντίστροφα) από την Προβολή > Χάρακες, όπως απαιτείται. Συνέπεια στην προέλευση σημαίνει συνέπεια στις μετρήσεις.
Καλές πρακτικές για ομαλή ροή εργασίας
– Σχεδιάστε το πλέγμα σας πριν από τη διάταξη: ορίστε περιθώρια και στήλες και αρθρωτικότητα. Ένα πλέγμα που σχεδιάστηκε στην αρχή σας γλιτώνει από το να το ξανακάνετε αργότερα.
– Κλειδώστε τους οδηγούς όταν είστε ικανοποιημένοι με αυτούς: με αυτόν τον τρόπο δεν θα τους μετακινήσετε κατά λάθος κατά τη ρύθμιση άλλων στοιχείων.
– Συνδυάζει στατικούς οδηγούς και έξυπνους οδηγούς: η ακρίβεια και η ταχύτητα αλληλοσυμπληρώνονται για ταχύτερη επίτευξη αποτελεσμάτων.
– Ομαδοποιήστε τους οδηγούς σας ανά επίπεδα εάν το έργο είναι μεγάλο: ενεργοποίηση/απόκρυψη κατά ομάδες Είναι πιο καθαρό και ασφαλές.
Για κείμενο, ορίστε κατευθυντήριες γραμμές για σχετικά ύψη (ύψος x, κεφαλαία γράμματα ή γραμμές βάσης). Για εικονογραφία, χρησιμοποιήστε κανονικά πλέγματα (π.χ., 8 px) και διαγώνιους οδηγούς όταν χρειάζεστε γωνιακή συνέπεια. Η επανάληψη των οπτικών μοτίβων Είναι αυτό που δίνει συνοχή στο σύστημα.
Μάθηση και επαγγελματική ανάπτυξη
Η εξοικείωση με χάρακες, οδηγούς, πλέγματα και έξυπνους οδηγούς αποτελεί μέρος του «βασικού εξοπλισμού» για κάθε σχεδιαστή ακριβείας. Αν θέλετε να προχωρήσετε ένα βήμα παραπέρα, η συνεπής εξάσκηση σε έργα πραγματικού κόσμου και η εξειδικευμένη εκπαίδευση (όπως εντατικά μαθήματα ή bootcamps UX/UI) μπορούν να σας βοηθήσουν να ενσωματώσετε αυτές τις τεχνικές στη διαδικασία σας. Ο τεχνολογικός τομέας εκτιμά προφίλ ικανά να εργαστούν με αυστηρότητακαι αυτοί οι πόροι είναι απαραίτητοι για την επίτευξη αυτής της ποιότητας, με καλή προβολή και σταθερότητα.
Η εξοικείωση με αυτά τα εργαλεία αλλάζει εντελώς τη σχέση σας με το Illustrator: σταματάτε να «εξερευνάτε» και αρχίζετε να λαμβάνετε αποφάσεις με βάση σταθερούς άξονες, ενότητες και αποστάσεις. Από εκεί και πέρα, όλα κυλούν πιο ομαλά: Τα σχέδιά σας αποκτούν ακρίβεια, οι παραδόσεις σας είναι ταχύτερες και η οπτική συνέπεια γίνεται φυσικό μέρος της καθημερινής σας εργασίας.
