zisky:
- Schopnosť vytvárať čitateľné snímky s princípmi rozloženia, kontrastu, typografie a farieb a prijímať dostupné palety a návrhy dizajnu od umelej inteligencie
- Schopnosť vytvárať vhodné pozadia, ilustrácie a konzistentné ikony pomocou vizuálnej umelej inteligencie a uplatňovať praktické limity, ako napríklad „netlačiť text na obrázok“
- Neprezentovať falošné obrázky ako skutočné a byť schopný rešpektovať etiku dizajnu a obmedzenia dostupnosti, ako sú autorské práva/ochranná známka a farbosleposť.
Správny obsah sa stratí v nesprávnom dizajne. Malé písmo, kolidujúce farby, chaotické zarovnanie; Oslabuje aj tú najlepšiu správu. V tejto jednotke budeme využívať umelú inteligenciu v dvoch zamestnaniach: (1) ako poradca pri rozhodovaní o rozložení snímky, farbe a typografii; (2) vytváranie obrázkov, ikon a pozadí, ktoré potrebujete, pomocou umelej inteligencie generujúcej vizuálny efekt. Cieľom je vytvárať konzistentné a čitateľné snímky aj bez dizajnéra.
Tri piliere dizajnu: rozloženie, farba, typografia
Niekoľko konceptov. Layout je usporiadanie prvkov na snímke. Typografia je výber písma a veľkosti. Kontrast je rozdiel medzi textom a pozadím; nízky kontrast nie je čitateľný. Biely priestor je dýchací priestor medzi prvkami; Nebojte sa prázdnoty, prináša jasnosť.
Praktické pravidlá štartovania:
- Zarovnanie: Zarovnanie prvkov vo virtuálnej mriežke; Nedovoľte, aby sa kýval doľava alebo doprava.
- Kontrast: Tmavý text na svetlom pozadí alebo naopak. Na šedej nie je sivá.
- Typografia: až 2 fonty; názov je veľký a tučný, telo má čitateľnú veľkosť (≥24 bodov je dobrý základ v salóne).
- Farba: 1 hlavná farba + 1-2 melír + neutrálne. Ak máte značkovú farbu, držte sa jej.
- Opakovanie: Rovnaké prvky na rovnakom mieste a v rovnakom formáte na každej snímke.
princíp
Nesprávna aplikácia
Správna aplikácia
kontrast
Biely text na svetlosivom pozadí
Biely text na tmavomodrom pozadí
Počet farieb
7 rôznych žiarivých farieb
1 hlavný + 2 melír + sivé tóny
typografia
4 rôzne fonty
1 nadpis + 1 hlavné písmo
priestor
Úplný sklz od okraja k okraju
Okraje a priestor na dýchanie
Pozor: Farbosleposť je bežná (asi 8 % mužov). Nerozdeľujte informácie na červenú/zelenú; Pridajte tiež tvary, štítky alebo textúry.
Dizajnové poradenstvo s umelou inteligenciou
Model nie je dizajnový program, ale je to dobrý dizajnérsky konzultant. Paleta farieb, nápad rozloženia a zhoda typografie naznačujú:
Vaša úloha: konzultant prezentačného dizajnu. Základná farba značky: [#hex alebo „dark navy“]. Sektor: [ ... ].Tón: [firemný / teplý / technologický]. Úloha:1) Navrhnite dostupnú farebnú paletu: 1 hlavná, 2 akcenty, 2 neutrálne (hexadecimálny kód pre každý a kde ho použiť).2) Navrhnite 2 kompatibilné fonty pre nadpis + telo (bežné, bezplatné).3) Popíšte jednoduché rozloženie pre "snímku s obsahom" (kde je názov, kde je obrázok, kde je text). Uistite sa, že kontrastné pomery sú čitateľné.
Ak chcete kritizovať hotovú snímku (odovzdaním snímky obrazovky):
Kritizujte tento obrázok z pohľadu dizajnéra. Zapíšte si problémy, pokiaľ ide o kontrast, zarovnanie, hustotu textu, počet farieb a čitateľnosť, a pre každý navrhnite konkrétnu opravu. Usilujem o prehľadnosť, nie o prikrášlenie.
Umelá inteligencia vytvárajúca obraz: na čo, ako?
Umelá inteligencia generujúca obrázky (napr. nástroje, ktoré generujú obrázky z textu) premení recept, ktorý napíšete, na vizuál. Funguje to dobre pre pozadie, koncepčný obrázok, ilustráciu a nápad na ikonu v prezentácii. Dobrá výzva k obrázku obsahuje: predmet + štýl + kompozícia + farba + proporcie + zamýšľané použitie.
Vytvorte titulný obrázok prezentácie. Téma: Technológia v udržateľnom poľnohospodárstve. Štýl: jednoduchý, moderný, plochá ilustrácia, nie realistická fotografia. Kompozícia: ponechajte prázdne miesto na pravej strane (tam bude text nadpisu). Farba: zelené a zemité tóny, pokojná. Pomer: 16:9 horizontálne. PRIDÁVANIE textu/textu (text vložím).
Pre sadu ikon:
Vytvorte koherentný nápad na sadu ikon pre prezentáciu. Potreba: rýchlosť, bezpečnosť, úspory, tím, automatizácia (5 konceptov). Pre každý opíšte jednoduchú monochromatickú ikonu v štýle čiar. Nech sú všetky v rovnakom vizuálnom jazyku a hrúbke.
Tip: Na obrázok nevkladajte text. Text na vytvorených obrázkoch je často skreslený/chybný. Text pridáte v programe snímky.
Limity a etika vizuálnej produkcie
- Falošne vyzerajúci skutočný: Prezentovať vyrobený obrázok ako „skutočnú fotografiu/skutočnú osobu“ je zavádzajúce. Správy nenahrádzajú dôkazy alebo svedectvá.
- Autorské práva a ochranná známka: Povedať „napodobňovať“ logo, charakter alebo štýl konkrétneho umelca existujúcej značky môže viesť k problémom s autorskými právami a ochrannými známkami.
- Obraz osoby: Je neetické vytvoriť obraz, ktorý pripomína skutočnú osobu, a nechať ho povedať niečo z jeho úst.
- Presnosť: Produkovaný „vizuál údajov“ nie sú skutočné údaje; Nenahrádza grafiku. Pre graf použite graf vytvorený s reálnymi údajmi (ďalšie jednotky).
tri mini prípady
Prípad 1 – Korekcia kontrastu. Slajdy jedného učiteľa boli pripravené svetlomodrým textom na svetlosivom pozadí; Študenti v zadnom rade nevedeli čítať. AI navrhla tmavé pozadie + biely text a zväčšenie veľkosti písma. Sťažovanie sa na čitateľnosť zo zákulisia je úplne ukončené.
Prípad 2 — Konzistentné ikony. Produktový tím používal v prezentácii 9 rôznych štýlov ikon (niektoré vyplnené, iné lemované). Nechal AI opísať súbor v jednom štýle; všetko privedené do štýlu linky. Prezentácia získala spätnú väzbu „vyzerá to profesionálne“, aj keď nebol zamestnaný žiadny dizajnér.
Prípad 3 – Návrat z falošného obrázka. Obchodník umiestni vygenerovaný portrét AI s názvom „náš šťastný zákazník“ ako skutočného zákazníka. Tím si uvedomil, že to bolo zavádzajúce; namiesto toho použil skutočnú fotografiu autorizovaného zákazníka alebo sa rozhodol pre abstraktnú ilustráciu. Riziko dôvery tak bolo eliminované.
Slabá výzva / Silná výzva
slabé:
Vytvorte krásne pozadie prezentácie.
Žiadny štýl, žiadna proporcia, žiadna farba, žiadny priestor, žiadny účel; Výsledok je náhodný a často zbytočný.
Silný:
Vytvorte pozadie prezentácie 16:9. Téma: finančný rast. Štýl: minimálny, abstraktný geometrický, jednofarebný. Farba: tmavomodrá, zlaté akcenty, veľmi málo detailov. Ľavú tretinu nechajte prázdnu (tam bude text). Pridanie textu/čísla. Získajte pozadie s vysokým kontrastom a čitateľným textom.
Druhá poskytuje kritické detaily ako pomer, voľné miesto, farbu a "vkladanie textu"; Výstup je možné použiť priamo.
Časté chyby
- Príliš veľa farieb a písma: Premena snímky na dúhu pôsobí rušivo.
- Nízky kontrast: Svetlo na svetle, nečitateľný text.
- Tlač textu na obrázok: Vytvorený text je zdeformovaný; pridajte text v programe snímky.
- Prezentácia falzifikátu ako skutočného: Použitie vyrobenej osoby/fotky, ako keby bola skutočná.
- Rozlíšenie iba podľa farby: Nezahŕňa farboslepého diváka; Pridajte aj tvary/štítky.
- Napodobňovanie štýlu značky: Vytvára riziká týkajúce sa autorských práv a ochranných známok.
V súhrne
Tri piliere dizajnu sú rozloženie, farba a typografia; Zarovnanie, kontrast, nízka farba/font a medzery určujú čitateľnosť. AI je dobrým poradcom pri odporúčaní farebnej palety, rozloženia a typografie; Umelá inteligencia, ktorá vytvára vizuály, vytvára nápady na pozadie, ilustrácie a ikony. Nepíšte však na obrázok, neprezentujte falzifikát ako skutočný a dávajte si pozor na autorské práva/značku a farbosleposť. Je v službách estetickej poctivosti a čitateľnosti.
Aplikačná úloha
Vyberte jednu zo svojich snímok. (1) Nechajte AI vygenerovať dostupnú paletu farieb (1 hlavná + 2 zvýraznenia + neutrálne) a 2 písma. (2) Nasnímajte snímku obrazovky, kritizujte kontrast/zarovnanie a použite aspoň 2 opravy. (3) Vytvorte koncepčný obraz pomocou AI na generovanie obrazu; Do výzvy zadajte pravidlá sadzby a „pridať text“.
kontrolný zoznam
- [ ] Používam maximálne 2 fonty a obmedzenú paletu farieb.
- [ ] Kontrast textu a pozadia je vysoký; Číta sa zo zadného radu.
- [ ] Informácie som oddelil nielen podľa farby, ale aj podľa tvaru/označenia.
- [ ] Na vygenerovaný obrázok som nevytlačil žiadny text; Doplnil som text.
- [ ] Neprezentujem falošný obrázok ako skutočný; Skontroloval som riziko autorských práv/ochranných známok.
- [ ] Položky sú zarovnané v mriežke, je tam dostatok miesta.