Egység 4 / 11

Diatervezés és vizuális gyártás: elrendezés, szín, ikon és mesterséges intelligencia

Nyereség:

  • Lehetőség olvasható diák létrehozására elrendezés, kontraszt, tipográfia és színelvekkel, valamint elérhető paletta- és tervezési javaslatok fogadása a mesterséges intelligencia részéről
  • Képes megfelelő háttereket, illusztrációkat és konzisztens ikonokat készíteni vizuális generáló mesterséges intelligenciával, és gyakorlati korlátokat alkalmazni, például „nem nyomtathat szöveget a képre”
  • A hamis képek valódiként való megjelenítése, valamint a tervezési etika és a hozzáférhetőségi korlátok, például a szerzői jog/védjegy és a színvakság tiszteletben tartása.

A megfelelő tartalom elveszik a rossz tervezésben. Kis betűtípus, ütköző színek, rendetlen elrendezés; Még a legjobb üzenetet is gyengíti. Ebben az egységben a mesterséges intelligenciát két munkakörben fogjuk használni: (1) tanácsadóként a dia elrendezésével, színével és tipográfiájával kapcsolatos döntésekben; (2) a szükséges képek, ikonok és hátterek előállítása vizuális generátor mesterséges intelligenciával. A cél az, hogy konzisztens és olvasható diákat készítsenek, tervező nélkül is.

A tervezés három pillére: elrendezés, szín, tipográfia

Néhány fogalom. Az elrendezés az elemek elrendezése a dián. A tipográfia a betűtípusok és -méretek megválasztása. A kontraszt a szöveg és a háttér közötti különbségtétel; az alacsony kontraszt nem olvasható. A fehér tér az elemek közötti légzési tér; Ne félj az ürességtől, világosságot hoz.

Gyakorlati indulási szabályok:

  • Igazítás: Elemek igazítása egy virtuális rácsban; Ne hagyja, hogy balra vagy jobbra billenjen.
  • Kontraszt: Sötét szöveg világos háttéren, vagy fordítva. Nincs szürke a szürkén.
  • Tipográfia: legfeljebb 2 betűtípus; a cím nagy és merész, a test olvasható méretű (≥24 pont jó alap egy szalonban).
  • Szín: 1 fő szín + 1-2 kiemelés + semleges. Ha van márkaszíned, ragaszkodj hozzá.
  • Ismétlés: Ugyanazok az elemek ugyanazon a helyen és ugyanabban a formátumban minden dián.

elv

Helytelen alkalmazás

Helyes alkalmazás

kontraszt

Fehér szöveg világosszürke alapon

Fehér szöveg sötétkék alapon

Színek száma

7 különböző élénk szín

1 fő + 2 kiemelés + szürke tónusok

tipográfia

4 különböző betűtípus

1 címsor + 1 törzs betűtípus

teret

Teljes csúszás széltől szélig

Margók és légzőszoba

Figyelem: A színvakság gyakori (a férfiak körülbelül 8%-ánál). Ne csak vörösre/zöldre bontsa az információkat; Adjon hozzá formákat, címkéket vagy textúrákat is.

Tervezési tanácsadás mesterséges intelligenciával

A modell nem tervezési program, de jó tervezési tanácsadó. A színpaletta, az elrendezési ötlet és a tipográfia egyezése a következőket javasolja:

