Yksikkö 4 / 11

Diasuunnittelu ja visuaalinen tuotanto: ulkoasu, värit, kuvakkeet ja tekoälyn visuaalit

Voitot:

  • Kyky luoda luettavia dioja asettelulla, kontrastilla, typografialla ja väriperiaatteilla ja vastaanottaa käytettävissä olevia paletti- ja suunnitteluehdotuksia tekoälyltä
  • Kyky tuottaa asianmukaisia taustoja, piirroksia ja yhtenäisiä kuvakkeita visuaalista tekoälyä käyttäen ja soveltaa käytännön rajoituksia, kuten "ei tulosta tekstiä kuvaan"
  • Väärennettyjen kuvien esittäminen todellisina ja suunnittelun etiikkaa ja saavutettavuuden rajoituksia, kuten tekijänoikeuksia/tavaramerkkejä ja värisokeutta, kunnioittaminen.

Oikea sisältö katoaa väärässä suunnittelussa. Pieni fontti, ristiriitaiset värit, sotkuinen kohdistus; Se heikentää jopa parasta viestiä. Tässä yksikössä käytämme tekoälyä kahdessa tehtävässä: (1) neuvonantajana diojen asettelua, väriä ja typografiaa koskevissa päätöksissä; (2) tarvitsemiesi kuvien, kuvakkeiden ja taustojen tuottaminen visuaalista luovaa tekoälyä käyttäen. Tavoitteena on tuottaa johdonmukaisia ​​ja luettavia dioja myös ilman suunnittelijaa.

Suunnittelun kolme pilaria: asettelu, väri, typografia

Muutama käsite. Asettelu on elementtien järjestely diassa. Typografia on fonttien ja koon valinta. Kontrasti on ero tekstin ja taustan välillä; matala kontrasti ei ole luettavissa. Valkoinen tila on hengitystila elementtien välillä; Älä pelkää tyhjyyttä, se tuo selkeyttä.

Käytännön aloitussäännöt:

  • Tasaus: Tasaa elementit virtuaalisessa ruudukossa; Älä anna sen heilua vasemmalle tai oikealle.
  • Kontrasti: Tumma teksti vaalealla taustalla tai päinvastoin. Harmaan päällä ei ole harmaata.
  • Typografia: Jopa 2 fonttia; otsikko on iso ja rohkea, runko luettavan kokoinen (≥24 pistettä on hyvä pohja salongissa).
  • Väri: 1 pääväri + 1-2 kohokohtaa + neutraaleja. Jos sinulla on merkkiväri, pidä siitä kiinni.
  • Toisto: Samat elementit samassa paikassa ja samassa muodossa jokaisessa diassa.

periaatetta

Virheellinen sovellus

Oikea sovellus

kontrastia

Valkoinen teksti vaaleanharmaalla taustalla

Valkoinen teksti tummansinisellä taustalla

Värien lukumäärä

7 erilaista eloisaa väriä

1 pää + 2 korostusta + harmaan sävyjä

typografia

4 eri fonttia

1 otsikko + 1 tekstin kirjasin

tilaa

Täysi liuku reunasta reunaan

Marginaalit ja hengitystila

Varoitus: Värisokeus on yleistä (noin 8 % miehistä). Älä erottele tietoja vain punaiseen/vihreään; Lisää myös muotoja, tarroja tai tekstuureja.

Suunnittelukonsultointi tekoälyn kanssa

Malli ei ole suunnitteluohjelma, mutta se on hyvä suunnittelukonsultti. Väripaletti, asetteluidea ja typografian vastaavuus ehdottavat:

