Κέρδη:
- Δυνατότητα δημιουργίας χρήσιμης διάταξης με αρχές οπτικής ιεραρχίας, ευθυγράμμισης, πλέγματος, απόστασης και εστιακών σημείων
- Παραγωγή εικαστικών με κενά για κείμενο και δημιουργία επεξεργάσιμου κειμένου και ακριβής τοποθέτηση στο πρόγραμμα σχεδίασης
- Δυνατότητα αποτροπής του κινδύνου κοπής και απόρριψης με την εφαρμογή κανόνων μορφής όπως η ασφαλής περιοχή και η διαρροή εκτύπωσης
Η διαφορά μεταξύ μιας όμορφης εικόνας και ενός σχεδίου που λειτουργεί είναι συχνά η διάταξη: η τοποθέτηση στοιχείων μέσα στη σελίδα. Η διάταξη καθορίζει πού πηγαίνει πρώτα το μάτι σε μια αφίσα, εάν το κείμενο αναπνέει σε μια κάρτα μέσων κοινωνικής δικτύωσης και πώς ρέουν οι πληροφορίες σε ένα φυλλάδιο. Σε αυτή την ενότητα, θα μάθουμε τις αρχές της σύνθεσης (τακτοποίηση στοιχείων σε ένα σύνολο) και όπου η τεχνητή νοημοσύνη είναι χρήσιμη και περιορισμένη σε αυτή τη διαδικασία. Κρίσιμο γεγονός: Η τεχνητή νοημοσύνη παράγει γραφικά, αλλά η ακριβής διάταξη είναι στα χέρια του σχεδιαστή, σε ένα πρόγραμμα σχεδίασης.
Γιατί η τεχνητή νοημοσύνη δεν μπορεί να κάνει διάταξη μόνη της;
Η τεχνητή νοημοσύνη παράγει μια ολιστική εικόνα «καλής εμφάνισης». αλλά η διάταξη του σχεδιασμού απαιτεί ακρίβεια εικονοστοιχείων, επεξεργάσιμο κείμενο, ευθυγράμμιση και σταθερή απόσταση. Δεν μπορείτε να μετατοπίσετε το κείμενο, να ευθυγραμμίσετε ακριβώς το λογότυπο ή να μετρήσετε το περιθώριο στην εικόνα που παράγεται από AI. Επομένως, η επαγγελματική ροή είναι η εξής: δημιουργήστε στοιχεία φόντου/οπτικής με τεχνητή νοημοσύνη, ρυθμίστε τη διάταξη (κείμενο, λογότυπο, στοίχιση) στο πρόγραμμα σχεδίασης. Η τεχνητή νοημοσύνη σάς δίνει ιδέα για πρώτη ύλη και σύνθεση. Η ακριβής τοποθέτηση είναι δική σας απόφαση.
Βασικές αρχές σύνθεσης
- Οπτική ιεραρχία: Τακτοποίηση στοιχείων με σειρά σπουδαιότητας. Το μάτι πηγαίνει πρώτα στο μεγαλύτερο/αντίθεση στοιχείο. Καθιερώνεται η σειρά επικεφαλίδας > υπότιτλος > σώμα > λεπτομέρεια.
- Ευθυγράμμιση: Τακτοποίηση στοιχείων σύμφωνα με αόρατες γραμμές. Αποτρέπει το χάος και δίνει μια αίσθηση τάξης.
- Πλέγμα: Σύστημα που χωρίζει τη σελίδα σε αόρατες στήλες και σειρές. Εξασφαλίζει τη συνεπή τοποθέτηση των αντικειμένων.
- Κενό διάστημα (αρνητικό διάστημα): Ο κενός χώρος μεταξύ των στοιχείων. Επιτρέπει στο σχέδιο να «αναπνέει» και να είναι ευανάγνωστο. Λίγος χώρος = στριμωγμένος και ερασιτεχνικός.
- Ισορροπία: Κατανομή οπτικού βάρους. Μπορεί να είναι συμμετρικό (ήσυχο) ή ασύμμετρο (δυναμικό).
- Αντίθεση: Κατευθύνει την προσοχή με βάση τη διαφορά στο μέγεθος, το χρώμα ή το πάχος.
- Σημείο εστίασης: Το πρώτο μέρος που πηγαίνει το μάτι. πρέπει να σχεδιαστεί συνειδητά.
Συμβουλή: Κατά τη δημιουργία εικόνων, πείτε "αφήστε χώρο για κείμενο" (π.χ. "το επάνω τρίτο είναι κενό, απλό") στο μήνυμα προτροπής. Με αυτόν τον τρόπο, δεν θα κολλήσετε όταν προσθέτετε κείμενο στο οπτικό AI αργότερα και μπορείτε να δημιουργήσετε μια ιεραρχία.
Ρυθμίστε μια διάταξη βήμα προς βήμα
- Προσδιορίστε το σκοπό: Τι πρέπει να κάνει αυτό το σχέδιο; (ανακοίνωση, πώληση, ενημέρωση). Καθορίζει τη σειρά προτεραιότητας.
- Απόθεμα περιεχομένου: Τι είναι ο τίτλος, το εναλλακτικό κείμενο, η εικόνα, το λογότυπο, η κλήση (κουμπί/CTA);
- Καθιερώστε μια ιεραρχία: Βάλτε το πιο σημαντικό στοιχείο στην πιο δυνατή θέση και μέγεθος.
- Επιλογή πλέγματος: Προσδιορίστε τη δομή στήλης στην οποία θα ευθυγραμμίσετε τα στοιχεία.
- Δημιουργία εικόνας με AI: Δημιουργήστε φόντο/στοιχείο με κατάλληλες αναλογίες, με χώρο για κείμενο.
- Ευθυγράμμιση στο πρόγραμμα σχεδίασης: Στοίχιση κειμένου, λογότυπου, κλήσης. ορίστε τους χώρους.
- Δοκιμή: Μεγέθυνση, κοιτάξτε από μακριά, ελέγξτε πού πηγαίνει πρώτα το μάτι.
Πρακτικές τεχνικές για την κατεύθυνση του ματιού
Η σύνθεση είναι στην πραγματικότητα η τέχνη του να κατευθύνεις το μάτι. Το βλέμμα του θεατή δεν περιπλανιέται τυχαία. Ακολουθεί ορισμένα σημάδια και ένας καλός σχεδιαστής τα χρησιμοποιεί συνειδητά. Πρώτα είναι το μέγεθος και η αντίθεση: το μεγαλύτερο και πιο αντιθετικό στοιχείο προσελκύει πρώτα το βλέμμα, οπότε βάλτε το πιο σημαντικό μήνυμα εκεί. Το δεύτερο είναι οι βασικές γραμμές: οι φυσικές γραμμές στην εικόνα (ένα μονοπάτι, η απόσταση ενός βραχίονα, η άκρη ενός τραπεζιού) μεταφέρουν το μάτι σε ένα ορισμένο σημείο. Η τοποθέτηση του προϊόντος ή του τίτλου στο σημείο που τελειώνουν αυτές οι γραμμές αυξάνει το αποτέλεσμα. Τρίτον, έμφαση στον χώρο: ο μεγάλος κενός χώρος γύρω από ένα στοιχείο κάνει αυτό το στοιχείο να ξεχωρίζει — μια λέξη που στέκεται μόνη της σε μια γεμάτη σελίδα είναι ισχυρή. Τέταρτον, κατεύθυνση ανάγνωσης: στους περισσότερους πολιτισμούς, το μάτι ταξιδεύει με μοτίβο "Z" ή "F" από πάνω αριστερά προς τα κάτω δεξιά. Έτσι, η τοποθέτηση του λογότυπου επάνω αριστερά και η κλήση (κουμπί) κάτω δεξιά δημιουργεί μια διαισθητική ροή. Μπορείτε να φέρετε αυτές τις τεχνικές στην προτροπή σας όταν δημιουργείτε το φόντο με AI: "μια σύνθεση που κατευθύνει από κάτω αριστερά προς τα επάνω δεξιά" ή "μονό στοιχείο στο κέντρο, μεγάλος χώρος γύρω του" κ.λπ. Έτσι, η εικόνα γίνεται όχι μόνο όμορφη, αλλά και ένα εργαλείο που μεταφέρει το μήνυμα με τη σωστή σειρά.
Μορφή - ιδιαίτερη προσοχή
Κάθε μέσο έχει τον δικό του κανόνα: ανάρτηση στο Instagram 1:1 ή 4:5, ιστορία 9:16, web banner 16:9. Η έννοια της ασφαλούς ζώνης είναι σημαντική: κρατήστε τα σημαντικά στοιχεία από την άκρη έτσι ώστε να μην είναι κομμένα ή κάτω από στοιχεία διεπαφής (προφίλ στην ιστορία, κουμπιά). Στην εκτύπωση, απαιτείται αφαίμαξη: να επεκταθεί λίγο το σχέδιο από την άκρη για να αποφευχθούν οι λευκές γραμμές στο περιθώριο κοπής.
τρεις μίνι θήκες
Περίπτωση 1 — Αναπνεύσιμος σχεδιασμός. Η κάρτα εκστρατείας ενός σχεδιαστή ήταν περιορισμένη. Ο τίτλος, το κείμενο και το λογότυπο ανακατεύτηκαν. Αναπαρήγαγε την εικόνα με το «επάνω τρίτο κενό» και τοποθέτησε το κείμενο σε αυτό το διάστημα σε μια ιεραρχία. Η αναλογία κλικ προς αριθμό εμφανίσεων αυξήθηκε σημαντικά στην ομάδα δοκιμής. Ήρθαν «ευανάγνωστα» σχόλια.
Περίπτωση 2 — Σφάλμα ασφαλούς περιοχής. Σε ένα σχέδιο ιστορίας, το σημαντικό σλόγκαν ήταν στο κάτω μέρος. Ήταν κρυμμένο κάτω από το κουμπί "κύλιση" στην εκπομπή και δεν εμφανίστηκε. Με τον κανόνα της ασφαλούς περιοχής, το σύνθημα τοποθετήθηκε πάνω και στη μέση. Στην επόμενη εκστρατεία, το μήνυμα ήταν σαφές και δεν χρειαζόταν επανασχεδιασμός.
Περίπτωση 3 — Αιμορραγία εκτύπωσης. Εκτυπώθηκε ένα φυλλάδιο χωρίς αιμορραγία. Στις άκρες εμφανίστηκαν λεπτές άσπρες γραμμές και 300 κομμάτια σκραπίστηκαν (περίπου 1.200 TL χάθηκαν). Η επόμενη εργασία πρόσθεσε διαρροή 3 χιλιοστών στο σχέδιο. Το κόψιμο βγήκε καθαρό.
Αντιγράψιμα πρότυπα
1) Δημιουργία φόντου σε απόσταση για κείμενο:
Δημιουργήστε μια εικόνα φόντου για ένα σχέδιο [μέσα]. Αναλογία: [1:1 / 9:16 / 16:9]. Κρατήστε το επάνω τρίτο απλό και άδειο (για τον τίτλο). Τόνος μάρκας: [επίθετα]. Τοποθέτηση ευανάγνωστου κειμένου/λογότυπου. Τα χρώματα ταιριάζουν με την παλέτα: [χρώματα].
2) Σχέδιο ιεραρχίας:
Δημιουργήστε ένα οπτικό σχέδιο ιεραρχίας για το παρακάτω σχέδιο. Σκοπός: [ανακοίνωση/πωλήσεις/πληροφορίες]. Στοιχεία: [τίτλος, εναλλακτικό κείμενο, εικόνα, λογότυπο, επεξήγηση]. Δώστε σε κάθε στοιχείο μια σειρά σπουδαιότητας, προτεινόμενη θέση και σχετικό μέγεθος. Περιγράψτε τη διαδρομή που θα ακολουθήσει το μάτι (εστιακή → δευτερεύουσα).
3) Σύσταση πλέγματος και ευθυγράμμισης:
Προτείνετε ένα απλό σχέδιο πλέγματος και ευθυγράμμισης για το ακόλουθο περιεχόμενο: [λίστα περιεχομένου], αναλογία [x]. Πόσες στήλες να χρησιμοποιήσω, πώς να ευθυγραμμίσω τα στοιχεία, πόσο χώρο (περιθώριο) να αφήσω; Διατηρήστε το απλό και ισορροπημένο.
4) Έλεγχος διάταξης:
Αξιολογήστε την ακόλουθη δήλωση σχεδιασμού ως προς τη σύνθεση: είναι η ιεραρχία σαφής, είναι η ευθυγράμμιση συνεπής, υπάρχει αρκετός λευκός χώρος, χωράει στον ασφαλή χώρο, είναι ξεκάθαρο το σημείο εστίασης; Απάντηση ως πρόταση. Περιγραφή: [επικόλληση]
Αδύναμη προτροπή / Ισχυρή προτροπή
Αδύναμο: Δημιουργήστε μια εικόνα banner με έκπτωση και πείτε 50%.
Αποτέλεσμα: Η τεχνητή νοημοσύνη γράφει κατεστραμμένο "50%", τα στοιχεία ταξινομούνται τυχαία, δεν μπορείτε να επεξεργαστείτε το κείμενο. δεν μπορεί να χρησιμοποιηθεί.
Δυνατό: Δημιουργήστε μια εικόνα φόντου για μια καμπάνια εκπτώσεων: αναλογία 4:5, ζεστοί ενεργητικοί τόνοι, μεγάλος απλός χώρος για κείμενο επάνω αριστερά, προϊόν κάτω δεξιά. Τοποθέτηση ευανάγνωστου κειμένου. Θα ευθυγραμμίσω τον τίτλο, τις πληροφορίες "50%" και το κουμπί στο πρόγραμμα σχεδίασης.
Το αποτέλεσμα: ένα επεξεργάσιμο, ιεραρχικό φόντο που αφήνει χώρο για κείμενο.
Διαφορά: Η ισχυρή προσέγγιση διαχωρίζει το κείμενο από το AI, σχεδιάζει την απόσταση και την αναλογία και αφήνει τη διάταξη στον σχεδιαστή.
Πίνακας αρχών σύνθεσης
αρχή
Τι παρέχει
Πρακτική συμβουλή
ιεραρχία
Σειρά ανάγνωσης
Κάντε το πιο σημαντικό το μεγαλύτερο/αντίθεση
ευθυγράμμιση
αίσθηση της τάξης
Ευθυγραμμίστε αόρατες γραμμές
πλέγμα
Συνέπεια
Χρησιμοποιήστε σύστημα στήλης
χώρο
Αναγνωσιμότητα
Συμπίεση, απελευθέρωση της αναπνοής
ασφαλής περιοχή
όχι κούρεμα
Κρατήστε τα αντικείμενα από την άκρη
Αιμορραγία
καθαρή εκτύπωση
Φέρνει την άκρη κατά 3 mm
Συνήθη λάθη
- Εκτύπωση κειμένου σε AI: Κατεστραμμένο, μη επεξεργάσιμο κείμενο. Προσθέστε το κείμενο στο πρόγραμμα σχεδίασης.
- Δεν αφήνει χώρο: Σχεδίαση περιορισμένη, ερασιτεχνική.
- Χωρίς ιεραρχία: Όλα έχουν το ίδιο μέγεθος. Το μάτι δεν ξέρει πού να πάει.
- Ξεχάστε την ασφαλή περιοχή: Σημαντικό στοιχείο κολλάει κάτω από τη διεπαφή ή το απόκομμα.
- Skipping bleed: Λευκό άκρο και σκραπ στην εκτύπωση.
Συνοπτικά
Η διάταξη είναι η σκόπιμη τοποθέτηση στοιχείων και μετατρέπει μια εικόνα σε εφαρμόσιμο σχέδιο. Η ιεραρχία, η ευθυγράμμιση, το πλέγμα, ο χώρος, η ισορροπία και η αντίθεση είναι οι βασικές αρχές. Η τεχνητή νοημοσύνη παράγει φόντο και οπτικά στοιχεία, δίνει ιδέες σύνθεσης. αλλά η διάταξη με ακρίβεια pixel, το επεξεργάσιμο κείμενο και η στοίχιση βρίσκονται στα χέρια του σχεδιαστή στο πρόγραμμα σχεδίασης. Η παροχή χώρου για κείμενο, ο ασφαλής χώρος και η διαρροή εκτύπωσης είναι εμπειρικοί κανόνες που καθορίζουν τη χρηστικότητα της εξόδου.
Εργασία εφαρμογής
Επιλέξτε ένα μέσο και έναν σκοπό (π.χ. ανάρτηση έκπτωσης στο Instagram). Κάντε μια απογραφή περιεχομένου, κάντε ένα σχέδιο ιεραρχίας. Δημιουργήστε ένα φόντο με σωστή αναλογία με χώρο για κείμενο με AI. Στη συνέχεια, ευθυγραμμίστε και τοποθετήστε τον τίτλο, το εναλλακτικό κείμενο, το λογότυπο και το μήνυμα σε ένα πρόγραμμα σχεδίασης (ή ως σκίτσο σε χαρτί). Δοκιμάστε πού πηγαίνει πρώτα το μάτι κάνοντας μεγέθυνση και κοιτάζοντας από απόσταση και σημειώστε το.
λίστα ελέγχου
- [ ] Καθόρισα τον σκοπό και το απόθεμα περιεχομένου.
- [ ] Δημιούργησα ένα σχέδιο οπτικής ιεραρχίας.
- [ ] Έφτιαξα την εικόνα με χώρο για το κείμενο και τη σωστή αναλογία.
- [ ] Ευθυγράμμισα το κείμενο και τα στοιχεία στο πρόγραμμα σχεδίασης.
- [ ] Παρατήρησα την ασφαλή περιοχή και το περιθώριο διαρροής (αν ήταν εκτύπωση).
- [ ] Το έκανα μικρότερο και δοκίμασα το σημείο εστίασης.