Μονάδες
1. Εισαγωγή στην Τεχνητή Νοημοσύνη στην Παρουσίαση και την Οπτικοποίηση Δεδομένων: Ρόλοι, Όρια, Επικύρωση και Ηθική 2. Δομή παρουσίασης και αφηγηματική μυθοπλασία: Λαμβάνοντας το κοινό σε ένα ταξίδι 3. Παραγωγή κειμένου και περιεχομένου διαφάνειας: Τίτλος, άρθρο, Σημείωση ομιλητή 4. Σχεδιασμός διαφανειών και οπτική παραγωγή: διάταξη, χρώμα, εικονίδιο και οπτικά στοιχεία τεχνητής νοημοσύνης 5. Κατανόηση δεδομένων και επιλογή του σωστού τύπου γραφήματος 6. Δημιουργία γραφικών με τεχνητή νοημοσύνη: Από κώδικα σε οπτική, με επαλήθευση 7. Σχεδιασμός ταμπλό: Κάνοντας τους μεγάλους αριθμούς κατανοητούς σε μια οθόνη 8. Αφήγηση δεδομένων: Μετατρέποντας τους αριθμούς σε αφήγηση 9. Παραγωγή Infographic: Κατανοητές πληροφορίες σε ένα ενιαίο οπτικό 10. Αποφυγή Παραπλανητικής Οπτικοποίησης: Γραφική Ηθική και Ακεραιότητα 11. Ροή από άκρο σε άκρο: Από την ενημέρωση στην πρόβα, την επαλήθευση, την εμπιστευτικότητα και την παράδοση
Μονάδα 4 / 11

Σχεδιασμός διαφανειών και οπτική παραγωγή: διάταξη, χρώμα, εικονίδιο και οπτικά στοιχεία τεχνητής νοημοσύνης

Κέρδη:

  • Δυνατότητα δημιουργίας ευανάγνωστων διαφανειών με αρχές διάταξης, αντίθεσης, τυπογραφίας και χρώματος και λήψη προσβάσιμων προτάσεων παλέτας και σχεδίασης από την τεχνητή νοημοσύνη
  • Δυνατότητα δημιουργίας κατάλληλου φόντου, εικονογραφήσεων και συνεπών εικονιδίων με τεχνητή νοημοσύνη που δημιουργεί οπτική και εφαρμογή πρακτικών ορίων όπως «μη εκτύπωση κειμένου στην εικόνα»
  • Δεν αναπαριστά τις ψεύτικες εικόνες ως πραγματικές και είναι σε θέση να σέβεται την ηθική του σχεδιασμού και τα όρια προσβασιμότητας, όπως τα πνευματικά δικαιώματα/εμπορικά σήματα και η αχρωματοψία.

Το σωστό περιεχόμενο χάνεται σε λάθος σχεδιασμό. Μικρή γραμματοσειρά, συγκρουόμενα χρώματα, ακατάστατη στοίχιση. Αποδυναμώνει ακόμα και το καλύτερο μήνυμα. Σε αυτήν την ενότητα, θα χρησιμοποιήσουμε την τεχνητή νοημοσύνη σε δύο εργασίες: (1) ως σύμβουλος για αποφάσεις διάταξης διαφανειών, χρώματος και τυπογραφίας. (2) παραγωγή των εικόνων, των εικονιδίων και των φόντων που χρειάζεστε με τεχνητή νοημοσύνη που δημιουργεί οπτική. Ο στόχος είναι η παραγωγή συνεπών και ευανάγνωστων διαφανειών, ακόμη και χωρίς σχεδιαστή.

Τρεις πυλώνες σχεδιασμού: διάταξη, χρώμα, τυπογραφία

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

Πρακτικοί κανόνες εκκίνησης:

  • Στοίχιση: Στοίχιση στοιχείων σε ένα εικονικό πλέγμα. Μην το αφήνετε να ταλαντεύεται αριστερά ή δεξιά.
  • Αντίθεση: Σκούρο κείμενο σε ανοιχτόχρωμο φόντο ή αντίστροφα. Δεν υπάρχει γκρι στο γκρι.
  • Τυπογραφία: Έως 2 γραμματοσειρές. ο τίτλος είναι μεγάλος και τολμηρός, το σώμα είναι ευανάγνωστο (≥24 πόντοι είναι μια καλή βάση σε ένα κομμωτήριο).
  • Χρώμα: 1 κύριο χρώμα + 1-2 ανταύγειες + ουδέτερα. Εάν έχετε ένα χρώμα μάρκας, μείνετε σε αυτό.
  • Επανάληψη: Τα ίδια στοιχεία στην ίδια θέση και στην ίδια μορφή σε κάθε διαφάνεια.

αρχή

