Jednotka 4 / 11

Návrh snímků a vizuální produkce: Rozvržení, barvy, ikony a vizuální prvky umělé inteligence

zisky:

  • Schopnost vytvářet čitelné snímky s principy rozvržení, kontrastu, typografie a barev a přijímat dostupné návrhy palet a návrhů od umělé inteligence
  • Schopnost vytvářet vhodná pozadí, ilustrace a konzistentní ikony s umělou inteligencí generující vizuál a aplikovat praktická omezení, jako je „netisknout text na obrázek“
  • Nereprezentovat falešné obrázky jako skutečné a být schopen respektovat etiku designu a omezení přístupnosti, jako je autorská práva/ochranná známka a barevná slepota.

Správný obsah se ztrácí ve špatném designu. Malé písmo, střetávání barev, chaotické zarovnání; Oslabuje i to nejlepší sdělení. V této jednotce budeme používat umělou inteligenci ve dvou zaměstnáních: (1) jako poradce při rozhodování o rozložení snímku, barvě a typografii; (2) vytváření obrázků, ikon a pozadí, které potřebujete, pomocí umělé inteligence generující vizuální efekty. Cílem je vytvářet konzistentní a čitelné snímky i bez návrháře.

Tři pilíře designu: layout, barva, typografie

Několik konceptů. Layout je uspořádání prvků na snímku. Typografie je volba fontů a velikostí. Kontrast je rozdíl mezi textem a pozadím; nízký kontrast není čitelný. Bílý prostor je dýchací prostor mezi prvky; Nebojte se prázdnoty, přináší jasnost.

Praktická pravidla pro start:

  • Zarovnání: Zarovnání prvků ve virtuální mřížce; Nenechte ho kývat doleva nebo doprava.
  • Kontrast: Tmavý text na světlém pozadí nebo naopak. Na šedé není žádná šedá.
  • Typografie: Až 2 fonty; název je velký a tučný, tělo má čitelnou velikost (≥24 bodů je dobrý základ v salonu).
  • Barva: 1 hlavní barva + 1-2 melíry + neutrální. Pokud máte barvu značky, držte se jí.
  • Opakování: Stejné prvky na stejném místě a ve stejném formátu na každém snímku.

princip

Špatná aplikace

Správná aplikace

kontrast

Bílý text na světle šedém pozadí

Bílý text na tmavě modrém pozadí

Počet barev

7 různých zářivých barev

1 hlavní + 2 zvýraznění + šedé tóny

typografie

4 různé fonty

1 nadpis + 1 hlavní písmo

prostor

Úplný snímek od okraje k okraji

Okraje a dýchací prostor

Pozor: Barvoslepost je častá (asi 8 % mužů). Nerozdělujte pouze informace na červenou/zelenou; Přidejte také tvary, štítky nebo textury.

Konstrukční poradenství s umělou inteligencí

Model není designový program, ale je to dobrý designový konzultant. Paleta barev, nápad rozvržení a shoda typografie naznačují:

Vaše role: konzultant prezentačního designu. Základní barva značky: [#hex nebo „dark navy“]. Sektor: [ ... ].Tón: [firemní / teplý / technologický]. Úkol:1) Navrhněte dostupnou paletu barev: 1 hlavní, 2 akcenty, 2 neutrální (hexadecimální kód pro každou a kde jej použít).2) Navrhněte 2 kompatibilní písma pro nadpis + tělo (běžné, zdarma).3) Popište jednoduché rozvržení pro "slide s obsahem" (kde je nadpis, kde je obrázek, kde je text). Ujistěte se, že kontrastní poměry jsou čitelné.

Chcete-li kritizovat hotový snímek (nahráním snímku obrazovky):

Kritizujte tento snímek očima editora designu. Zapište si problémy, pokud jde o kontrast, zarovnání, hustotu textu, počet barev a čitelnost, a pro každý navrhněte konkrétní řešení. Usiluji o jasnost, ne o zdobení.

Umělá inteligence generující obraz: k čemu, jak?

Umělá inteligence generující obrázky (např. nástroje, které generují obrázky z textu) změní recept, který napíšete, na vizuál. Funguje dobře pro pozadí, koncepční obrázek, ilustraci a myšlenku ikony v prezentaci. Dobrý obrázek obsahuje: předmět + styl + kompozice + barva + proporce + zamýšlené použití.

Vytvořte úvodní obrázek prezentace. Téma: Technologie v udržitelném zemědělství. Styl: jednoduchý, moderní, plochá ilustrace, ne realistická fotografie. Kompozice: ponechte prázdné místo na pravé straně (tam bude text nadpisu). Barva: zelené a zemité tóny, klidná. Poměr: 16:9 horizontálně. PŘIDÁVÁNÍ textu/textu (text vložím).

Pro sadu ikon:

Vytvořte ucelený nápad na sadu ikon pro prezentaci. Potřeba: rychlost, bezpečnost, úspory, tým, automatizace (5 konceptů). U každého popište jednoduchou monochromatickou ikonu ve stylu čáry. Ať jsou všechny ve stejném vizuálním jazyce a tloušťce.

Tip: Nevkládejte na obrázek text. Text na vytvořených obrázcích je často zkreslený/chybný. Text přidáte v programu snímku.

Limity a etika vizuální produkce

  • Falešný vzhled skutečného: Prezentovat vyrobený obrázek jako „skutečnou fotografii/skutečnou osobu“ je zavádějící. Zprávy nenahrazují důkazy nebo svědectví.
  • Autorská práva a ochranná známka: Řekněte „napodobit“ logo, charakter nebo styl konkrétního umělce existující značky může vést k problémům s autorskými právy a ochrannými známkami.
  • Obrázek osoby: Je neetické vytvořit obrázek, který připomíná skutečného člověka, a nechat ho říkat něco z jeho úst.
  • Přesnost: Vytvořený „vizuál dat“ není skutečnými daty; Nenahrazuje grafiku. Pro graf použijte graf vytvořený s reálnými daty (další jednotky).

tři mini pouzdra

Případ 1 — Korekce kontrastu. Snímky jednoho učitele byly připraveny světle modrým textem na světle šedém pozadí; Studenti v zadní řadě neuměli číst. AI navrhla tmavé pozadí + bílý text a zvětšení velikosti písma. Stížnost na čitelnost ze zákulisí je zcela u konce.

Případ 2 — Konzistentní ikony. Produktový tým používal v prezentaci 9 různých stylů ikon (některé vyplněné, některé lemované). Nechal AI popsat sadu v jednom stylu; vše přivedeno k liniovému stylu. Prezentace získala zpětnou vazbu „vypadá to profesionálně“, i když nebyl zaměstnán žádný designér.

Případ 3 – Návrat z falešného obrázku. Obchodník umístí vygenerovaný portrét umělé inteligence s názvem „náš šťastný zákazník“ jako skutečného zákazníka. Tým si uvědomil, že to bylo zavádějící; místo toho použil skutečnou fotografii autorizovaného zákazníka nebo se rozhodl pro abstraktní ilustraci. Riziko důvěry tak bylo eliminováno.

Slabá výzva / Silná výzva

slabé:

Vytvořte krásné pozadí prezentace.

Žádný styl, žádná proporce, žádná barva, žádný prostor, žádný účel; Výsledek je náhodný a často k ničemu.

Silný:

Vygenerujte pozadí prezentace 16:9. Téma: finanční růst. Styl: minimální, abstraktní geometrické, plné barvy. Barva: tmavě modrá, zlaté akcenty, velmi málo detailů. Nechte levou třetinu prázdnou (tam bude text). Přidání textu/čísla. Získejte vysoce kontrastní a text čitelné pozadí.

Druhá poskytuje kritické detaily, jako je poměr, volné místo, barva a "vkládání textu"; Výstup lze použít přímo.

Časté chyby

  • Nadměrné barvy a písma: Přeměna snímku na duhu působí rušivě.
  • Nízký kontrast: Světlo na světle, nečitelný text.
  • Tisk textu na obrázek: Vytvořený text je zdeformovaný; přidejte text do programu snímků.
  • Prezentace padělku jako skutečného: Použití vytvořené osoby/fotografie, jako by to byla skutečná.
  • Rozlišení pouze podle barvy: ​​Nezahrnuje barvoslepého diváka; Přidejte také tvary/štítky.
  • Napodobování stylu značky: Vytváří autorská práva a rizika týkající se ochranných známek.

V souhrnu

Tři pilíře designu jsou rozvržení, barva a typografie; Zarovnání, kontrast, nízká barva/písmo a mezery určují čitelnost. AI je dobrým rádcem při doporučování barevné palety, rozvržení a typografie; Umělá inteligence, která vytváří vizuály, vytváří nápady na pozadí, ilustrace a ikony. Ale nepište na obrázek, neprezentujte padělek jako skutečný a dejte si pozor na autorská práva/značku a barvoslepost. Je ve službách estetické poctivosti a čitelnosti.

Aplikační úkol

Vyberte jeden ze svých snímků. (1) Nechte AI vygenerovat dostupnou paletu barev (1 hlavní + 2 zvýraznění + neutrální) a 2 písma. (2) Udělejte snímek obrazovky, zhodnoťte kontrast/zarovnání a použijte alespoň 2 opravy. (3) Vytvořte konceptuální obraz pomocí AI pro generování obrazu; Do výzvy zadejte pravidla sazby a „přidat text“.

kontrolní seznam

  • [ ] Používám maximálně 2 fonty a omezenou paletu barev.
  • [ ] Kontrast pozadí textu je vysoký; Čte se ze zadní řady.
  • [ ] Informace jsem oddělil nejen podle barvy, ale i podle tvaru/označení.
  • [ ] Na vygenerovaný obrázek jsem nevytiskl žádný text; Doplnil jsem text.
  • [ ] Neprezentuji falešný obrázek jako skutečný; Zkontroloval jsem riziko autorských práv/ochranné známky.
  • [ ] Položky jsou zarovnány do mřížky, je zde dostatek místa.