Jedinica 4 / 11

Dizajn slajdova i vizualna produkcija: izgled, boja, ikona i vizualni elementi umjetne inteligencije

Dobici:

  • Sposobnost stvaranja čitljivih slajdova s rasporedom, kontrastom, tipografijom i principima boja te primanje dostupnih prijedloga palete i dizajna od umjetne inteligencije
  • Sposobnost izrade odgovarajućih pozadina, ilustracija i dosljednih ikona s umjetnom inteligencijom za vizualno generiranje i primjene praktičnih ograničenja kao što je 'neispisivanje teksta na slici'
  • Ne predstavljanje lažnih slika kao stvarnih i sposobnost poštivanja etike dizajna i ograničenja pristupačnosti kao što su autorsko pravo/zaštitni znak i sljepoća za boje.

Pravi sadržaj gubi se u pogrešnom dizajnu. Mali font, različite boje, neuredno poravnanje; Slabi čak i najbolju poruku. U ovoj jedinici koristit ćemo umjetnu inteligenciju u dva posla: (1) kao savjetnik za odluke o izgledu slajdova, bojama i tipografiji; (2) stvaranje slika, ikona i pozadina koje trebate pomoću umjetne inteligencije za vizualno generiranje. Cilj je izraditi dosljedne i čitljive slajdove, čak i bez dizajnera.

Tri stupa dizajna: izgled, boja, tipografija

Nekoliko koncepata. Raspored je raspored elemenata na slajdu. Tipografija je odabir 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 boj se praznine, ona donosi jasnoću.

Praktična startna pravila:

  • Poravnanje: Poravnajte elemente u virtualnoj mreži; Ne dopustite da se njiše lijevo ili desno.
  • Kontrast: Tamni tekst na svijetloj pozadini ili obrnuto. Nema sivog na sivom.
  • Tipografija: do 2 fonta; naslov je velik i podebljan, tijelo je čitljive veličine (≥24 točke dobra je osnova u salonu).
  • Boja: 1 glavna boja + 1-2 svjetla + neutralne boje. Ako imate boju marke, 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 svijetlo sivoj pozadini

Bijeli tekst na tamnoplavoj pozadini

Broj boja

7 različitih živih boja

1 glavni + 2 istaknuta + sivi tonovi

tipografija

4 različita fonta

1 naslov + 1 font tijela

prostoru

Puno klizanje od ruba do ruba

Margine i prostor za disanje

Oprez: sljepoća za boje je česta (oko 8% muškaraca). Nemojte samo odvajati informacije u crveno/zeleno; Također dodajte oblike, oznake ili teksture.

Savjetovanje o dizajnu s umjetnom inteligencijom

Model nije program za dizajn, ali je dobar savjetnik za dizajn. Paleta boja, ideja izgleda i podudaranje tipografije sugeriraju:

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

Za kritiku gotovog slajda (prijenosom snimke zaslona):

Kritikujte ovu sliku slajda kroz oči urednika dizajna. Zapišite probleme u smislu kontrasta, poravnanja, gustoće teksta, broja boja i čitljivosti te predložite konkretno rješenje za svaki. Ciljam na jasnoću, a ne na uljepšavanje.

Umjetna inteligencija koja stvara sliku: za što, kako?

Umjetna inteligencija za generiranje slika (npr. alati koji generiraju slike iz teksta) pretvara recept koji napišete u vizualni. Dobro funkcionira za pozadinu, konceptualnu sliku, ilustraciju i ideju ikone u prezentaciji. Dobar upit za sliku uključuje: predmet + stil + kompoziciju + boju + proporciju + namjenu.

Napravite naslovnu sliku prezentacije. Tema: tehnologija u održivoj poljoprivredi. Stil: jednostavan, moderan, ravna ilustracija, nerealistična fotografija. Kompozicija: ostaviti prazan prostor s desne strane (tamo će ići naslovni tekst). Boja: zelena 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. Potreba: brzina, sigurnost, ušteda, tim, automatizacija (5 pojmova). Opišite jednostavnu jednobojnu ikonu u stilu linija za svaku. Neka svi budu u istom vizualnom jeziku i debljini.

