Jedinica 4 / 11

Dizajn slajdova i vizuelna produkcija: izgled, boja, ikona i vizuelni prikazi veštačke inteligencije

Dobici:

  • Sposobnost kreiranja čitljivih slajdova s rasporedom, kontrastom, tipografijom i principima boja i primanja dostupnih paleta i prijedloga dizajna od umjetne inteligencije
  • Sposobnost izrade odgovarajućih pozadina, ilustracija i konzistentnih ikona s umjetnom inteligencijom koja stvara vizualne podatke i primjene praktičnih ograničenja kao što je 'neštampanje teksta na slici'
  • Ne predstavljati lažne slike kao stvarne i biti u stanju da poštujemo etiku dizajna i ograničenja pristupačnosti kao što su autorska prava/žig i daltonizam.

Pravi sadržaj se gubi u pogrešnom dizajnu. Mali font, sukobljene boje, neuredno poravnanje; To slabi čak i najbolju poruku. U ovoj jedinici koristit ćemo umjetnu inteligenciju u dva posla: (1) kao savjetnik za odluke o rasporedu slajdova, bojama i tipografiji; (2) stvaranje slika, ikona i pozadina koje su vam potrebne pomoću umjetne inteligencije koja generira vizualno. Cilj je proizvesti dosljedne i čitljive slajdove, čak i bez dizajnera.

Tri stuba dizajna: izgled, boja, tipografija

Nekoliko koncepata. Layout je raspored elemenata na slajdu. Tipografija je izbor fontova i veličina. Kontrast je razlika između teksta i pozadine; nizak kontrast nije čitljiv. Bijeli prostor je prostor za disanje između elemenata; Ne plašite se praznine, ona donosi jasnoću.

Praktična startna pravila:

  • Poravnanje: Poravnajte elemente u virtuelnoj mreži; Ne dozvolite da se ljulja lijevo ili desno.
  • Kontrast: Tamni tekst na svijetloj pozadini ili obrnuto. Nema sive na sivom.
  • Tipografija: do 2 fonta; naslov je velik i podebljan, tijelo je čitljive veličine (≥24 boda je dobra osnova u salonu).
  • Boja: 1 glavna boja + 1-2 svjetla + neutralne. Ako imate markiranu boju, držite je se.
  • Ponavljanje: Isti elementi na istom mjestu i u istom formatu na svakom slajdu.

princip

Pogrešna primjena

Ispravna primjena

kontrast

Bijeli tekst na svijetlosivoj pozadini

Bijeli tekst na tamno plavoj pozadini

Broj boja

7 različitih živih boja

1 glavni + 2 svetla + sivi tonovi

tipografija

4 različita fonta

1 naslov + 1 font za tijelo

prostor

Puno klizanje od ivice do ivice

Margine i prostor za disanje

Oprez: Daltonizam je čest (oko 8% muškaraca). Nemojte samo razdvajati informacije na crveno/zeleno; Također dodajte oblike, etikete ili teksture.

Savjetovanje o dizajnu s umjetnom inteligencijom

Model nije dizajnerski program, ali je dobar konsultant za dizajn. Paleta boja, ideja izgleda i tipografija sugeriraju:

