Vše o vizuálním designu

Teorie barev vysvětluje, jak odstíny spolu souvisejí, jak se kombinují a jak ovlivňují vnímání na obrazovce i v tisku. Tato kapitola se věnuje teorii…

Psychologie barev zkoumá, jak barvy ovlivňují náladu, paměť a jednání. Tato kapitola se věnuje psychologii barev a tomu, jak to využít na vašem webu a…

Psychologie barev v marketingu spojuje volbu palety s cíli kampaní a osobností značky. Tato kapitola se věnuje psychologii barev v marketingu a tomu,…

Využití psychologie barev v brandingu znamená volit odstíny, které odpovídají osobnosti, jakou zákazníkům slibujete. Tato kapitola se věnuje…

Psychologie modré barvy často vyvolává důvěru, klid a profesionalitu. Tato kapitola se věnuje psychologii modré barvy a tomu, jak to využít na vašem…

Psychologie zelené barvy se běžně pojí s růstem, zdravím a přírodou. Tato kapitola se věnuje psychologii zelené barvy a tomu, jak to využít na vašem…

Psychologie červené barvy může podle odstínu signalizovat naléhavost, vášeň nebo chuť k jídlu. Tato kapitola se věnuje psychologii červené barvy a…

Silné barevné kombinace používají jeden dominantní odstín, neutrální barvy a jeden akcent pro akce. Tato kapitola se věnuje barevným kombinacím a…

Barevné kolo uspořádává odstíny tak, abyste viděli vztahy mezi primárními, sekundárními a terciárními barvami. Tato kapitola se věnuje barevnému kolu…

Barevná paleta značky uvádí schválené barvy pro loga, web, tisk i grafiku pro sociální sítě. Tato kapitola se věnuje barevné paletě značky a tomu, jak…

Barevný kontrast měří rozdíl ve světlosti mezi textem a pozadím. Tato kapitola se věnuje barevnému kontrastu a tomu, jak ho využít na vašem webu a v…

Barevná schémata jsou plánované sady odstínů používané v celém designu kvůli harmonii. Tato kapitola se věnuje barevným schématům a tomu, jak je…

K častým barevným chybám na webu patří nízký kontrast, příliš mnoho odstínů a nejednotná tlačítka. Tato kapitola vysvětluje, jak se barevným chybám na…

Design pro sociální sítě rychle přizpůsobí vizuály značky čtvercovým, svislým i vodorovným formátům. Tato kapitola vysvětluje design pro sociální sítě…

Marketingový design vytváří vizuály pro kampaně v reklamách, e-mailu, na webu i v tisku. Tato kapitola vysvětluje marketingový design a jak ho využít…

K osvědčeným postupům designu e-mailů patří jednosloupcové rozvržení, velké plochy pro klepnutí a alternativní text u obrázků. Tato kapitola…

Design newsletteru spojuje silné předměty e-mailů, přehledné sekce a jeden hlavní odkaz. Tato kapitola vysvětluje design e-mailových newsletterů a jak…

Design webových bannerů vyvažuje značku, srozumitelnost nabídky a velikost souboru pro reklamní sítě i akce na webu. Tato kapitola vysvětluje design…

Design brožury uspořádá služby, reference a cesty ke kontaktu pro tisk nebo stažení v PDF. Tato kapitola vysvětluje design brožur a jak ho využít na…

Přístupný design webu zajišťuje, aby lidé s postižením mohli váš web vnímat, procházet a používat. Tato kapitola vysvětluje přístupný design webu a…

Aby web splňoval požadavky ADA, je třeba dbát na kontrast, alternativní text, ovládání klávesnicí a jasnou strukturu. Tato kapitola vysvětluje, jak…

Design webu v souladu s ADA se řídí uznávanými standardy pro rozhraní, která jsou vnímatelná a ovladatelná. Tato kapitola vysvětluje design webu v…

Inkluzivní design vytváří produkty použitelné pro co nejširší okruh lidí, bez zvláštních verzí. Tato kapitola vysvětluje inkluzivní design a jak ho…