Savjet: Ne stavljajte tekst na sliku. Tekst na proizvedenim slikama često je iskrivljen/pogrešan. Tekst dodajete u programu slajdova.

Granice i etika vizualne produkcije

  • Lažno izgleda stvarno: Predstavljanje proizvedene slike kao "prave fotografije/stvarne osobe" dovodi u zabludu. Vijesti nisu zamjena za dokaze ili svjedočanstva.
  • Autorsko pravo i zaštitni znak: Reći "oponašaj" postojeći logo, lik ili stil određenog umjetnika robne marke može dovesti do problema s autorskim pravima i zaštitnim znakovima.
  • Slika osobe: Neetično je proizvesti sliku koja nalikuje stvarnoj osobi i tjerati je da govori nešto iz svojih usta.
  • Točnost: Proizvedeni "vizualni podaci" nisu stvarni podaci; Ne zamjenjuje grafiku. Za grafikon koristite dijagram napravljen sa stvarnim podacima (sljedeće jedinice).

tri mini kućišta

Slučaj 1 — Korekcija kontrasta. Slajdovi jednog nastavnika pripremljeni su u svijetloplavom tekstu na svijetlo sivoj pozadini; Učenici u zadnjem redu nisu znali čitati. AI je predložio tamnu pozadinu + bijeli tekst i povećanje veličine fonta. Prigovor na čitljivost iz backstagea je potpuno gotov.

Slučaj 2 — Dosljedne ikone. Tim proizvoda koristio je 9 različitih stilova ikona u prezentaciji (neke ispunjene, neke obrubljene). Imao je AI da opiše skup u jednom stilu; sve dovedeno u stil. Prezentacija je dobila povratnu informaciju "izgleda profesionalno", iako nije bio angažiran dizajner.

Slučaj 3 — Povratak s lažne slike. Marketer bi postavio generirani AI portret s naslovom "naš sretan kupac" kao stvarnog kupca. Tim je shvatio da je to pogrešno; umjesto toga upotrijebio je stvarnu, autoriziranu fotografiju kupca ili se odlučio za apstraktnu ilustraciju. Time je rizik povjerenja eliminiran.

Slab upit / Jak upit

Slabo:

Izradite prekrasnu pozadinu prezentacije.

Nema stila, nema proporcija, nema boje, nema prostora, nema svrhe; Rezultat je slučajan i često beskoristan.

Jako:

Generirajte 16:9 pozadinu prezentacije. Tema: financijski rast. Stil: minimalan, apstraktna geometrija, čvrsta boja. Boja: tamno mornarsko plava, zlatni detalji, vrlo malo detalja. Ostavite lijevu trećinu praznu (tamo će ići tekst). Dodavanje teksta/brojeva. Dobijte pozadinu visokog kontrasta, čitljiv tekst.

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

Uobičajene greške

  • Pretjerane boje i fontovi: Pretvaranje slajda u dugu odvlači pažnju.
  • Nizak kontrast: Svjetlo na svijetlo, nečitljiv tekst.
  • Ispis teksta na slici: Proizvedeni tekst je iskrivljen; 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.
  • Oponašanje stila robne marke: stvara rizike od autorskih prava i zaštitnih znakova.

Ukratko

Tri stupa dizajna su izgled, boja i tipografija; Poravnanje, kontrast, niska boja/font i razmaci određuju čitljivost. AI je dobar savjetnik u preporuci palete boja, izgleda i tipografije; Umjetna inteligencija koja proizvodi vizualne elemente stvara ideje za pozadinu, ilustracije i ikone. Ali nemojte pisati po slici, nemojte lažno predstavljati kao stvarno i budite oprezni u vezi s autorskim pravima/brandom i sljepoćom 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 slajd, kritizirajte kontrast/poravnanje i primijenite najmanje 2 ispravka. (3) Generirajte konceptualnu sliku pomoću umjetne inteligencije za generiranje slika; Stavite pravila za stopu i "dodaj tekst" u upit.

popis za provjeru

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