Podcast o Základy digitálneho zvuku a webu

Kapitoly

Čo vidím a čo cítim

Ako usporiadať chaos

Písmo nie je len text

Zjednoduš, zjednoduš, zjednoduš

Od digitálu ku klasike

Štyri druhy tlače

Dizajn pre obrazovky

Zhrnutie a záver

Přepis

Tomáš: Pozrieš sa na logo Instagramu a hneď vieš, čo to je. Je to len prechod farieb a pár čiar, ale funguje to dokonale. Prečo je niečo také jednoduché tak okamžite rozpoznateľné?

Natália: Pretože to využíva dokonalú vizuálnu komunikáciu. A presne o tom sa dnes budeme baviť. Je to základ všetkého, od loga až po plagát na tvoj obľúbený film.

Tomáš: Super! Tak poďme na to. Počúvate Studyfi Podcast.

Natália: Dobre, začnime základmi. Máme dve kategórie prostriedkov: vyjadrovacie a výrazové. Znie to podobne, ale je v tom kľúčový rozdiel.

Tomáš: Už teraz sa v tom strácam.

Natália: Vôbec nie! Je to ľahké. Vyjadrovacie prostriedky sú tie technické veci, ktoré doslova vidíš. Bodka, čiara, nejaký tvar, farba... Sú to ingrediencie.

Tomáš: Ako múka a cukor pri koláči?

Natália: Presne tak! A výrazové prostriedky sú to, ako ten koláč chutí. Je to pocit, ktorý v tebe ten dizajn vyvolá. Kontrast, rytmus, harmónia, dynamika... jednoducho výsledný efekt.

Tomáš: Aha! Takže diagonálna čiara je vyjadrovací prostriedok...

Natália: Áno...

Tomáš: ...a pocit pohybu, ktorý vytvára, čiže dynamika, je výrazový prostriedok.

Natália: Bingo! Presne si to pochopil. A toto je častá otázka na maturite, takže si to dobre zapamätaj.

Tomáš: Dobre, takže mám ingrediencie aj predstavu o chuti. Ale ako to všetko správne usporiadať na tanieri, aby to nevyzeralo ako... no, chaos?

Natália: Skvelá otázka! A na to slúži kompozícia. Kompozícia je v podstate recept — usporiadanie všetkých prvkov tak, aby tvorili zmysluplný a pekný celok.

Tomáš: Takže ide o rovnováhu a o to, čo si všimnem ako prvé?

Natália: Áno, presne. Hovoríme tomu hierarchia. A jedným z najmocnejších nástrojov na vytvorenie príjemnej kompozície je zlatý rez.

Tomáš: Och, to je tá šialená matematika, však? S odmocninou z piatich a tak...

Natália: Zabudni na vzorec! Stačí si pamätať pomer približne 1 ku 1,6. Je to všade v prírode, v umení, v architektúre. Naše oko to vníma ako prirodzene krásne a vyvážené. Aj logo Applu či Twitteru ho využíva.

Tomáš: Takže ak chcem, aby môj plagát vyzeral dobre, mal by som hlavný prvok umiestniť podľa tohto pravidla?

Natália: Presne tak. Alebo použi jeho zjednodušenú verziu, pravidlo tretín. Rozdeľ si plochu na deväť rovnakých štvorcov a dôležité prvky umiestni na priesečníky týchto čiar. Funguje to takmer vždy.

Tomáš: Dobre, kompozíciu máme. Čo ďalšie robí napríklad časopis prehľadným a... takým, že sa mi chce čítať?

Natália: Typografia! To je umenie a veda o písme. Nie je to len o tom, čo je napísané, ale ako to vyzerá. Poznáš ten pocit, keď vidíš nejaký text a hneď ti príde seriózny alebo naopak zábavný?

Tomáš: Jasné. Ako nápis na pozvánke na svadbu oproti plagátu na metalový koncert.

Natália: Perfektný príklad! To prvé bude pravdepodobne serifové, čiže pätkové písmo — pôsobí tradične. To druhé bude asi nejaké výrazné, bezpätkové, teda bezserifové písmo.