Prohlášení o přístupnosti webu dokumentuje vaše standardy, známé nedostatky a kanál pro zpětnou vazbu. Tato kapitola vysvětluje prohlášení o…

Trendy ve webdesignu v roce 2025 dávají přednost rychlosti, výrazným písmům, nenápadnému pohybu a přístupným barvám. Tato kapitola vysvětluje trendy…

K trendům v grafickém designu pro firmy patří autentická fotografie, pružné systémy značky a jednoduchá geometrie. Tato kapitola vysvětluje trendy v…

Hero obrázek (hero image) je velký vizuál v horní části stránky, který podporuje hlavní sdělení. Tato kapitola vysvětluje hero obrázek a jak ho využít…

Hero obrázek na webu je hlavní bannerový vizuál na klíčových stránkách. Tato kapitola vysvětluje, co je hero obrázek a jak ho využít na webu i v…

SEO obrázků optimalizuje názvy souborů, alt text, velikost a formát, aby obrázky podporovaly viditelnost ve vyhledávání. Tato kapitola vysvětluje SEO…

Příklady alt textu popisují obsah a funkci obrázku stručně a srozumitelně. Tato kapitola vysvětluje příklady alt textu a jak je využít na webu i v…

K běžným typům obrazových souborů patří JPEG, PNG, WebP, SVG a GIF pro různé způsoby použití. Tato kapitola vysvětluje typy obrazových souborů a jak…

Optimalizace obrázků pro web zmenšuje velikost souboru při zachování přijatelné vizuální kvality. Tato kapitola vysvětluje optimalizaci obrázků pro…

Obrázky na webu by měly podporovat vaše sdělení, ladit s tónem značky a působit autenticky. Tato kapitola vysvětluje obrázky na webu a jak je využít…

Fotografie s negativním prostorem nechává prázdné plochy, které zdůrazní hlavní motiv. Tato kapitola vysvětluje fotografii s negativním prostorem a…

Obrázky na pozadí webu by měly mít za textem nízký kontrast nebo být silně překryté. Tato kapitola ukazuje, jak s nimi pracovat na webu a v…

Stock fotky na web fungují, když je sladíte s paletou, jedinečně oříznete a smícháte se skutečnými snímky. Tato kapitola ukazuje, jak je použít na…

Velikosti obrázků pro sociální sítě se liší podle sítě a umístění, takže vám šetří čas hotové předvolby exportu. Tato kapitola ukazuje, jak s nimi…

Alt text u obrázků popisuje obsah a účel obrázku, pokud možno zhruba na sto dvacet pět znaků. Tato kapitola ukazuje, jak s ním pracovat na webu a v…

Kvalita obrázků dává najevo profesionalitu dřív, než návštěvníci přečtou text. Tato kapitola ukazuje, jak s ní pracovat na webu a v materiálech…

Vizuální hierarchie řadí prvky tak, aby diváci nejdřív viděli nejdůležitější informace. Tato kapitola ukazuje, jak ji využít na webu a v materiálech…

Negativní prostor je prázdná plocha kolem prvků designu a mezi nimi. Tato kapitola ukazuje, jak s ním pracovat na webu a v materiálech značky.

Bílý prostor je záměrně prázdné místo pro přehlednost a soustředění, ne zbytečně promarněná plocha. Tato kapitola ukazuje, jak ho využít na webu a v…

Bílý prostor v designu odděluje sekce, zvýrazňuje tlačítka a zlepšuje porozumění. Tato kapitola ukazuje, jak ho využít na webu a v materiálech značky.

Gestalt principy popisují, jak lidé vnímají skupiny, vzory a celá rozvržení. Tato kapitola ukazuje, jak je využít na webu a v materiálech značky.

Návrh rozvržení uspořádává obsahové bloky, navigaci a média na stránce nebo obrazovce. Tato kapitola ukazuje, jak ho využít na webu a v materiálech…

