Guadagni:
- Capacità di creare diapositive leggibili con layout, contrasto, tipografia e principi di colore e ricevere tavolozze accessibili e suggerimenti di progettazione dall'intelligenza artificiale
- Capacità di produrre sfondi, illustrazioni e icone coerenti appropriati con l'intelligenza artificiale che genera immagini e applicare limiti pratici come "non stampare testo sull'immagine"
- Non rappresentare immagini false come reali ed essere in grado di rispettare l'etica del design e i limiti di accessibilità come copyright/marchi e daltonismo.
Il contenuto giusto si perde nel design sbagliato. Carattere piccolo, colori contrastanti, allineamento disordinato; Indebolisce anche il messaggio migliore. In questa unità utilizzeremo l'intelligenza artificiale in due compiti: (1) come consulente sulle decisioni relative al layout delle diapositive, al colore e alla tipografia; (2) produrre le immagini, le icone e gli sfondi di cui hai bisogno con l'intelligenza artificiale che genera immagini. L'obiettivo è produrre diapositive coerenti e leggibili, anche senza un designer.
Tre pilastri del design: layout, colore, tipografia
Alcuni concetti. Il layout è la disposizione degli elementi sulla diapositiva. La tipografia è la scelta dei caratteri e delle dimensioni. Il contrasto è la distinzione tra testo e sfondo; il contrasto basso non è leggibile. Lo spazio bianco è il respiro tra gli elementi; Non aver paura del vuoto, porta chiarezza.
Regole pratiche di partenza:
- Allineamento: allinea gli elementi in una griglia virtuale; Non lasciarlo oscillare a destra o a sinistra.
- Contrasto: testo scuro su sfondo chiaro o viceversa. Non c'è grigio su grigio.
- Tipografia: fino a 2 caratteri; il titolo è grande e in grassetto, il corpo è di dimensioni leggibili (≥24 punti è una buona base in un salone).
- Colore: 1 colore principale + 1-2 punti salienti + neutri. Se hai un colore di marca, attieniti ad esso.
- Ripetizione: stessi elementi nello stesso posto e nello stesso formato su ogni diapositiva.
principio
Applicazione errata
Applicazione corretta
contrasto
Testo bianco su sfondo grigio chiaro
Testo bianco su sfondo blu scuro
Numero di colori
7 diversi colori vivaci
1 principale + 2 luci + toni di grigio
tipografia
4 caratteri diversi
1 titolo + 1 carattere del corpo
spazio
Scivolo completo da bordo a bordo
Margini e respiro
Attenzione: il daltonismo è comune (circa l'8% degli uomini). Non limitarti a separare le informazioni in rosso/verde; Aggiungi anche forme, etichette o texture.
Consulenza progettuale con intelligenza artificiale
Il modello non è un programma di progettazione, ma è un buon consulente di progettazione. La tavolozza dei colori, l'idea del layout e la corrispondenza tipografica suggeriscono:
Il tuo ruolo: consulente per la progettazione di presentazioni. Colore primario del marchio: [#hex o “blu scuro”]. Settore: [ ... ].Tone: [aziendale / caldo / tecnologico]. Compito: 1) Suggerire una tavolozza di colori accessibile: 1 principale, 2 accentati, 2 neutri (codice esadecimale per ciascuno e dove utilizzarlo). 2) Suggerire 2 caratteri compatibili per titolo + corpo (comune, gratuito). 3) Descrivere un layout semplice per una "diapositiva di contenuto" (dov'è il titolo, dov'è l'immagine, dov'è il testo). Assicurati che i rapporti di contrasto siano leggibili.
Per criticare una diapositiva già pronta (caricando uno screenshot):
Critica questa immagine della diapositiva attraverso gli occhi di un editor di design. Annota i problemi in termini di contrasto, allineamento, densità del testo, numero di colori e leggibilità e suggerisci una soluzione concreta per ciascuno. Il mio obiettivo è la chiarezza, non l'abbellimento.
Intelligenza artificiale che genera immagini: per cosa, come?
L'intelligenza artificiale che genera immagini (ad esempio strumenti che generano immagini dal testo) trasforma la ricetta che scrivi in un'immagine. Funziona bene per lo sfondo, l'immagine concettuale, l'illustrazione e l'idea di icona nella presentazione. Una buona immagine suggerita include: soggetto + stile + composizione + colore + proporzione + destinazione d'uso.
Produrre un'immagine di copertina della presentazione. Argomento: tecnologia nell'agricoltura sostenibile. Stile: illustrazione semplice, moderna, piatta, fotografia non realistica. Composizione: lascia uno spazio vuoto sul lato destro (il testo del titolo andrà lì). Colore: toni verdi e terrosi, calmo. Rapporto: 16:9 orizzontale. AGGIUNTA testo/testo (metterò il testo).
Per il set di icone:
Genera un'idea di set di icone coerente per una presentazione. Esigenza: velocità, sicurezza, risparmio, squadra, automazione (5 concetti). Descrivi un'icona semplice, monocromatica e in stile linea per ciascuno. Lascia che abbiano tutti lo stesso linguaggio visivo e lo stesso spessore.
Suggerimento: non inserire testo sull'immagine. Il testo nelle immagini prodotte è spesso distorto/errato. Aggiungi il testo nel programma di diapositive.
Limiti ed etica della produzione visiva
- Falso che sembra reale: presentare un'immagine fabbricata come una "foto reale/persona reale" è fuorviante. Le notizie non sostituiscono prove o testimonianze.
- Copyright e marchi: dire "imitare" il logo di un marchio esistente, il carattere o lo stile di un particolare artista può portare a problemi di copyright e marchi.
- Immagine della persona: non è etico produrre un'immagine che assomigli a una persona reale e farle dire qualcosa dalla sua bocca.
- Accuratezza: i “dati visivi” prodotti non sono dati reali; Non sostituisce la grafica. Per il grafico, utilizzare il grafico prodotto con dati reali (unità successive).
tre mini custodie
Caso 1 — Correzione del contrasto. Le diapositive di un insegnante erano preparate con testo azzurro su sfondo grigio chiaro; Gli studenti dell'ultima fila non sapevano leggere. L'intelligenza artificiale ha suggerito uno sfondo scuro + testo bianco e un aumento della dimensione del carattere. Il reclamo sulla leggibilità dal backstage è completamente finito.
Caso 2 — Icone coerenti. Un team di prodotto utilizzava 9 diversi stili di icone nella presentazione (alcune piene, altre allineate). Ha fatto descrivere all'IA un set in uno stile; il tutto riportato in stile linea. La presentazione ha ricevuto il feedback "sembra professionale", anche se non è stato impiegato alcun designer.
Caso 3 — Ritorno da immagine falsa. Un esperto di marketing inserirà un ritratto generato dall'intelligenza artificiale con il titolo "il nostro cliente felice" come cliente reale. Il team si è reso conto che questo era fuorviante; ha invece utilizzato una foto reale e autorizzata del cliente o ha optato per un'illustrazione astratta. Pertanto, il rischio di fiducia è stato eliminato.
Prompt debole / Prompt forte
Debole:
Produci uno splendido sfondo per la presentazione.
Nessuno stile, nessuna proporzione, nessun colore, nessuno spazio, nessuno scopo; Il risultato è casuale e spesso inutile.
Forte:
Genera sfondo di presentazione 16:9. Argomento: crescita finanziaria. Stile: minimale, astratto geometrico, tinta unita. Colore: blu navy scuro, accenti dorati, pochissimi dettagli. Lascia vuoto il terzo sinistro (il testo andrà lì). Aggiunta di testo/numeri. Ottieni uno sfondo ad alto contrasto e leggibile dal testo.
Il secondo fornisce dettagli critici come proporzioni, spazio libero, colore e "inserimento del testo"; L'output può essere utilizzato direttamente.
Errori comuni
- Colori e caratteri eccessivi: trasformare la diapositiva in un arcobaleno distrae.
- Basso contrasto: testo chiaro su testo illeggibile.
- Stampa del testo su un'immagine: il testo prodotto è distorto; aggiungere il testo nel programma di diapositive.
- Presentare il falso come reale: utilizzare la persona/foto prodotta come se fosse reale.
- Distinguere solo in base al colore: esclude lo spettatore daltonico; Aggiungi anche forme/etichette.
- Imitare lo stile del marchio: crea rischi di copyright e marchio.
In sintesi
I tre pilastri del design sono layout, colore e tipografia; Allineamento, contrasto, colore/carattere basso e spaziatura determinano la leggibilità. L’intelligenza artificiale è un buon consigliere nel consigliare tavolozza dei colori, layout e tipografia; L'intelligenza artificiale che produce immagini produce idee per sfondi, illustrazioni e icone. Ma non scrivere sull'immagine, non presentare il falso come reale e fare attenzione al copyright/marchio e al daltonismo. È al servizio dell’onestà estetica e della leggibilità.
Compito dell'applicazione
Seleziona una delle tue diapositive. (1) Chiedi all'IA di generare una tavolozza di colori accessibile (1 principale + 2 luci + neutro) e 2 caratteri. (2) Effettua uno screenshot della diapositiva, analizza il contrasto/allineamento e applica almeno 2 correzioni. (3) Generare un'immagine concettuale con l'intelligenza artificiale che genera immagini; Inserisci le regole di tariffa e "aggiungi testo" nel prompt.
lista di controllo
- [] Utilizzo al massimo 2 caratteri e una tavolozza di colori limitata.
- [ ] Il contrasto dello sfondo del testo è elevato; Viene letto dall'ultima fila.
- [ ] Ho separato le informazioni non solo per colore ma anche per forma/etichetta.
- [ ] Non ho stampato alcun testo sull'immagine generata; Ho aggiunto il testo.
- [ ] Non presento l'immagine falsa come reale; Ho controllato il rischio di copyright/marchio.
- [ ] Gli elementi sono allineati in una griglia, c'è spazio sufficiente.