Vaša uloga: konsultant za dizajn prezentacije. Primarna boja brenda: [#hex ili “tamnoplava”]. Sektor: [ ... ]. Ton: [korporativni / topli / tehnološki]. Zadatak:1) Predložite dostupnu paletu boja: 1 glavna, 2 akcentna, 2 neutralna (heksadecimalni kod za svaki i gdje ga koristiti).2) Predložite 2 kompatibilna fonta za naslov + tijelo (uobičajeni, besplatni).3) Opišite jednostavan raspored za "slajd sadržaja" (gdje je naslov, gdje je tekst). Provjerite jesu li omjeri kontrasta čitljivi.

Da kritikujete gotov slajd (prebacivanjem snimka ekrana):

Kritikujte ovu sliku slajda očima urednika dizajna. Zapišite probleme u smislu kontrasta, poravnanja, gustine teksta, broja boja i čitljivosti i predložite konkretno rješenje za svaki. Cilj mi je jasnoća, a ne uljepšavanje.

Slika koja stvara umjetnu inteligenciju: za šta, kako?

Umjetna inteligencija koja stvara slike (npr. alati koji generiraju slike iz teksta) pretvara recept koji napišete u vizual. Dobro radi za pozadinu, konceptualnu sliku, ilustraciju i ideju ikona u prezentaciji. Dobar upit za sliku uključuje: predmet + stil + kompoziciju + boju + proporciju + namjeravanu upotrebu.

Napravite sliku naslovnice prezentacije. Tema: tehnologija u održivoj poljoprivredi. Stil: jednostavna, moderna, ravna ilustracija, ne realistična fotografija. Sastav: ostavite prazan prostor na desnoj strani (tu će ići tekst naslova). Boja: zeleni i zemljani tonovi, mirna. Omjer: 16:9 horizontalno. DODAVANJE teksta/teksta (ja ću staviti tekst).

Za set ikona:

Generirajte koherentnu ideju skupa ikona za prezentaciju. Potrebe: brzina, sigurnost, ušteda, tim, automatizacija (5 koncepata). Opišite jednostavnu, jednobojnu ikonu u stilu linije za svaku. Neka svi budu u istom vizuelnom jeziku i debljini.

Savjet: Nemojte stavljati tekst na sliku. Tekst na slikama je često izobličen/pogrešan. Tekst dodajete u program slajdova.

Granice i etika vizuelne produkcije

  • Lažno izgleda stvarno: Predstavljanje proizvedene slike kao "prave fotografije/stvarne osobe" je pogrešno. Vijesti nisu zamjena za dokaze ili svjedočenje.
  • Autorska prava i zaštitni znak: Reći "imitirati" logotip, karakter ili stil određenog umjetnika postojećeg brenda može dovesti do problema sa autorskim pravima i zaštitnim znakovima.
  • Imidž osobe: Neetično je stvarati sliku koja liči na stvarnu osobu i tjerati je da kaže nešto iz njegovih usta.
  • Preciznost: Proizvedeni „vizuelni podaci“ nisu stvarni podaci; Ne zamjenjuje grafiku. Za grafikon koristite dijagram napravljen sa stvarnim podacima (sljedeće jedinice).

tri mini kofera

Slučaj 1 — Korekcija kontrasta. Slajdovi jednog nastavnika pripremljeni su u svijetloplavom tekstu na svijetlosivoj pozadini; Učenici u zadnjem redu nisu mogli čitati. AI je predložio tamnu pozadinu + bijeli tekst i povećanje veličine fonta. Žalba na čitljivost iz bekstejdža je potpuno završena.

Slučaj 2 — Dosljedne ikone. Tim proizvoda je koristio 9 različitih stilova ikona u prezentaciji (neke popunjene, neke iscrtane). Dao je AI da opiše set u jednom stilu; sve dovedeno u stil. Prezentacija je dobila povratne informacije "izgleda profesionalno", iako nijedan dizajner nije bio zaposlen.

Slučaj 3 — Povratak sa lažne slike. Marketer bi postavio generisani AI portret sa naslovom „naš sretan kupac“ kao pravi kupac. Tim je shvatio da je ovo varljivo; umjesto toga koristio je stvarnu, ovlaštenu fotografiju kupca ili se odlučio za apstraktnu ilustraciju. Time je rizik povjerenja eliminisan.

Slaba prompt / Jaka prompt

slaba:

Napravite prekrasnu pozadinu za prezentaciju.

Bez stila, bez proporcija, bez boje, bez prostora, bez svrhe; Rezultat je nasumičan i često beskorisan.

Jaka:

Generirajte 16:9 pozadinu prezentacije. Tema: finansijski rast. Stil: minimalan, apstraktni geometrijski, jednobojni. Boja: tamno tamnoplava, zlatni akcenti, vrlo malo detalja. Ostavite lijevu trećinu praznom (tekst će ići tamo). Dodavanje teksta/brojeva. Dobijte pozadinu visokog kontrasta, čitljivu pozadinu.

Drugi daje kritične detalje poput omjera, slobodnog prostora, boje i "umetanja teksta"; Izlaz se može koristiti direktno.

Uobičajene greške

  • Previše boja i fontova: Pretvaranje slajda u dugu odvlači pažnju.
  • Nizak kontrast: Svetlo na svetlu, nečitljiv tekst.
  • Štampanje teksta na slici: Proizvedeni tekst je izobličen; dodajte tekst u program slajdova.
  • Predstavljanje lažnog kao stvarnog: Korištenje proizvedene osobe/fotografije kao da je stvarna.
  • Razlikovanje samo po boji: Isključuje daltoniste; Također dodajte oblike/oznake.
  • Imitiranje stila brenda: To stvara rizike autorskih prava i zaštitnih znakova.

Ukratko

Tri stuba dizajna su izgled, boja i tipografija; Poravnanje, kontrast, niska boja/font i razmak određuju čitljivost. AI je dobar savjetnik u preporuci palete boja, rasporeda i tipografije; Umjetna inteligencija koja proizvodi vizualne slike proizvodi ideje za pozadinu, ilustracije i ikone. Ali nemojte pisati na slici, ne predstavljajte lažnjak kao pravi i pazite na autorska prava/brend i sljepoću za boje. U službi je estetske iskrenosti i čitljivosti.

Zadatak aplikacije

Odaberite jedan od svojih slajdova. (1) Neka AI generira dostupnu paletu boja (1 glavna + 2 istaknuta + neutralna) i 2 fonta. (2) Snimite ekran slajda, kritikujte kontrast/poravnanje i primenite najmanje 2 ispravke. (3) Generirajte konceptualnu sliku pomoću AI koji stvara sliku; Stavite pravila za stopu i "dodaj tekst" u prompt.

kontrolna lista

  • [ ] Koristim najviše 2 fonta i ograničenu paletu boja.
  • [ ] Kontrast teksta i pozadine je visok; Čita se iz zadnjeg reda.
  • [ ] Odvojio sam informacije ne samo po boji već i po obliku/oznaci.
  • [ ] Nisam ispisao nikakav tekst na generiranoj slici; Dodao sam tekst.
  • [ ] Ne predstavljam lažnu sliku kao stvarnu; Provjerio sam rizik od autorskih prava/zaštitnog znaka.
  • [ ] Stavke su poravnate u mrežu, ima dovoljno prostora.