Mezi typy rozvržení webu patří jeden sloupec, dělené rozvržení, mřížka a časopisecké uspořádání. Tato kapitola ukazuje, jak s nimi pracovat na webu a…

Vizuální vyvážení v designu rozděluje vizuální váhu tak, aby stránka působila stabilně. Tato kapitola ukazuje, jak ho využít na webu a v materiálech…

Zarovnání v designu srovnává okraje a účaří, aby rozvržení působilo záměrně. Tato kapitola ukazuje, jak s ním pracovat na webu a v materiálech značky.

Kontrast v designu využívá rozdíly ve velikosti, barvě a tloušťce, aby zvýraznil klíčové prvky. Tato kapitola ukazuje, jak s ním pracovat na webu a v…

Pozitivní a negativní prostor společně vytvářejí tvary a směřují pozornost v kompozici. Tato kapitola ukazuje, jak s nimi pracovat na webu a v…

Opakování v designu opakuje barvy, tvary a mezery, aby stránky působily jednotně. Tato kapitola ukazuje, jak s ním pracovat na webu a v materiálech…

Návrh identity značky je vizuální a slovní systém, díky kterému je značka rozpoznatelná. Tato kapitola ukazuje, jak ho využít na webu a v materiálech…

Design značky je strategická a vizuální práce, která utváří, jak je firma vnímána. Tato kapitola ukazuje, jak ho využít na webu a v materiálech…

Mezi typy log patří slovní loga, písmenná loga, obrazová loga, abstraktní loga, maskoti a kombinace. Tato kapitola ukazuje, jak s nimi pracovat na…

Dobré logo je jednoduché, zapamatovatelné, univerzální a vhodné pro vaše publikum. Tato kapitola ukazuje, jak to uplatnit na webu a v materiálech…

Mezi typy grafického designu pro firmy patří branding, marketing, web, obaly a pohyblivá grafika. Tato kapitola ukazuje, jak s nimi pracovat na webu a…

Tipy pro tvorbu loga pro majitele firem zahrnují jasné zadání, rozbor konkurence a dodání souborů ve vektorovém formátu. Tato kapitola ukazuje, jak s…

Vizuální identita je celková podoba značky v logu, barvách, písmu, obrazech a rozvržení. Tato kapitola ukazuje, jak s ní pracovat na webu a v…

Infografika znázorňuje data nebo postupy vizuálně, takže složité informace lze rychle přelétnout. Tato kapitola ukazuje, jak s ní pracovat na webu a v…

Tvorba infografiky začíná osnovou, kontrolou dat, vizuální hierarchií a exportem pro web. Tato kapitola ukazuje, jak vytvořit infografiku a jak ji…

Designový systém shromažďuje komponenty, designové tokeny a pravidla pro tvorbu jednotných rozhraní. Tato kapitola ukazuje, jak s ním pracovat na webu…

Stylový průvodce značky popisuje používání loga, barvy, písma, obrazy a tón komunikace. Tato kapitola ukazuje, jak s ním pracovat na webu a v…

Zadání pro designéra vysvětluje cíle, publikum, výstupy, termíny a příklady, které se vám líbí nebo nelíbí. Tato kapitola ukazuje, jak zadat práci…

Typografie je umění a technika uspořádání písma tak, aby byl text čitelný a vizuálně příjemný. Tato kapitola ukazuje, jak s ní pracovat na webu a v…

Patková písma mají na koncích písmen malé příčky, bezpatková je nemají. Tato kapitola ukazuje, jak s volbou mezi nimi pracovat na webu a v materiálech…

Párování písem spojuje dvě nebo více rodin písma, které se liší, a přesto působí soudržně. Tato kapitola ukazuje, jak s ním pracovat na webu a v…

Webově bezpečná písma jsou písma, která se v různých prohlížečích a zařízeních s největší pravděpodobností zobrazí stejně. Tato kapitola ukazuje, jak…

Nejlepší písma pro běžný text na webu dávají přednost čitelnosti i v malých velikostech na obrazovce. Tato kapitola ukazuje, jak je vybrat a jak je…

