Gains :
- Capacité à créer des diapositives lisibles avec des principes de mise en page, de contraste, de typographie et de couleur et à recevoir des suggestions de palette et de conception accessibles de l'intelligence artificielle
- Capacité à produire des arrière-plans, des illustrations et des icônes cohérentes avec une intelligence artificielle génératrice de visuels et à appliquer des limites pratiques telles que « ne pas imprimer de texte sur l'image »
- Ne pas représenter les fausses images comme étant réelles et être capable de respecter l'éthique de la conception et les limites d'accessibilité telles que les droits d'auteur/marques et le daltonisme.
Le bon contenu se perd dans une mauvaise conception. Petite police, couleurs contrastées, alignement désordonné ; Cela affaiblit même le meilleur message. Dans cette unité, nous utiliserons l'intelligence artificielle dans deux tâches : (1) en tant que conseiller sur les décisions en matière de mise en page, de couleur et de typographie des diapositives ; (2) produire les images, les icônes et les arrière-plans dont vous avez besoin grâce à l'intelligence artificielle génératrice de visuels. L’objectif est de produire des slides cohérentes et lisibles, même sans concepteur.
Trois piliers du design : mise en page, couleur, typographie
Quelques notions. La mise en page est la disposition des éléments sur la diapositive. La typographie est le choix des polices et des tailles. Le contraste est la distinction entre le texte et l'arrière-plan ; un faible contraste n'est pas lisible. L'espace blanc est l'espace de respiration entre les éléments ; N'ayez pas peur du vide, il apporte de la clarté.
Règles pratiques de départ :
- Alignement : alignez les éléments dans une grille virtuelle ; Ne le laissez pas osciller à gauche ou à droite.
- Contraste : Texte sombre sur fond clair ou vice versa. Il n’y a pas de gris sur gris.
- Typographie : jusqu'à 2 polices ; le titre est grand et gras, le corps est d'une taille lisible (≥24 points est une bonne base dans un salon).
- Couleur : 1 couleur principale + 1-2 reflets + neutres. Si vous avez une couleur de marque, respectez-la.
- Répétition : Mêmes éléments au même endroit et dans le même format sur chaque diapositive.
principe
Mauvaise application
Application correcte
contraste
Texte blanc sur fond gris clair
Texte blanc sur fond bleu foncé
Nombre de couleurs
7 couleurs vives différentes
1 principal + 2 reflets + tons gris
typographie
4 polices différentes
1 titre + 1 police de corps
espace
Glissement complet d'un bord à l'autre
Marges et marge de manœuvre
Attention : le daltonisme est fréquent (environ 8 % des hommes). Ne vous contentez pas de séparer les informations en rouge/vert ; Ajoutez également des formes, des étiquettes ou des textures.
Conseil en conception avec intelligence artificielle
Le modèle n'est pas un programme de conception, mais c'est un bon consultant en conception. La palette de couleurs, l’idée de mise en page et la correspondance typographique suggèrent :
Votre rôle : consultant en conception de présentations. Couleur primaire de la marque : [#hex ou « dark marine »]. Secteur : [ ... ].Ton : [corporatif / chaleureux / technologique]. Tâche : 1) Suggérer une palette de couleurs accessible : 1 principale, 2 accentuées, 2 neutres (code hexadécimal pour chacune et où l'utiliser).2) Suggérer 2 polices compatibles pour le titre + le corps (commune, gratuite).3) Décrire une mise en page simple pour une "diapositive de contenu" (où est le titre, où est l'image, où est le texte). Assurez-vous que les rapports de contraste sont lisibles.
Pour critiquer une diapositive prête à l'emploi (en téléchargeant une capture d'écran) :
Critiquez cette image de diapositive à travers les yeux d’un éditeur de design. Notez les problèmes en termes de contraste, d'alignement, de densité du texte, de nombre de couleurs et de lisibilité, et proposez une solution concrète pour chacun. Je vise la clarté, pas l'embellissement.
Intelligence artificielle génératrice d’images : pour quoi, comment ?
L'intelligence artificielle génératrice d'images (par exemple, des outils qui génèrent des images à partir de texte) transforme la recette que vous écrivez en visuel. Cela fonctionne bien pour l'arrière-plan, l'image conceptuelle, l'illustration et l'idée d'icône dans la présentation. Une bonne invite d'image comprend : sujet + style + composition + couleur + proportion + utilisation prévue.
Produisez une image de couverture de présentation. Thème : technologie dans l’agriculture durable. Style : illustration simple, moderne et plate, photographie non réaliste. Composition : laissez un espace vide sur le côté droit (le texte du titre y ira). Couleur : tons verts et terre, calme. Rapport : 16:9 horizontal. AJOUT de texte/texte (je mettrai le texte).
Pour le jeu d'icônes :
Générez une idée de jeu d’icônes cohérente pour une présentation. Besoin : rapidité, sécurité, économies, équipe, automatisation (5 concepts). Décrivez une icône monochrome simple, en forme de ligne, pour chacun. Qu'ils soient tous dans le même langage visuel et dans la même épaisseur.
Astuce : Ne mettez pas de texte sur l'image. Le texte des images produites est souvent déformé/erroné. Vous ajoutez le texte dans le programme de diapositives.
Les limites et l’éthique de la production visuelle
- Faux semblant réel : présenter une image fabriquée comme une « vraie photo/vraie personne » est trompeur. Les informations ne remplacent pas les preuves ou les témoignages.
- Droits d'auteur et marques déposées : dire « imiter » le logo, le caractère ou le style d'une marque existante ou le style d'un artiste particulier peut entraîner des problèmes de droits d'auteur et de marques déposées.
- Image de la personne : Il est contraire à l’éthique de produire une image qui ressemble à une personne réelle et de lui faire dire quelque chose de sa bouche.
- Exactitude : les « données visuelles » produites ne sont pas des données réelles ; Il ne remplace pas les graphiques. Pour le graphique, utilisez le tracé réalisé avec des données réelles (unités suivantes).
trois mini-cases
Cas 1 — Correction du contraste. Les diapositives d'un enseignant étaient préparées en texte bleu clair sur fond gris clair ; Les élèves du dernier rang ne savaient pas lire. L'IA a suggéré un fond sombre + du texte blanc et une augmentation de la taille de la police. La plainte en matière de lisibilité venant des coulisses est complètement terminée.
Cas 2 — Icônes cohérentes. Une équipe produit utilisait 9 styles d'icônes différents dans la présentation (certains remplis, d'autres lignés). Il a demandé à l'IA de décrire un ensemble dans un style ; le tout mis au goût du jour. La présentation a reçu des commentaires "ça a l'air professionnel", même si aucun designer n'était employé.
Cas 3 — Retour d'une fausse image. Un spécialiste du marketing placerait un portrait généré par l'IA avec le titre « notre client satisfait » comme un vrai client. L'équipe a réalisé que c'était trompeur ; à la place, vous avez utilisé une photo réelle et autorisée du client ou opté pour une illustration abstraite. Ainsi, le risque de confiance a été éliminé.
Invite faible/Invite forte
Faible :
Produisez un magnifique fond de présentation.
Pas de style, pas de proportion, pas de couleur, pas d'espace, pas de but ; Le résultat est aléatoire et souvent inutile.
Fort :
Générez un arrière-plan de présentation 16:9. Sujet : croissance financière.Style : minimal, abstrait géométrique, couleur unie. Couleur : bleu marine foncé, accents dorés, très peu de détails. Laissez le tiers gauche vide (le texte y ira). Ajout de texte/numéros. Obtenez un arrière-plan très contrasté et lisible.
La seconde donne des détails critiques tels que le rapport, l'espace libre, la couleur et « l'insertion de texte » ; La sortie peut être utilisée directement.
Erreurs courantes
- Couleurs et polices excessives : transformer la diapositive en arc-en-ciel est distrayant.
- Faible contraste : texte clair sur clair, illisible.
- Impression de texte sur une image : Le texte produit est déformé ; ajoutez le texte dans le programme de diapositives.
- Présenter le faux comme réel : utiliser la personne/la photo produite comme si elle était réelle.
- Distinguer par la couleur uniquement : exclut le spectateur daltonien ; Ajoutez également des formes/étiquettes.
- Imiter le style de la marque : cela crée des risques en matière de droit d'auteur et de marque.
En résumé
Les trois piliers du design sont la mise en page, la couleur et la typographie ; L’alignement, le contraste, la faible couleur/police et l’espacement déterminent la lisibilité. L'IA est un bon conseiller pour recommander la palette de couleurs, la mise en page et la typographie ; L'intelligence artificielle qui produit des visuels produit des idées d'arrière-plan, d'illustration et d'icône. Mais n’écrivez pas sur l’image, ne présentez pas le faux comme réel et faites attention aux droits d’auteur/à la marque et au daltonisme. Elle est au service de l’honnêteté esthétique et de la lisibilité.
Tâche de candidature
Sélectionnez l'une de vos diapositives. (1) Demandez à l'IA de générer une palette de couleurs accessible (1 principale + 2 tons clairs + neutre) et 2 polices. (2) Capturez l'écran de la diapositive, critiquez le contraste/l'alignement et appliquez au moins 2 corrections. (3) Générer une image conceptuelle avec l'IA génératrice d'images ; Mettez les règles de taux et « ajouter du texte » dans l’invite.
liste de contrôle
- [ ] J'utilise au maximum 2 polices et une palette de couleurs limitée.
- [ ] Le contraste entre le texte et l'arrière-plan est élevé ; Il est lu depuis la dernière rangée.
- [ ] J'ai séparé les informations non seulement par couleur mais aussi par forme/étiquette.
- [ ] Je n'ai imprimé aucun texte sur l'image générée ; J'ai ajouté le texte.
- [ ] Je ne présente pas la fausse image comme réelle ; J'ai vérifié le risque de droit d'auteur/marque.
- [ ] Les éléments sont alignés dans une grille, il y a suffisamment d'espace.