Yunit 4 / 11

Slide Design at Visual Production: Layout, Color, Icon at Artificial Intelligence Visual

Mga nadagdag:

  • Kakayahang lumikha ng mga nababasang slide na may layout, contrast, typography at mga prinsipyo ng kulay at makatanggap ng naa-access na palette at mga mungkahi sa disenyo mula sa artificial intelligence
  • Kakayahang gumawa ng mga naaangkop na background, mga guhit at pare-parehong mga icon na may visual-generating na artificial intelligence at maglapat ng mga praktikal na limitasyon gaya ng 'hindi pagpi-print ng text sa larawan'
  • Hindi kumakatawan sa mga pekeng larawan bilang totoo, at kakayahang igalang ang etika sa disenyo at mga limitasyon sa pagiging naa-access gaya ng copyright/trademark at color blindness.

Ang tamang nilalaman ay nawawala sa maling disenyo. Maliit na font, magkasalungat na kulay, magulo na pagkakahanay; Pinapahina nito kahit ang pinakamagandang mensahe. Sa yunit na ito, gagamitin namin ang artificial intelligence sa dalawang trabaho: (1) bilang isang tagapayo sa layout ng slide, kulay, at mga desisyon sa typography; (2) paggawa ng mga imahe, icon at background na kailangan mo gamit ang visual-generating na artificial intelligence. Ang layunin ay gumawa ng pare-pareho at nababasa na mga slide, kahit na walang taga-disenyo.

Tatlong haligi ng disenyo: layout, kulay, palalimbagan

Ilang mga konsepto. Ang layout ay ang pag-aayos ng mga elemento sa slide. Ang typography ay ang pagpili ng mga font at laki. Ang kaibahan ay ang pagkakaiba sa pagitan ng teksto at background; mababang contrast ay hindi nababasa. Ang puting espasyo ay ang puwang sa paghinga sa pagitan ng mga elemento; Huwag matakot sa kawalan, nagdudulot ito ng kalinawan.

Mga praktikal na panuntunan sa pagsisimula:

  • Alignment: I-align ang mga elemento sa isang virtual na grid; Huwag hayaan itong umindayog pakaliwa o pakanan.
  • Contrast: Madilim na text sa maliwanag na background o vice versa. Walang grey sa grey.
  • Typography: Hanggang 2 font; ang pamagat ay malaki at naka-bold, ang katawan ay isang nababasa na sukat (≥24 point ay isang magandang base sa isang salon).
  • Kulay: 1 pangunahing kulay + 1-2 highlight + neutral. Kung mayroon kang kulay ng tatak, manatili dito.
  • Pag-uulit: Parehong mga elemento sa parehong lugar at sa parehong format sa bawat slide.

prinsipyo

Maling paggamit

Tamang aplikasyon

kaibahan

Puting text sa isang light grey na background

Puting teksto sa isang madilim na asul na background

Bilang ng mga kulay

7 iba't ibang makulay na kulay

1 pangunahing + 2 highlight + kulay abong tono

typography

4 na magkakaibang mga font

1 headline + 1 body font

espasyo

Buong slide mula sa gilid hanggang sa gilid

Mga margin at silid ng paghinga

Babala: Ang pagkabulag ng kulay ay karaniwan (mga 8% ng mga lalaki). Huwag lamang paghiwalayin ang impormasyon sa pula/berde; Magdagdag din ng mga hugis, label o texture.

Pagkonsulta sa disenyo na may artificial intelligence

Ang modelo ay hindi isang programa sa disenyo, ngunit ito ay isang mahusay na consultant sa disenyo. Iminumungkahi ng color palette, ideya sa layout, at typography:

Ang iyong tungkulin: consultant sa disenyo ng pagtatanghal. Pangunahing kulay ng brand: [#hex o “dark navy”]. Sektor: [ ... ].Tono: [corporate / warm / teknolohikal]. Gawain:1) Magmungkahi ng naa-access na paleta ng kulay: 1 pangunahing, 2 accent, 2 neutral (hex code para sa bawat isa at kung saan ito gagamitin).2) Magmungkahi ng 2 katugmang font para sa pamagat + katawan (karaniwan, libre).3) Ilarawan ang isang simpleng layout para sa isang "slide ng nilalaman" (nasaan ang pamagat, nasaan ang larawan, nasaan ang teksto). Tiyaking nababasa ang mga contrast ratio.

Upang punahin ang isang yari na slide (sa pamamagitan ng pag-upload ng screenshot):

Punahin ang slide na larawang ito sa pamamagitan ng mga mata ng isang editor ng disenyo. Isulat ang mga problema sa mga tuntunin ng kaibahan, pagkakahanay, density ng teksto, bilang ng mga kulay, at pagiging madaling mabasa, at magmungkahi ng konkretong pag-aayos para sa bawat isa. Layunin ko ang kalinawan, hindi pagpapaganda.

Imahe na bumubuo ng artificial intelligence: para saan, paano?

Ang artificial intelligence na bumubuo ng larawan (hal. mga tool na bumubuo ng mga larawan mula sa text) ay ginagawang visual ang recipe na isinulat mo. Ito ay mahusay na gumagana para sa background, konseptwal na imahe, paglalarawan at ideya ng icon sa pagtatanghal. Kasama sa isang magandang prompt ng larawan ang: paksa + istilo + komposisyon + kulay + proporsyon + nilalayon na paggamit.

Gumawa ng isang larawan sa pabalat ng pagtatanghal. Paksa: teknolohiya sa napapanatiling agrikultura. Estilo: simple, moderno, patag na paglalarawan, hindi makatotohanang litrato. Komposisyon: mag-iwan ng walang laman na espasyo sa kanang bahagi (mapupunta doon ang teksto ng pamagat). Kulay: berde at earth tones, kalmado. Ratio: 16:9 pahalang. DAGDAG ng text/text (Ilalagay ko ang text).

Para sa hanay ng icon:

Bumuo ng magkakaugnay na ideya ng hanay ng icon para sa isang presentasyon. Kailangan: bilis, seguridad, pagtitipid, koponan, automation (5 konsepto). Ilarawan ang isang simple, line-style, monochrome na icon para sa bawat isa. Hayaan silang lahat ay nasa parehong visual na wika at kapal.

Tip: Huwag maglagay ng text sa larawan. Ang teksto sa mga larawang ginawa ay madalas na baluktot/mali. Idagdag mo ang teksto sa slide program.

Ang mga limitasyon at etika ng visual na produksyon

  • Pekeng mukhang totoo: Ang pagpapakita ng ginawang larawan bilang isang "tunay na larawan/tunay na tao" ay nakakapanlinlang. Ang balita ay hindi kapalit ng ebidensya o patotoo.
  • Copyright at trademark: Maaaring humantong sa mga isyu sa copyright at trademark ang pagsasabi ng "gayahin" ang logo, karakter, o istilo ng isang umiiral nang brand.
  • Larawan ng tao: Ito ay hindi etikal na gumawa ng isang imahe na kahawig ng isang tunay na tao at sabihin sa kanya ang isang bagay mula sa kanyang bibig.
  • Katumpakan: Ang ginawang "data visual" ay hindi aktwal na data; Hindi nito pinapalitan ang mga graphics. Para sa graph, gamitin ang plot na ginawa gamit ang totoong data (mga susunod na unit).

tatlong mini case

Case 1 — Pagwawasto ng contrast. Ang mga slide ng isang guro ay inihanda sa mapusyaw na asul na teksto sa isang mapusyaw na kulay abong background; Hindi marunong magbasa ang mga estudyante sa likod na hanay. Iminungkahi ng AI ang madilim na background + puting teksto at pagtaas ng laki ng font. Tapos na ang reklamo sa pagiging madaling mabasa mula sa backstage.

Case 2 — Mga pare-parehong icon. Gumagamit ang isang team ng produkto ng 9 na magkakaibang istilo ng mga icon sa presentasyon (napuno ang ilan, may linya ang ilan). Siya ay may AI na naglalarawan ng isang set sa isang istilo; lahat ay dinala sa istilo ng linya. Ang pagtatanghal ay nakatanggap ng feedback na "mukhang propesyonal", kahit na walang taga-disenyo na nagtatrabaho.

Case 3 — Bumalik mula sa pekeng imahe. Ang isang marketer ay maglalagay ng nabuong AI portrait na may pamagat na "aming masaya na customer" bilang isang tunay na customer. Napagtanto ng koponan na ito ay nakaliligaw; sa halip ay gumamit ng isang tunay, awtorisadong larawan ng customer o nag-opt para sa abstract na paglalarawan. Kaya, ang panganib ng tiwala ay inalis.

Mahinang prompt / Malakas na prompt

mahina:

Gumawa ng magandang background ng pagtatanghal.

Walang istilo, walang proporsyon, walang kulay, walang espasyo, walang layunin; Ang resulta ay random at kadalasan ay walang silbi.

malakas:

Bumuo ng 16:9 presentation background. Paksa: paglago ng pananalapi. Estilo: minimal, abstract geometric, solid na kulay. Kulay: dark navy blue, gold accent, napakakaunting detalye. Iwanang walang laman ang pangatlo sa kaliwa (mapupunta doon ang teksto). Pagdaragdag ng teksto/mga numero. Kumuha ng high-contrast, text-readable na background.

Ang pangalawa ay nagbibigay ng mga kritikal na detalye tulad ng ratio, libreng espasyo, kulay, at "pagpasok ng teksto"; Ang output ay maaaring gamitin nang direkta.

Mga karaniwang pagkakamali

  • Mga sobrang kulay at font: Ang paggawa ng slide sa isang bahaghari ay nakakagambala.
  • Mababang contrast: Banayad sa ilaw, hindi nababasang text.
  • Pagpi-print ng text sa isang imahe: Ang text na ginawa ay baluktot; idagdag ang teksto sa slide program.
  • Pagpapakita ng peke bilang totoo: Gamit ang ginawang tao/larawan na parang totoo.
  • Pagkilala sa pamamagitan ng kulay lamang: Hindi kasama ang colorblind viewer; Magdagdag din ng mga hugis/label.
  • Paggaya sa istilo ng tatak: Lumilikha ito ng mga panganib sa copyright at trademark.

Sa buod

Ang tatlong haligi ng disenyo ay layout, kulay at typography; Tinutukoy ng alignment, contrast, mababang kulay/font at spacing ang pagiging madaling mabasa. Ang AI ay isang mahusay na tagapayo sa pagrerekomenda ng color palette, layout at typography; Ang artificial intelligence na gumagawa ng mga visual ay gumagawa ng mga ideya sa background, ilustrasyon at icon. Ngunit huwag isulat sa larawan, huwag ipakita ang peke bilang totoo, at mag-ingat sa copyright/brand at color blindness. Ito ay sa serbisyo ng aesthetic na katapatan at pagiging madaling mabasa.

Gawain ng aplikasyon

Pumili ng isa sa iyong mga slide. (1) Hayaang bumuo ang AI ng isang naa-access na paleta ng kulay (1 pangunahing + 2 highlight + neutral) at 2 font. (2) I-screenshot ang slide, pintasan ang contrast/alignment, at maglapat ng hindi bababa sa 2 pagwawasto. (3) Bumuo ng isang haka-haka na imahe na may AI na bumubuo ng imahe; Ilagay ang mga panuntunan sa rate at "magdagdag ng teksto" sa prompt.

checklist

  • [ ] Gumagamit ako ng hindi hihigit sa 2 mga font at isang limitadong paleta ng kulay.
  • [ ] Mataas ang contrast ng text-background; Ito ay binabasa mula sa likod na hanay.
  • [ ] Pinaghiwalay ko ang impormasyon hindi lamang ayon sa kulay kundi pati na rin sa hugis/label.
  • [ ] Hindi ako nag-print ng anumang teksto sa nabuong imahe; Dinagdagan ko ang text.
  • [ ] Hindi ko ipinakita ang pekeng imahe bilang totoo; Sinuri ko ang panganib sa copyright/trademark.
  • [ ] Ang mga item ay nakahanay sa isang grid, mayroong sapat na espasyo.