Λανθασμένη εφαρμογή

Σωστή εφαρμογή

αντίθεση

Λευκό κείμενο σε ανοιχτό γκρι φόντο

Λευκό κείμενο σε σκούρο μπλε φόντο

Αριθμός χρωμάτων

7 διαφορετικά ζωντανά χρώματα

1 κύριο + 2 ανταύγειες + γκρι τόνοι

τυπογραφία

4 διαφορετικές γραμματοσειρές

1 επικεφαλίδα + 1 γραμματοσειρά σώματος

χώρο

Πλήρης ολίσθηση από άκρη σε άκρη

Περιθώρια και δωμάτιο αναπνοής

Προσοχή: Η αχρωματοψία είναι συχνή (περίπου 8% των ανδρών). Μην διαχωρίζετε απλώς τις πληροφορίες σε κόκκινο/πράσινο. Προσθέστε επίσης σχήματα, ετικέτες ή υφές.

Συμβουλευτική σχεδιασμού με τεχνητή νοημοσύνη

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

Ο ρόλος σας: σύμβουλος σχεδίασης παρουσιάσεων. Κύριο χρώμα επωνυμίας: [#hex ή "dark navy"]. Τομέας: [ ... ].Τόνος: [εταιρικός / θερμός / τεχνολογικός]. Εργασία:1) Προτείνετε μια προσβάσιμη παλέτα χρωμάτων: 1 κύρια, 2 τόνους, 2 ουδέτερα (δεκαεξαδικός κώδικας για το καθένα και πού να τον χρησιμοποιήσετε). 2) Προτείνετε 2 συμβατές γραμματοσειρές για τίτλο + σώμα (κοινό, δωρεάν).3) Περιγράψτε μια απλή διάταξη για μια "διαφάνεια περιεχομένου" (όπου είναι ο τίτλος, πού είναι το κείμενο, πού είναι η εικόνα). Βεβαιωθείτε ότι οι λόγοι αντίθεσης είναι ευανάγνωστοι.

Για να ασκήσετε κριτική σε μια έτοιμη διαφάνεια (με τη μεταφόρτωση ενός στιγμιότυπου οθόνης):

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

Τεχνητή νοημοσύνη που δημιουργεί εικόνα: για ποιο πράγμα, πώς;

Η τεχνητή νοημοσύνη που δημιουργεί εικόνες (π.χ. εργαλεία που δημιουργούν εικόνες από κείμενο) μετατρέπει τη συνταγή που γράφετε σε οπτική. Λειτουργεί καλά για φόντο, εννοιολογική εικόνα, εικονογράφηση και ιδέα εικονιδίων στην παρουσίαση. Μια καλή προτροπή εικόνας περιλαμβάνει: θέμα + στυλ + σύνθεση + χρώμα + αναλογία + προβλεπόμενη χρήση.

Δημιουργήστε μια εικόνα εξωφύλλου παρουσίασης. Θέμα: Η τεχνολογία στη βιώσιμη γεωργία. Στυλ: απλή, μοντέρνα, επίπεδη εικονογράφηση, όχι ρεαλιστική φωτογραφία. Σύνθεση: αφήστε κενό χώρο στη δεξιά πλευρά (το κείμενο του τίτλου θα πάει εκεί). Χρώμα: πράσινο και γήινες αποχρώσεις, ήρεμο. Αναλογία: 16:9 οριζόντια. ΠΡΟΣΘΗΚΗ κειμένου/κειμένου (θα βάλω το κείμενο).

Για το σύνολο εικονιδίων:

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

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

Τα όρια και η ηθική της οπτικής παραγωγής

  • Ψεύτικη εμφάνιση αληθινή: Η παρουσίαση μιας κατασκευασμένης εικόνας ως "πραγματική φωτογραφία/πραγματικό πρόσωπο" είναι παραπλανητική. Οι ειδήσεις δεν υποκαθιστούν στοιχεία ή μαρτυρίες.
  • Πνευματικά δικαιώματα και εμπορικό σήμα: Το να πείτε "μίμηση" του λογότυπου, του χαρακτήρα ή του στυλ ενός συγκεκριμένου καλλιτέχνη μιας υπάρχουσας επωνυμίας μπορεί να οδηγήσει σε ζητήματα πνευματικών δικαιωμάτων και εμπορικών σημάτων.
  • Εικόνα προσώπου: Είναι ανήθικο να δημιουργείς μια εικόνα που μοιάζει με πραγματικό πρόσωπο και να τον βάζεις να λέει κάτι από το στόμα του.
  • Ακρίβεια: Τα «οπτικά δεδομένα» που παράγονται δεν είναι πραγματικά δεδομένα. Δεν αντικαθιστά τα γραφικά. Για το γράφημα, χρησιμοποιήστε το οικόπεδο που παράγεται με πραγματικά δεδομένα (επόμενες μονάδες).

τρεις μίνι θήκες

Περίπτωση 1 — Διόρθωση αντίθεσης. Οι διαφάνειες ενός δασκάλου ετοιμάστηκαν σε ανοιχτό μπλε κείμενο σε ανοιχτό γκρι φόντο. Οι μαθητές στην πίσω σειρά δεν μπορούσαν να διαβάσουν. Το AI πρότεινε σκούρο φόντο + λευκό κείμενο και αύξηση του μεγέθους της γραμματοσειράς. Το παράπονο αναγνωσιμότητας από τα παρασκήνια έχει τελειώσει τελείως.

Περίπτωση 2 — Συνεπή εικονίδια. Μια ομάδα προϊόντων χρησιμοποιούσε 9 διαφορετικά στυλ εικονιδίων στην παρουσίαση (μερικά γεμάτα, άλλα με γραμμή). Είχε το AI να περιγράψει ένα σύνολο σε ένα στυλ. όλα προσαρμοσμένα στο στυλ. Η παρουσίαση έλαβε την ανατροφοδότηση "φαίνεται επαγγελματική", παρόλο που δεν είχε προσληφθεί σχεδιαστής.

Περίπτωση 3 — Επιστροφή από ψεύτικη εικόνα. Ένας έμπορος θα τοποθετούσε ένα δημιουργημένο πορτρέτο AI με τον τίτλο «ευτυχισμένος πελάτης μας» ως πραγματικός πελάτης. Η ομάδα συνειδητοποίησε ότι αυτό ήταν παραπλανητικό. Αντ' αυτού, χρησιμοποίησε μια πραγματική, εξουσιοδοτημένη φωτογραφία πελάτη ή επέλεξε μια αφηρημένη απεικόνιση. Έτσι, ο κίνδυνος εμπιστοσύνης εξαλείφθηκε.

Αδύναμη προτροπή / Ισχυρή προτροπή

Αδύναμο:

Δημιουργήστε ένα όμορφο φόντο παρουσίασης.

Χωρίς στυλ, χωρίς αναλογίες, χωρίς χρώμα, χωρίς χώρο, χωρίς σκοπό. Το αποτέλεσμα είναι τυχαίο και συχνά άχρηστο.

Δυνατό:

Δημιουργία φόντου παρουσίασης 16:9. Θέμα: οικονομική ανάπτυξη. Στυλ: minimal, αφηρημένο γεωμετρικό, μονόχρωμο. Χρώμα: σκούρο ναυτικό, χρυσές πινελιές, ελάχιστες λεπτομέρειες. Αφήστε το αριστερό τρίτο κενό (το κείμενο θα πάει εκεί). Προσθήκη κειμένου/αριθμών. Αποκτήστε ένα φόντο υψηλής αντίθεσης, ευανάγνωστο από το κείμενο.

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

Συνήθη λάθη

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

Συνοπτικά

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

Εργασία εφαρμογής

Επιλέξτε μία από τις διαφάνειές σας. (1) Βάλτε το AI να δημιουργήσει μια προσβάσιμη παλέτα χρωμάτων (1 κύρια + 2 επισημάνσεις + ουδέτερη) και 2 γραμματοσειρές. (2) Στιγμιότυπο οθόνης της διαφάνειας, ασκήστε κριτική στην αντίθεση/στοίχιση και εφαρμόστε τουλάχιστον 2 διορθώσεις. (3) Δημιουργήστε μια εννοιολογική εικόνα με AI που δημιουργεί εικόνα. Βάλτε κανόνες ρυθμού και "προσθήκη κειμένου" στη γραμμή εντολών.

λίστα ελέγχου

  • [ ] Χρησιμοποιώ το πολύ 2 γραμματοσειρές και περιορισμένη χρωματική παλέτα.
  • [ ] Η αντίθεση κειμένου-φόντου είναι υψηλή. Διαβάζεται από την πίσω σειρά.
  • [ ] Διαχώρισα τις πληροφορίες όχι μόνο κατά χρώμα αλλά και ανά σχήμα/ετικέτα.
  • [ ] Δεν εκτύπωσα κανένα κείμενο στην εικόνα που δημιουργήθηκε. Πρόσθεσα το κείμενο.
  • [ ] Δεν παρουσιάζω την ψεύτικη εικόνα ως πραγματική. Έλεγξα τον κίνδυνο πνευματικών δικαιωμάτων/εμπορικού σήματος.
  • [ ] Τα στοιχεία είναι ευθυγραμμισμένα σε ένα πλέγμα, υπάρχει αρκετός χώρος.