Az Ön szerepe: prezentációs tervezési tanácsadó. A márka elsődleges színe: [#hex vagy „dark navy”]. Szektor: [ ... ].Hang: [vállalati / meleg / technológiai]. Feladat:1) Javasoljon elérhető színpalettát: 1 fő, 2 ékezetes, 2 semleges (mindegyik hexadecimális kódja, és hol kell használni).2) Javasoljon 2 kompatibilis betűtípust a címhez + törzshöz (közös, ingyenes).3) Ismertessen egy egyszerű elrendezést a "tartalmi diához" (hol a cím, hol a kép, hol a szöveg). Győződjön meg arról, hogy a kontrasztarányok olvashatóak.

Egy kész dia kritikája (képernyőkép feltöltésével):

Kritizálja ezt a diaképet egy tervezőszerkesztő szemével. Írja le a problémákat a kontraszt, az igazítás, a szövegsűrűség, a színek száma és az olvashatóság tekintetében, és mindegyikre javasoljon konkrét megoldást. Az egyértelműségre törekszem, nem a díszítésre.

Képet generáló mesterséges intelligencia: mire, hogyan?

A képgeneráló mesterséges intelligencia (pl. olyan eszközök, amelyek szövegből képeket generálnak) a megírt receptet vizualizálják. Jól működik háttérben, koncepcionális képben, illusztrációban és ikonötletben a prezentációban. A jó képprompt a következőket tartalmazza: téma + stílus + kompozíció + szín + arány + rendeltetésszerű használat.

Készítsen prezentáció borítóképet. Téma: technológia a fenntartható mezőgazdaságban. Stílus: egyszerű, modern, lapos illusztráció, nem valósághű fényképezés. Összetétel: hagyjon üres helyet a jobb oldalon (oda kerül a cím szövege). Szín: zöld és földszínek, nyugodt. Arány: 16:9 vízszintes. Szöveg/szöveg HOZZÁADÁSA (beírom a szöveget).

Az ikonkészlethez:

Hozzon létre összefüggő ikonkészlet-ötletet egy prezentációhoz. Szükség: sebesség, biztonság, megtakarítás, csapat, automatizálás (5 fogalom). Írjon le mindegyikhez egy egyszerű, vonalszerű, monokróm ikont. Legyen mindegyik ugyanabban a vizuális nyelvben és vastagságban.

Tipp: Ne helyezzen szöveget a képre. Az elkészített képek szövege gyakran torz/hibás. A szöveget a diaprogramban adja hozzá.

A vizuális produkció korlátai és etikája

  • Valóságosnak látszó hamis: Megtévesztő, ha egy legyártott képet „valódi fotónak/valós személynek” tüntet fel. A hír nem helyettesíti a bizonyítékot vagy a tanúvallomást.
  • Szerzői jog és védjegy: Ha azt mondja, hogy „utánozza” egy meglévő márka logóját, karakterét vagy egy adott művész stílusát, ez szerzői jogi és védjegyproblémákhoz vezethet.
  • Személykép: Etikátlan olyan képet készíteni, amely egy valós személyhez hasonlít, és a szájából mond valamit.
  • Pontosság: Az előállított „adatvizuális” nem tényleges adat; Nem helyettesíti a grafikát. A grafikonhoz használja a valós adatokkal előállított diagramot (következő egység).

három mini tok

1. eset – Kontraszt korrekció. Az egyik tanár diákja világoskék szöveggel készült, világosszürke alapon; A hátsó sorban ülő tanulók nem tudtak olvasni. Az AI sötét háttér + fehér szöveg és betűméret növelését javasolta. A kulisszák mögötti olvashatósági panasznak teljesen vége.

2. eset – Konzisztens ikonok. Egy termékcsapat 9 különböző stílusú ikont használt a prezentációban (néhány kitöltött, néhány vonalas). Egy stílusban írt le egy készletet az AI-val; mindet stílusba hozta. A prezentációra azt a visszajelzést kapták, hogy "professzionálisan néz ki", annak ellenére, hogy tervezőt nem alkalmaztak.

3. eset – Visszatérés hamis képről. Egy marketingszakember valódi vásárlóként elhelyez egy generált mesterséges intelligencia portrét „boldog vásárlónk” címmel. A csapat rájött, hogy ez félrevezető; ehelyett valódi, hivatalos ügyfélfotót használt, vagy absztrakt illusztrációt választott. Így a bizalom kockázata megszűnt.

Gyenge felszólítás / Erős felszólítás

Gyenge:

Készítsen gyönyörű prezentációs hátteret.

Se stílus, se arány, se szín, se tér, se cél; Az eredmény véletlenszerű és gyakran haszontalan.

Erős:

16:9-es prezentációs hátteret generál. Téma: pénzügyi növekedés. Stílus: minimál, absztrakt geometrikus, egyszínű. Szín: sötétkék, arany díszítéssel, nagyon kevés részlettel. Hagyja üresen a bal oldali harmadrészt (a szöveg oda fog kerülni). Szöveg/számok hozzáadása. Szerezzen nagy kontrasztú, szövegesen olvasható hátteret.

A második olyan kritikus részleteket ad meg, mint az arány, a szabad hely, a szín és a "szövegbeillesztés"; A kimenet közvetlenül használható.

Gyakori hibák

  • Túl sok szín és betűtípus: A dia szivárványsá alakítása elvonja a figyelmet.
  • Alacsony kontraszt: Világos világos, olvashatatlan szöveg.
  • Szöveg nyomtatása képre: Az előállított szöveg torz; add hozzá a szöveget a diaprogramban.
  • A hamisítvány valódiként való bemutatása: Az elkészített személy/fotó valódiként való felhasználása.
  • Megkülönböztetés csak szín alapján: Kizárja a színvak nézőt; Adjon hozzá formákat/címkéket is.
  • A márkastílus utánzása: szerzői jogi és védjegykockázatot teremt.

Összefoglalva

A tervezés három pillére az elrendezés, a szín és a tipográfia; Az igazítás, a kontraszt, az alacsony szín/betűtípus és a térköz határozza meg az olvashatóságot. A mesterséges intelligencia jó tanácsadó a színpaletta, az elrendezés és a tipográfia ajánlásában; A vizuális elemeket előállító mesterséges intelligencia háttér-, illusztráció- és ikonötleteket hoz létre. De ne írjon a képre, ne mutassa be a hamisítványt valódinak, és legyen óvatos a szerzői jogokkal/márkákkal és a színvaksággal. Az esztétikai őszinteség és olvashatóság szolgálatában áll.

Pályázati feladat

Válassza ki az egyik diát. (1) A mesterséges intelligencia generáljon egy hozzáférhető színpalettát (1 fő + 2 kiemelés + semleges) és 2 betűtípust. (2) Készítsen képernyőképet a diáról, bírálja el a kontrasztot/igazítást, és alkalmazzon legalább 2 korrekciót. (3) Koncepcionális képet generál képgeneráló mesterséges intelligencia segítségével; Adja meg a sebesség és a "szöveg hozzáadása" szabályokat a promptban.

ellenőrző lista

  • [ ] Legfeljebb 2 betűtípust és korlátozott színpalettát használok.
  • [ ] Magas a szöveg-háttér kontraszt; A hátsó sorból olvasható.
  • [ ] Nem csak szín, hanem forma/címke szerint is elkülönítettem az információkat.
  • [ ] Nem nyomtattam szöveget a generált képre; kiegészítettem a szöveget.
  • [ ] A hamis képet nem mutatom be valósnak; Ellenőriztem a szerzői jog/védjegy kockázatát.
  • [ ] Az elemek rácsba vannak igazítva, elegendő hely van.