Tabulka – Visualbook

Tabulka

Na této stránce

Tabulka – co tato sekce umí

Sekce Tabulka drží strukturovaná data v přehledné mřížce – od klasického záhlaví přes dvousloupcové parametry až po širší přehledy s horizontálním posuvem na mobilu. Vybrané řádky můžete zvýraznit info boxem (poznámka, tip, upozornění), takže důležitá pravidla nezmizí v hustém textu.

Tip

Tato stránka prezentuje všechny možnosti modulu Tabulka – vizuální styly, doplňkové prvky pod tabulkou i různé datové varianty.

Vizuální styly tabulek

  • Výchozí styl – minimalistický vzhled bez linek mezi řádky
  • Vodorovné linky – horizontální oddělení řádků pro lepší čitelnost
  • Svislé linky – vertikální oddělení sloupců
  • Mřížka – kompletní ohraničení buněk pro maximální přehlednost

Doplňkové prvky pod tabulkou

  • Tlačítka – odkazy na externí zdroje, obsahové stránky nebo soubory ke stažení
  • Rozbalovací obsah (akordeon) – skrytý detailní obsah, který uživatel rozbalí kliknutím
  • Text pod tabulkou – doplňující poznámka nebo vysvětlení

Datové varianty

  • Základní tabulka se záhlavím – sloupce ze záhlaví a řádky záznamů
  • Dvousloupec: parametr a hodnota – kompaktní dvojice „vlastnost → hodnota"
  • Široká tabulka – více dimenzí, horizontální posuv na mobilu
  • Dlouhý text v buňkách – delší souvětí v buňkách tabulky

Styl: Výchozí (bez linek)

Minimalistický vzhled bez viditelných linek mezi řádky. Vhodný pro jednoduché seznamy nebo když chcete čistý design bez vizuálního šumu.

Formát Rozměr Použití
Vizitka 90 × 50 mm Standardní česká vizitka
Dopisní papír A4 210 × 297 mm Obchodní korespondence
Obálka DL 220 × 110 mm Pro složený A4 dopis

Styl: Vodorovné linky

Horizontální linky mezi řádky usnadňují sledování dat ve víceřádkových tabulkách. Ideální pro přehledy s mnoha záznamy.

Kanál Primární formát Sekundární formát
Web WebP PNG
E-mail JPG PNG
Tisk PDF/X-4 TIFF
Sociální sítě MP4 JPG

Styl: Svislé linky

Vertikální linky mezi sloupci vizuálně oddělují jednotlivé kategorie dat. Vhodné pro tabulky s jasně odlišnými datovými typy v každém sloupci.

Zařízení Minimální rozlišení Doporučené rozlišení
Desktop 1280 × 720 px 1920 × 1080 px
Tablet 768 × 1024 px 1024 × 1366 px
Mobil 375 × 667 px 428 × 926 px

Formáty papíru

Více informací

Skupina stránek se všemi sekcemi

Více informací

Styl: Mřížka

Kompletní ohraničení všech buněk vytváří klasickou tabulkovou mřížku. Maximální přehlednost pro technická data nebo složitější struktury.

Typ souboru Barevný prostor Rozlišení Komprese
Logo web sRGB 72 dpi Bezztrátová
Logo tisk CMYK 300 dpi Žádná
Fotografie web sRGB 72 dpi Ztrátová (80%)
Fotografie tisk CMYK 300 dpi Žádná

Tabulka s tlačítky pod tabulkou

Pod tabulku můžete přidat tlačítka pro rychlý přístup k externím odkazům, obsahovým stránkám nebo souborům ke stažení.

Tip

Tlačítka můžete chránit heslem nebo omezit přístup na určité e‑mailové domény.

Typ podkladu Formát ke stažení Poznámka
Logo horizontální SVG, PNG Vektorový formát preferovaný
Logo vertikální SVG, PNG Pro úzké formáty
Ikonový set SVG balíček Optimalizováno pro web

Stáhnout logo balíček

Otevřít

Otevřít Brand portál

Otevřít

Tabulka s rozbalovacím obsahem

Rozbalovací obsah (akordeon) umožňuje skrýt detailnější informace, které uživatel zobrazí kliknutím. Ideální pro často kladené dotazy nebo podrobnější vysvětlení.

Zkratka Význam Příklad použití
PMS Pantone Matching System Přímé barvy pro tisk
CMYK Cyan, Magenta, Yellow, Key Čtyřbarevný tisk
HEX Hexadecimální kód Barvy pro web
RGB Red, Green, Blue Digitální zobrazení