Čitelnost písma závisí na velikosti, délce řádku, řádkování a kontrastu s pozadím. Tato kapitola ukazuje, jak s ní pracovat na webu a v materiálech…

Hierarchie písma využívá velikost, tloušťku a mezery, aby ukázala, který text je nejdůležitější. Tato kapitola ukazuje, jak s ní pracovat na webu a v…

Typografie na webu ovlivňuje důvěru, porozumění a čas strávený na stránce. Tato kapitola ukazuje, jak s ní pracovat na webu a v materiálech vaší…

Mezi druhy písem patří patková, bezpatková, slab, psací a dekorativní kategorie. Tato kapitola ukazuje, jak s nimi pracovat na webu a v materiálech…

Pravidla typografie stanovují omezení počtu písem, jednotnou hierarchii a dostatečné mezery. Tato kapitola ukazuje, jak s nimi pracovat na webu a v…

Google Fonts nabízí bezplatné rodiny písem optimalizované pro web, které můžete vložit do svého webu. Tato kapitola ukazuje, jak s nimi pracovat na…

Mezi chyby v typografii patří příliš mnoho písem, nízký kontrast a dlouhé odstavce zarovnané na střed. Tato kapitola ukazuje, jak se jim vyhnout na…

Vaše firemní písmo prozradí osobnost značky dřív, než návštěvníci přečtou celou větu. Tato kapitola ukazuje, jak s ním pracovat na webu a v…

UX design se zaměřuje na to, jak se lidé při používání produktu nebo webu cítí a jak jim to funguje. Tato kapitola ukazuje, jak s ním pracovat na webu…

UI design se týká vizuálních a interaktivních ploch, na které uživatelé ťukají a klikají. Tato kapitola ukazuje, jak s ním pracovat na webu a v…

UI vs UX porovnává vzhled rozhraní s celkovým zážitkem a tím, jak snadno lidé splní svůj úkol. Tato kapitola vysvětluje UI vs UX a jak ho využít na…

Testování použitelnosti sleduje skutečné lidi, jak se snaží splnit úkoly na vašem webu nebo prototypu. Tato kapitola vysvětluje testování…

Principy UI designu zahrnují jednotnost, zpětnou vazbu, viditelnost a předcházení chybám. Tato kapitola vysvětluje principy UI designu a jak je využít…

Design zaměřený na uživatele staví na výzkumu, zpětné vazbě a opakovaném testování se skutečnými uživateli. Tato kapitola vysvětluje design zaměřený…

UX design pro firmy spojuje plynulejší cestu zákazníka s vyšší konverzí a udržením zákazníků. Tato kapitola vysvětluje UX design pro firmy a jak ho…

Design mobilních aplikací klade důraz na dosah palce, jednoduchou navigaci a stavy bez připojení. Tato kapitola vysvětluje design mobilních aplikací a…

Uživatelskou zkušenost webu zlepšíte opravou navigace, rychlosti, čitelnosti a překážek ve formulářích. Tato kapitola vysvětluje, jak ji zlepšit a jak…

Použitelnost webu znamená, že návštěvníci najdou informace a splní úkoly bez potíží. Tato kapitola vysvětluje použitelnost webu a jak ji využít na…

Konzistence designu opakuje vzory tlačítek, mezer a tónu napříč stránkami. Tato kapitola vysvětluje konzistenci designu a jak ji využít na webu i v…

Testování designu webu spojuje analytiku, sezení s testováním použitelnosti a A/B porovnání. Tato kapitola vysvětluje testování designu webu a jak ho…

Webdesign je plánování a stylování toho, jak weby vypadají, čtou se a chovají pro návštěvníky. Tato kapitola vysvětluje, co je webdesign, a jak ho…

Web vhodný pro mobily je čitelný bez přibližování, klepání na drobné odkazy nebo vodorovného posouvání. Tato kapitola vysvětluje, jak web přizpůsobit…