Tehtäväsi: esityssuunnittelukonsultti. Brändin pääväri: [#hex tai "dark navy"]. Toimiala: [ ... ].Sävy: [yritys / lämmin / teknologinen]. Tehtävä: 1) Ehdota käytettävissä olevaa väripalettia: 1 pääväri, 2 korostusväriä, 2 neutraalia (kummallekin heksadesimaalikoodi ja missä sitä käytetään).2) Ehdota kahta yhteensopivaa fonttia otsikolle + rungolle (yleinen, ilmainen).3) Kuvaile yksinkertainen asettelu "sisältödialle" (missä otsikko, missä kuva, missä teksti). Varmista, että kontrastisuhteet ovat luettavissa.

Valmiin dian kritisoiminen (lähettämällä kuvakaappauksen):

Arvostele tätä diakuvaa suunnittelueditorin silmin. Kirjoita muistiin ongelmat kontrastin, kohdistuksen, tekstin tiheyden, värien lukumäärän ja luettavuuden suhteen ja ehdota jokaiselle konkreettista korjausta. Pyrin selkeyteen, en koristeluun.

Tekoälyä tuottava kuva: mitä varten, miten?

Kuvaa luova tekoäly (esim. työkalut, jotka luovat kuvia tekstistä) muuttaa kirjoittamasi reseptin visuaaliksi. Se toimii hyvin taustalla, käsitteellisellä kuvalla, kuvituksella ja kuvakeidealla esityksessä. Hyvä kuvakehote sisältää: aihe + tyyli + sommittelu + väri + mittasuhteet + käyttötarkoitus.

Luo esityksen kansikuva. Aihe: teknologiaa kestävässä maataloudessa. Tyyli: yksinkertainen, moderni, litteä kuvitus, ei realistinen valokuvaus. Kokoonpano: jätä tyhjää tilaa oikealle puolelle (otsikkoteksti menee sinne). Väri: vihreä ja maanläheiset sävyt, rauhallinen. Suhde: 16:9 vaaka. Tekstin/tekstin LISÄÄMINEN (laitan tekstin).

Kuvakesarjalle:

Luo johdonmukainen kuvakesarja-idea esitystä varten. Tarve: nopeus, turvallisuus, säästöt, tiimi, automaatio (5 käsitettä). Kuvaile jokaiselle yksinkertainen, viivamainen, yksivärinen kuvake. Olkoon ne kaikki samalla visuaalisella kielellä ja paksuudella.

Vinkki: Älä laita tekstiä kuvaan. Tuotettujen kuvien teksti on usein vääristynyttä/virheellistä. Lisäät tekstin diaohjelmaan.

Visuaalisen tuotannon rajat ja etiikka

  • Väärennetyn aidon näköinen: Valmistetun kuvan esittäminen "todellisena valokuvana/oikeana henkilönä" on harhaanjohtavaa. Uutiset eivät korvaa todisteita tai todisteita.
  • Tekijänoikeus ja tavaramerkki: Olemassa olevan brändin logon, hahmon tai tietyn taiteilijan tyylin "matkiminen" voi johtaa tekijänoikeus- ja tavaramerkkiongelmiin.
  • Henkilökuva: On epäeettistä luoda todellista henkilöä muistuttava kuva ja saada hänet sanomaan jotain suustaan.
  • Tarkkuus: Tuotettu "datavisuaalinen" ei ole todellista dataa; Se ei korvaa grafiikkaa. Käytä kaaviossa todellisilla tiedoilla tuotettua kuvaajaa (seuraavat yksiköt).

kolme minilaukkua

Tapaus 1 – Kontrastikorjaus. Yhden opettajan diat valmistettiin vaaleansinisellä tekstillä vaaleanharmaalla taustalla; Takarivissä olleet oppilaat eivät osaneet lukea. AI ehdotti tummaa taustaa + valkoista tekstiä ja fonttikoon lisäämistä. Kulissien takana oleva luettavuusvalitus on täysin ohi.

Tapaus 2 — Yhdenmukaiset kuvakkeet. Tuotetiimi käytti esityksessä 9 erilaista kuvaketta (osa täytettyjä, osa vuorattuja). Hän pyysi tekoälyä kuvaamaan sarjan yhdellä tyylillä; kaikki linjaan tyyliin. Esitys sai palautetta "näyttää ammattitaidolla", vaikka suunnittelijaa ei työskennellyt.

Tapaus 3 – Paluu väärennetystä kuvasta. Markkinoija sijoittaisi luodun tekoälykuvan otsikolla "iloinen asiakkaamme" todelliseksi asiakkaaksi. Ryhmä ymmärsi, että tämä oli harhaanjohtavaa; sen sijaan käytti todellista, valtuutettua asiakaskuvaa tai valitsi abstraktin kuvituksen. Näin luottamusriski poistui.

Heikko kehote / Vahva kehote

Heikko:

Luo kaunis esittelytausta.

Ei tyyliä, ei mittasuhteita, ei värejä, ei tilaa, ei tarkoitusta; Tulos on satunnainen ja usein hyödytön.

Vahva:

Luo 16:9 esityksen tausta. Aihe: taloudellinen kasvu. Tyyli: minimalistinen, abstrakti geometrinen, yksivärinen. Väri: tumma laivastonsininen, kultaisia ​​aksentteja, hyvin vähän yksityiskohtia. Jätä vasen kolmas tyhjäksi (teksti menee sinne). Tekstin/numeroiden lisääminen. Hanki korkeakontrastinen, tekstiä luettava tausta.

Toinen antaa kriittisiä yksityiskohtia, kuten suhde, vapaa tila, väri ja "tekstin lisäys"; Tulostetta voidaan käyttää suoraan.

Yleisiä virheitä

  • Liialliset värit ja fontit: Dian muuttaminen sateenkaareksi häiritsee.
  • Matala kontrasti: Kevyt vaaleaa, lukukelvotonta tekstiä.
  • Tekstin tulostaminen kuvan päälle: Tuotettu teksti on vääristynyt; lisää teksti diaohjelmaan.
  • Väärennöksen esittäminen todellisena: Tuotetun henkilön/kuvan käyttäminen ikään kuin se olisi todellinen.
  • Pelkän värin erottaminen: Ei sisällä värisokeaa katsojaa; Lisää myös muotoja/tarroja.
  • Brändityylin matkiminen: Se luo tekijänoikeus- ja tavaramerkkiriskejä.

Yhteenvetona

Suunnittelun kolme pilaria ovat asettelu, värit ja typografia; Tasaus, kontrasti, alhainen väri/fontti ja välit määrittävät luettavuuden. Tekoäly on hyvä neuvonantaja väripaletin, asettelun ja typografian suosittelemisessa; Visuaalia tuottava tekoäly tuottaa tausta-, kuvitus- ja ikoniideoita. Mutta älä kirjoita kuvaan, älä esitä väärennöstä todellisena ja ole varovainen tekijänoikeuksien/tuotemerkin ja värisokeuden suhteen. Se palvelee esteettistä rehellisyyttä ja luettavuutta.

Sovellustehtävä

Valitse yksi dioistasi. (1) Pyydä tekoälyä luomaan käytettävissä oleva väripaletti (1 pää + 2 korostusta + neutraali) ja 2 fonttia. (2) Ota kuva diasta, arvostele kontrastia/kohdistusta ja tee vähintään 2 korjausta. (3) Luo käsitteellinen kuva kuvaa luovalla tekoälyllä; Lisää nopeus- ja "lisää tekstiä" -säännöt kehotteeseen.

tarkistuslista

  • [ ] Käytän korkeintaan kahta fonttia ja rajoitettua väripalettia.
  • [ ] Tekstin ja taustan kontrasti on korkea; Se luetaan takariviltä.
  • [ ] Erotin tiedot värin lisäksi myös muodon/etiketin mukaan.
  • [ ] En tulostanut tekstiä luotuun kuvaan; Lisäsin tekstin.
  • [ ] En esitä väärennettyä kuvaa todellisena; Tarkistin tekijänoikeus-/tavaramerkkiriskin.
  • [ ] Kohteet on kohdistettu ruudukkoon, tilaa on riittävästi.