Jedna ilustrace má teplé pergamenové pozadí, druhá modrý neon, třetí realistický 3D render a čtvrtá ruční kresbu. Každá je sama o sobě zajímavá. Společně ale nevypadají jako jedna značka. Vypadají jako čtyři různé projekty.
AI umí vytvářet krásné obrázky rychle. Právě proto je snadné začít generovat dřív, než si určíte pravidla. Výsledkem je vizuální chaos, který nejde napravit logem v rohu.
Třetí díl série AI v grafice a vizuální tvorbě ukazuje, jak vytvořit jednoduchý vizuální systém, který můžete opakovaně používat na webu, sociálních sítích, v PDF i při prezentaci.
Vizuální styl není jeden obrázek
Styl vzniká opakováním podobných rozhodnutí. Patří do něj barvy, kontrast, typografie, kompozice, materiál, způsob ilustrace, práce s ikonami i míra detailu. Jeden obrázek může být inspirací, ale sám o sobě systém nevytvoří.
Začněte otázkou: „Podle čeho poznáme náš vizuál, i když na něm není logo?“ Pokud odpověď zní jen „má naše barvy“, potřebujete pravidla rozšířit.
Mini brandboard
Pro první práci s AI stačí jedna stránka, na které máte:
- hlavní a doplňkové barvy,
- typografickou náladu,
- tři až pět referenčních obrazů,
- povolený typ kompozice,
- styl ilustrací a ikon,
- materiál nebo texturu,
- seznam věcí, kterým se vyhýbáte,
- tři ukázky správného použití.
Vyberte malý počet barev
AI umí do jednoho obrázku vložit téměř libovolnou paletu. Značka však většinou potřebuje opakovatelnost. Vyberte jednu hlavní barvu, jednu tmavou nebo neutrální pro text a jeden akcent. Doplňte případně světlý podklad.
Barvy popište konkrétně. Můžete použít názvy i hex kódy, ale počítejte s tím, že generovaný obrázek nemusí přesnou hodnotu dodržet. Barvu proto kontrolujte v hotovém vizuálu a pro důležitá tlačítka nebo text ji doplňte v editoru.
Jedna linka a jeden charakter
Pokud používáte ruční ilustrace, určete, zda mají být jemné nebo výrazné, pravidelné nebo lehce nepravidelné, technické nebo organické. U fotografií řešte světlo, pozadí a míru retuše.
Nekombinujte bez důvodu tenkou technickou linku, realistickou fotografii a lesklé 3D ikony. Každý jazyk může být dobrý, ale jejich společné použití potřebuje jasný koncept.
Vzor zadání pro vytvoření stylu
Navrhni tři odlišné směry vizuálního stylu pro [značka] určené pro [publikum]. Značka má působit [vlastnosti]. U každého směru popiš barvy, kontrast, typ obrazu, charakter linky nebo fotografie, kompozici, texturu, ikony a použití na webu, sociální síti a PDF. Uveď také, čemu se směr vyhýbá. Neřeš zatím logo ani konkrétní kampaň.
Reference vybírejte jako pravidla
Referenční obrázky nevkládejte jen proto, že se vám líbí. U každého si napište, co z něj přebíráte: světlo, rytmus, materiál, barevnou teplotu, množství prostoru nebo typ kresby. Jinak AI může spojit neslučitelné vlastnosti.
Ideální sada obsahuje několik obrázků, které mají společný charakter, ale nejsou kopiemi. Jeden může ukázat kompozici, druhý texturu a třetí způsob práce s akcentem.
Kompozice jako opakovatelná šablona
Určete, kde se obvykle nachází hlavní motiv, kam patří text a kolik má zůstat prázdného prostoru. Pro sociální sítě můžete používat výraznější středový motiv. Pro web potřebujete bezpečné zóny a varianty pro mobil.
Vizuální systém není uniforma
Jednotnost neznamená, že všechny obrázky musí mít stejný motiv. Znamená, že se opakují důležitá rozhodnutí. Web může být široký, příspěvek čtvercový a PDF vertikální, ale všechny výstupy mohou používat stejný kontrast, linku, barvy a způsob hierarchie.
Vzor zadání pro konzistentní sérii
Vytvoř novou ilustraci jako součást stejné vizuální série. Zachovej tyto konstanty: [paleta], [materiál], [charakter linky], [míra detailu], [kompozice] a [motiv značky]. Změň pouze hlavní téma: [téma]. Výstup musí působit jako součást stejné knihovny, ne jako nový styl. Bez 3D efektu, náhodných barev, jiného typu ilustrace a čitelného textu.
Kontrolujte styl na zmenšeném obrázku
Vizuál může v původním rozlišení vypadat výborně a po zmenšení ztratit hlavní motiv. Ověřte jej v reálné velikosti použití. Pokud se ztratí hierarchie, zjednodušte pozadí nebo zvětšete hlavní prvek.
Co dělat s nesourodými staršími materiály
Nemusíte archivovat všechno přes noc. Označte materiály jako aktuální, přechodné a historické. Nové výstupy už tvořte podle brandboardu a starší obsah sjednocujte postupně tam, kde je nejvíce vidět.
Nejčastější chyby
- příliš mnoho barev,
- kombinace několika různých výtvarných jazyků,
- brandboard plný pravidel, která nikdo nepoužívá,
- reference bez vysvětlení,
- používání loga jako jediného sjednocujícího prvku,
- stejná kompozice ve všech formátech,
- ignorování čitelnosti po zmenšení,
- snaha opravit starý vizuální chaos jedním novým filtrem.
Praktické cvičení: mini brandboard na jednu stránku
- Vyberte pět vizuálů, které se vám pro značku líbí.
- U každého pojmenujte konkrétní vlastnost.
- Vyberte tři až čtyři barvy a jednu neutrální plochu.
- Popište linku, materiál, světlo a kompozici.
- Vytvořte tři ukázky použití: web, příspěvek a PDF.
- Vyřaďte pravidlo, které se nedá vysvětlit ani použít.
- Nechte kolegu vybrat ze sady to, co do stylu nepatří, a zjistěte, zda pravidla fungují.
Kontrolní seznam
- Má značka malou a opakovatelnou paletu?
- Je jasný typ obrazu a charakter linky?
- Víme, kam patří hlavní motiv a text?
- Mají reference konkrétní účel?
- Umí systém fungovat na webu, sociální síti i v PDF?
- Je možné pravidla vysvětlit za několik minut?
- Vypadá série jednotně i bez loga?
- Je finální výstup čitelný v reálné velikosti?
Krátký kvíz
1. Co vytváří jednotný styl?
A) Jen logo. B) Opakovaná rozhodnutí o barvě, kompozici, materiálu, lince a hierarchii. C) Co nejvíce filtrů.
2. Kolik pravidel má mít první brandboard?
A) Jen tolik, kolik tým dokáže používat. B) Co nejvíce. C) Žádné.
3. Co si odnést z referenčního obrázku?
A) Vše bez rozlišení. B) Konkrétní vlastnosti, například světlo, materiál nebo kompozici. C) Pouze barevný název.
Správné odpovědi: 1B, 2A, 3B.
Pravidlo, které si odnést
Jednotný vizuální styl nevzniká tím, že všechny obrázky vygenerujete stejným promptem. Vzniká tím, že si vyberete několik důležitých pravidel a opakujete je dostatečně dlouho.
Začněte malým brandboardem, ověřte jej na několika formátech a pravidla držte jednoduchá. AI pak nebude vyrábět náhodné obrázky, ale pomůže vám rozvíjet vlastní vizuální jazyk.
V příštím dílu se zaměříme na AI obrázky pro web a landing page.