Přímá barva je speciální barva namíchaná z jednoho pigmentu, na rozdíl od procesních barev (CMYK), které vznikají kombinací čtyř základních barev. Přímé barvy zajišťují konzistentní reprodukci barvy bez ohledu na tiskařské zařízení. V Pantone systému má každá barva unikátní číslo (např. PMS 185 C).

RGB používejte pro všechny digitální výstupy – web, e‑mail, sociální sítě, prezentace na obrazovce. CMYK je určen výhradně pro tisk – letáky, vizitky, plakáty, katalogy. Při konverzi z RGB do CMYK může dojít k posunu barev, proto vždy používejte správný barevný profil od začátku projektu.

Požádejte tiskárnu o nátisk (proof) na skutečném materiálu. U přímých barev použijte aktuální vzorník Pantone (vzorníky stárnou a barvy vyblednou). Pro digitální náhled kalibrujte monitor podle ICC profilu.

Tabulka s textem pod tabulkou

Text pod tabulkou slouží k doplnění kontextu, vysvětlení zkratek nebo odkazu na další zdroje informací.

Výstup Min. rozlišení Max. velikost souboru
Profilová fotka 400 × 400 px 500 KB
Příspěvek feed 1080 × 1080 px 2 MB
Stories / Reels 1080 × 1920 px 4 MB
Cover fotka 1640 × 624 px 1 MB

Hodnoty v tabulce platí pro rok 2024. Sociální sítě průběžně mění své specifikace – aktuální hodnoty ověřte v oficiální dokumentaci platformy. Pro video obsah platí dodatečná omezení délky a framerate.

Kombinace všech doplňkových prvků

Tato sekce demonstruje kombinaci všech dostupných prvků – tlačítek, rozbalovacího obsahu i textu pod tabulkou v jednom modulu.

Upozornění

Při použití více doplňkových prvků dbejte na přehlednost. Ne vždy je nutné využít všechny možnosti najednou.

Dokument Účel Aktualizace
Brand Book Kompletní manuál značky Ročně
Quick Start Guide Zkrácený návod pro partnery Dle potřeby
Asset Library Repozitář všech podkladů Průběžně

Stáhnout Brand Book

Otevřít

Otevřít Asset Library

Otevřít

Brand Book je určen pro interní týmy a certifikované partnery. Externí dodavatelé dostávají Quick Start Guide. Pro přístup ke kompletní verzi kontaktujte brand manažera.

Brand Book prochází revizí jednou ročně. Asset Library se aktualizuje průběžně – nové podklady přidáváme do 48 hodin od schválení. Verze souborů jsou označeny datem v názvu.

Všechny dokumenty jsou dostupné ve formátech PDF a interaktivní webová verze. Pro tisk používejte výhradně PDF verze s ořezovými značkami.

Datová varianta: Dvousloupec (parametr a hodnota)

Dva sloupce dobře fungují jako „název vlastnosti → konkrétní hodnota". Často je použijete u technických specifikací, kontaktů nebo shrnutí stylu.

Parametr Hodnota
Primární typografie Viz sekce Fonty v tomto manuálu
Barevný prostor webu sRGB
Barevný prostor tisku Podle profilu výrobce (ICC)
Kontakt pro dotazy brand@firma.cz

Datová varianta: Široká tabulka (více sloupců)

Sekce podporuje libovolný počet sloupců – čím jich je víc, tím užší jsou buňky na mobilu (šířka se řeší horizontálním posuvem). Ukázka níže simuluje přehled výstupů napříč médii.

Tip

Široké tabulky se na mobilu automaticky posouvají horizontálně.

Výstup Rozlišení / velikost Poměr Formát souboru Max. délka / hmotnost
Hlavní banner web 1920 × 600 px 16:5 WebP / JPG do 250 kB
Příspěvek Instagram 1080 × 1080 px 1:1 JPG / MP4 video do 60 s
Cover LinkedIn 1584 × 396 px 4:1 JPG / PNG statický obrázek
Roll-up tisk 850 × 2000 mm — PDF/X nebo PDF fonty osazeny (vektor)

Datová varianta: Dlouhý text v buňkách

Buňky tabulky zvládnou i souvětí nebo krátké odstavce. Použijte to, když nechcete rozpadat související informace do několika sekcí, ale stále chcete zachovat sloupcovou strukturu.

Téma Popis pro tým
Tón komunikace Držíme se přímého, klidného vyjadřování. Vyhýbáme se žargonu, pokud adresátem není odborník. V kampaních můžeme přidat lehký humor, ale nikdy na úkor srozumitelnosti.
Ilustrace Preferujeme jednoduché tvary a omezenou paletu odvozenou od primárních barev značky. Složité photorealistické montáže používáme jen u produktových šarží schválených marketingem.