Vienība 4 / 11

Slaidu dizains un vizuālā ražošana: izkārtojums, krāsas, ikonas un mākslīgā intelekta vizuālie materiāli

Ieguvumi:

  • Spēja izveidot lasāmus slaidus ar izkārtojumu, kontrastu, tipogrāfiju un krāsu principiem un saņemt pieejamus paletes un dizaina ieteikumus no mākslīgā intelekta
  • Spēja radīt atbilstošus fonus, ilustrācijas un konsekventas ikonas ar vizuāli ģenerējošu mākslīgo intelektu un piemērot praktiskus ierobežojumus, piemēram, "nedrukāt tekstu uz attēla".
  • Neattēlot viltotus attēlus kā īstus, kā arī ievērot dizaina ētiku un pieejamības ierobežojumus, piemēram, autortiesības/preču zīme un krāsu aklums.

Pareizais saturs pazūd nepareizā noformējumā. Mazs fonts, pretrunīgas krāsas, netīrs līdzinājums; Tas vājina pat labāko vēstījumu. Šajā nodaļā mākslīgo intelektu izmantosim divos darbos: (1) kā padomdevējs slaidu izkārtojuma, krāsu un tipogrāfijas lēmumu jautājumos; (2) nepieciešamo attēlu, ikonu un fonu izveide, izmantojot vizuāli ģenerējošu mākslīgo intelektu. Mērķis ir izveidot konsekventus un lasāmus slaidus pat bez dizainera.

Trīs dizaina pīlāri: izkārtojums, krāsa, tipogrāfija

Daži jēdzieni. Izkārtojums ir elementu izkārtojums uz slaida. Tipogrāfija ir fontu un izmēru izvēle. Kontrasts ir atšķirība starp tekstu un fonu; zems kontrasts nav nolasāms. Baltā telpa ir elpošanas telpa starp elementiem; Nebaidieties no tukšuma, tas ienes skaidrību.

Praktiskie starta noteikumi:

  • Izlīdzināšana: līdzināt elementus virtuālajā režģī; Neļaujiet tai šūpoties pa kreisi vai pa labi.
  • Kontrasts: tumšs teksts uz gaiša fona vai otrādi. Nav pelēka uz pelēka.
  • Tipogrāfija: līdz 2 fontiem; virsraksts ir liels un trekns, korpuss ir salasāms izmērs (≥24 punkti ir laba bāze salonā).
  • Krāsa: 1 pamatkrāsa + 1-2 spilgtas krāsas + neitrālas krāsas. Ja jums ir zīmola krāsa, pieturieties pie tās.
  • Atkārtošana: vienā un tajā pašā vietā un vienā formātā katrā slaidā vieni un tie paši elementi.

principu

Nepareiza pielietošana

Pareiza pielietošana

kontrasts

Balts teksts uz gaiši pelēka fona

Balts teksts uz tumši zila fona

Krāsu skaits

7 dažādas dinamiskas krāsas

1 galvenais + 2 izceltie + pelēkie toņi

tipogrāfija

4 dažādi fonti

1 virsraksts + 1 pamatteksta fonts

telpa

Pilns slaids no malas līdz malai

Maržas un elpošanas telpa

Uzmanību: krāsu aklums ir izplatīts (apmēram 8% vīriešu). Neatdaliet informāciju tikai sarkanā/zaļā krāsā; Pievienojiet arī formas, etiķetes vai faktūras.

Dizaina konsultācijas ar mākslīgo intelektu

Modelis nav dizaina programma, bet tas ir labs dizaina konsultants. Krāsu palete, izkārtojuma ideja un tipogrāfijas atbilstība liecina:

Jūsu loma: prezentācijas dizaina konsultants. Zīmola pamatkrāsa: [#hex vai "tumši tumši"]. Nozare: [ ... ].Tonis: [korporatīvā / siltā / tehnoloģiskā]. Uzdevums:1) Iesakiet pieejamu krāsu paleti: 1 galvenā, 2 akcentu, 2 neitrālas (katram heksadecimālais kods un kur to izmantot).2) Iesakiet 2 saderīgus fontus virsrakstam + pamattekstam (parastais, bezmaksas).3) Aprakstiet vienkāršu "satura slaida" izkārtojumu (kur virsraksts, kur attēls, kur teksts). Pārliecinieties, vai kontrasta attiecības ir salasāmas.

Lai kritizētu gatavu slaidu (augšupielādējot ekrānuzņēmumu):

Kritizējiet šo slaidu ar dizaina redaktora acīm. Pierakstiet problēmas saistībā ar kontrastu, izlīdzināšanu, teksta blīvumu, krāsu skaitu un lasāmību un iesakiet katram konkrētu risinājumu. Es tiecos uz skaidrību, nevis izskaistināšanu.

Attēlu ģenerējošais mākslīgais intelekts: kam, kā?

Attēlus ģenerējošais mākslīgais intelekts (piemēram, rīki, kas ģenerē attēlus no teksta) pārvērš jūsu rakstīto recepti vizuālā veidā. Tas labi darbojas fona, konceptuāla attēla, ilustrācijas un ikonu idejas prezentācijā. Labā attēla uzvednē ietilpst: priekšmets + stils + kompozīcija + krāsa + proporcija + paredzētais lietojums.

Izveidojiet prezentācijas vāka attēlu. Tēma: tehnoloģijas ilgtspējīgā lauksaimniecībā. Stils: vienkārša, moderna, plakana ilustrācija, nevis reālistiska fotogrāfija. Sastāvs: atstājiet tukšu vietu labajā pusē (virsraksta teksts būs tur). Krāsa: zaļa un zemes toņi, mierīga. Proporcija: 16:9 horizontāli. PIEVIENOT tekstu/tekstu (tekstu ielikšu).

Ikonu kopai:

Izveidojiet saskaņotu ikonu kopas ideju prezentācijai. Nepieciešamība: ātrums, drošība, ietaupījumi, komanda, automatizācija (5 jēdzieni). Katrai no tām aprakstiet vienkāršu, līnijas stila vienkrāsainu ikonu. Lai tie visi ir vienā vizuālajā valodā un biezumā.

Padoms. Nelieciet tekstu uz attēla. Teksts radītajos attēlos bieži ir izkropļots/kļūdains. Jūs pievienojat tekstu slaidu programmā.

Vizuālās ražošanas robežas un ētika

  • Viltus izskats reāls: izgatavota attēla uzrādīšana kā "īsta fotogrāfija/īsta persona" ir maldinoša. Ziņas neaizstāj pierādījumus vai liecības.
  • Autortiesības un preču zīme. Sakot "atdarināt" esoša zīmola logotipu, raksturu vai konkrēta mākslinieka stilu, var rasties autortiesību un preču zīmju problēmas.
  • Personas tēls: ir neētiski radīt attēlu, kas atgādina īstu cilvēku, un likt viņam kaut ko pateikt no savas mutes.
  • Precizitāte: radītais "datu vizuālais" nav faktiski dati; Tas neaizstāj grafiku. Diagrammai izmantojiet diagrammu, kas izveidota ar reāliem datiem (nākamās vienības).

trīs mini futrāļi

1. gadījums — kontrasta korekcija. Viena skolotāja slaidi bija sagatavoti gaiši zilā tekstā uz gaiši pelēka fona; Skolēni aizmugurējā rindā neprata lasīt. AI ieteica tumšu fonu + baltu tekstu un fonta lieluma palielināšanu. Sūdzība par lasāmību no aizkulisēm ir pilnībā beigusies.

2. gadījums — konsekventas ikonas. Produktu komanda prezentācijā izmantoja 9 dažādu stilu ikonas (dažas aizpildītas, dažas rindotas). Viņš lika AI aprakstīt komplektu vienā stilā; viss saskaņots ar stilu. Par prezentāciju tika saņemtas atsauksmes "izskatās profesionāli", lai gan neviens dizainers netika nodarbināts.

3. gadījums — atgriešanās no viltota attēla. Mārketinga speciālists ievietos ģenerētu AI portretu ar nosaukumu “mūsu laimīgais klients” kā īstu klientu. Komanda saprata, ka tas ir maldinošs; tā vietā izmantoja īstu, autorizētu klienta fotoattēlu vai izvēlējās abstraktu ilustrāciju. Tādējādi uzticības risks tika novērsts.

Vāja uzvedne / spēcīga uzvedne

Vāji:

Izveidojiet skaistu prezentācijas fonu.

Bez stila, bez proporcijām, bez krāsas, bez telpas, bez mērķa; Rezultāts ir nejaušs un bieži vien bezjēdzīgs.

Spēcīgs:

Izveidojiet 16:9 prezentācijas fonu. Tēma: finanšu izaugsme. Stils: minimāls, abstrakts ģeometrisks, vienkrāsains. Krāsa: tumši tumši zila, zelta akcenti, ļoti maz detaļu. Kreiso trešdaļu atstājiet tukšu (teksts nonāks tur). Teksta/ciparu pievienošana. Iegūstiet augsta kontrasta tekstu lasāmu fonu.

Otrajā ir sniegta svarīga informācija, piemēram, attiecība, brīva vieta, krāsa un "teksta ievietošana"; Izvadi var izmantot tieši.

Biežas kļūdas

  • Pārmērīgas krāsas un fonti: slaida pārvēršana varavīksnē novērš uzmanību.
  • Zems kontrasts: gaisma uz gaismas, nesalasāms teksts.
  • Teksta drukāšana uz attēla: radītais teksts ir izkropļots; pievienojiet tekstu slaidu programmā.
  • Viltojuma prezentēšana kā īsta: izgatavotās personas/foto izmantošana tā, it kā tā būtu īsta.
  • Atšķiršana tikai pēc krāsas: Izslēdz daltoniķu skatītāju; Pievienojiet arī formas/uzlīmes.
  • Zīmola stila atdarināšana: tas rada autortiesību un preču zīmju riskus.

Rezumējot

Trīs dizaina pīlāri ir izkārtojums, krāsa un tipogrāfija; Izlīdzinājums, kontrasts, zema krāsa/fonts un atstarpes nosaka lasāmību. AI ir labs padomnieks, iesakot krāsu paleti, izkārtojumu un tipogrāfiju; Mākslīgais intelekts, kas rada vizuālos materiālus, rada fona, ilustrāciju un ikonu idejas. Bet nerakstiet uz attēla, neparādiet viltojumu kā īstu un uzmanieties no autortiesībām/zīmola un krāsu akluma. Tas kalpo estētiskajam godīgumam un lasāmībai.

Lietojumprogrammas uzdevums

Izvēlieties vienu no saviem slaidiem. (1) Ļaujiet AI ģenerēt pieejamu krāsu paleti (1 galvenā + 2 izceltie + neitrālie) un 2 fontus. (2) Uzņemiet slaidu ekrānuzņēmumu, kritizējiet kontrastu/līdzinājumu un veiciet vismaz 2 labojumus. (3) ģenerēt konceptuālu attēlu ar attēlu ģenerējošu AI; Uzvednē ievietojiet likmes un teksta pievienošanas noteikumus.

kontrolsaraksts

  • [ ] Es izmantoju ne vairāk kā 2 fontus un ierobežotu krāsu paleti.
  • [ ] Teksta un fona kontrasts ir augsts; To nolasa no aizmugures rindas.
  • [ ] Informāciju atdalīju ne tikai pēc krāsas, bet arī pēc formas/etiķetes.
  • [ ] Es nedrukāju tekstu uz ģenerētā attēla; Es pievienoju tekstu.
  • [ ] Es nepasniedzu viltotu attēlu kā īstu; Es pārbaudīju autortiesību/preču zīmju risku.
  • [ ] Vienumi ir izlīdzināti režģī, ir pietiekami daudz vietas.