Mobile first design začíná rozvržením pro chytrý telefon a teprve potom přidává funkce pro větší obrazovky. Tato kapitola vysvětluje mobile first…

Redesign webu obnovuje strukturu, vzhled, obsah a často i technologii za vaším webem. Tato kapitola vysvětluje redesign webu a jak ho využít na webu i…

Design záhlaví webu zahrnuje umístění loga, navigaci a klíčové akce viditelné nahoře. Tato kapitola vysvětluje záhlaví webu a jak ho využít na webu i…

Design zápatí webu opakuje kontaktní údaje, právní odkazy a vedlejší navigaci. Tato kapitola vysvětluje design zápatí webu a jak ho využít na webu i v…

Navigace webu by měla používat známé popisky a zvýraznit aktuální sekci návštěvníka. Tato kapitola vysvětluje navigaci webu a jak ji využít na webu i…

Design úvodní stránky by měl během pár vteřin říct, komu pomáháte, co nabízíte a jaký je další krok. Tato kapitola vysvětluje design úvodní stránky a…

Obsah nad ohybem je to, co je vidět před posunem stránky na dané velikosti obrazovky. Tato kapitola vysvětluje obsah nad ohybem a jak ho využít na…

Design landing page se soustředí na jedinou nabídku a minimum rušivé navigace. Tato kapitola vysvětluje, jak navrhnout landing page, a jak to využít…

Osvědčené postupy designu landing page zahrnují jasné nadpisy, přehledné odrážky a prvky důvěry. Tato kapitola vysvětluje, jak na to, a jak to využít…

Design tlačítek využívá velikost, barvu, popisek a umístění, aby lidi vybídl ke kliknutí. Tato kapitola vysvětluje design tlačítek a jak ho využít na…

Návrh webu pro malou firmu má dát přednost výkonu na telefonu, jasným službám a snadnému kontaktu. Tato kapitola vysvětluje návrh webu pro malou firmu…

Grafický design je řemeslo spojování textu, obrázků a rozvržení tak, aby vizuálně předaly sdělení. Tato kapitola vysvětluje, co je grafický design a…

Prvky designu jsou linie, tvar, barva, textura, prostor, forma a tónová hodnota. Tato kapitola vysvětluje prvky designu a jak je využít na webu i v…

Principy designu určují, jak spolu prvky souvisejí: přes rovnováhu, kontrast, důraz, pohyb, vzor, rytmus, jednotu a rozmanitost. Tato kapitola…

Principy vizuálního designu jsou praktická pravidla pro uspořádání písma, barev, obrázků a prostoru na obrazovkách i stránkách. Tato kapitola…

Prvky a principy designu jsou dvě strany jednoho systému: části a to, jak spolu části působí. Tato kapitola vysvětluje prvky a principy designu a jak…

Principy designu popisují, jak uspořádat vizuální prvky, aby výsledek působil záměrně. Tato kapitola vysvětluje, jaké jsou principy designu a jak je…

Vizuální design je uspořádání vizuálních prvků tak, aby informace byly jasné, přitažlivé a sloužily cíli. Tato kapitola vysvětluje, co je vizuální…

Proces designu vede od průzkumu a cílů přes náčrty a zpětnou vazbu až po závěrečné doladění. Tato kapitola vysvětluje proces designu a jak ho využít…

Wireframe je jednoduchá mapa rozvržení, která ukazuje bloky obsahu a navigaci bez konečného stylu. Tato kapitola vysvětluje, co je wireframe a jak ho…

Příklady dobrého designu webu mají jasnou navigaci, čitelné písmo, jednotnou značku a zřejmé další kroky. Tato kapitola vysvětluje příklady dobrého…

Špatný design webu se pozná podle změti prvků, drobného textu, pomalého načítání a zmatených menu. Tato kapitola vysvětluje špatný design webu a jak…

Cena návrhu webu se liší podle počtu stránek, vlastních funkcí, potřeby obsahu a podle toho, kdo práci dělá. Tato kapitola vysvětluje cenu návrhu webu…