Tomáš: A na čo si dať ešte pozor okrem fontu?

Natália: Na veľa vecí! Správne medzery medzi písmenami, výška riadkov, zarovnanie... Ale základné pravidlo pre maturitu je: nepoužívaj viac ako dva-tri rôzne fonty. A vždy musí byť jasný kontrast medzi nadpisom a bežným textom.

Tomáš: Posledná vec — štylizácia. Pod tým si predstavím asi karikatúru, kde má niekto obrovský nos.

Natália: Áno, to je jeden druh! Štylizácia je v podstate zjednodušenie reality do grafickej podoby. Nemusíš kresliť každý jeden lístok na strome, aby divák pochopil, že je to strom.

Tomáš: Ako ikony v mobile? Telefón nevyzerá presne ako tá ikonka slúchadla, ale všetci tomu rozumieme.

Natália: Presne! To je zjednodušená, minimalistická štylizácia. Redukuješ detaily na minimum. Potom môžeš realitu aj deformovať, ako pri tej karikatúre, alebo ju premeniť na úplne abstraktné tvary.

Tomáš: Takže aj piktogram panáčika na záchode je vlastne štylizácia človeka?

Natália: Si skvelý žiak! Áno. Cieľom je rýchla a jasná komunikácia. A o tom celý grafický dizajn v konečnom dôsledku je.

Tomáš: A to nás vlastne pekne privádza k poslednej dnešnej téme. Všetky tie digitálne nástroje sú super, ale bez dobrého dizajnu sú vlastne nanič. A dizajn nie je len o pekných obrázkoch na Instagrame.

Natália: Presne tak, Tomáš! Hoci žijeme v digitálnej dobe, je dôležité poznať aj základy klasických grafických techník. Sú to vlastne spôsoby, ako sa obraz rozmnožoval, teda tlačil.

Tomáš: Tlač? To znie... zložito.

Natália: Vôbec nie! Predstav si to úplne jednoducho. Máme tlač z výšky, kde sa farba nanáša na vyvýšené časti. Napríklad linoryt. Potom je tlač z hĺbky, kde je farba v ryhách a je skvelá na jemné detaily.

Tomáš: Okej, to dáva zmysel. Vyvýšené versus vyhĺbené. A čo ďalej?

Natália: Potom tlač z plochy, napríklad litografia, ktorá funguje na chemickom princípe odpudzovania vody a mastnoty. A nakoniec sieťotlač – tú poznáš z potlače na tričkách, kde farba prechádza cez šablónu na sieťke.

Tomáš: Super. Takže to je tlač. Ale čo web? Tam farby fungujú inak, však?

Natália: Presne. Pre digitál používame model RGB – Red, Green, Blue. Pre tlač zase CMYK. Kľúčový je aj UX, teda zážitok používateľa, a UI, vizuálne rozhranie. A samozrejme, responzivita, aby stránka vyzerala dobre na mobile aj na počítači.

Tomáš: Čiže nestačí, aby to bolo pekné, musí to byť aj funkčné. To je to UX.

Natália: Bingo! A hlavne čitateľné. Preto sa na webe často používajú bezpätkové písma ako Arial, lebo sa na obrazovke čítajú ľahšie.

Tomáš: Toto bolo naozaj nabité informáciami! Skúsme si to na záver zhrnúť.

Natália: Jasné. Pri dizajne myslite na typografiu a štylizáciu. Pri webe je dôležité RGB, UX/UI a responzívny dizajn. A pri tlači si pamätajte rozdiel medzi tlačou z výšky, hĺbky, plochy a sieťotlačou. Každá sa hodí na niečo iné.

Tomáš: Skvelé. Takže, to je na dnes všetko. Ďakujeme, že ste nás počúvali. Natália, ďakujem ti za tvoj čas a vedomosti.

Natália: Aj ja ďakujem za pozvanie. A vám, milí študenti, držím palce pri príprave. Počujeme sa nabudúce!

Tomáš: Majte sa!