Moodboard: co to je a jak si ho vytvořit

Moodboard je nástěnka poskládaná z obrázků, barev, ukázek písma a referencí, která ukazuje, jak má budoucí projekt vypadat a působit, ještě než ho někdo začne navrhovat. Používá se u webů, log, kampaní i interiérů. Já se s ním potkávám při tvorbě webů pro klienty: je to nejlevnější způsob, jak zjistit, že si každý představujeme něco jiného. Dál se dozvíte, co do moodboardu patří, jak si ho za večer sestavíte, které nástroje na to stačí zdarma — a taky kdy je to zbytečná práce navíc.

Co je moodboard (a co není)

Slovo pochází z angličtiny: mood znamená nálada, board nástěnka. Původně šlo o skutečnou korkovou tabuli, na kterou si návrháři špendlili výstřižky, vzorky látek a fotografie. Dnes moodboard vzniká většinou digitálně, ale princip zůstal: na jedné ploše se sejde všechno, co vystihuje zamýšlený směr. Barvy, písmo, fotky, výřezy webů, které se vám líbí.

Podstatnější je, co moodboard není. Není to návrh webu ani jeho zmenšenina. Neřeší, kde bude menu, kolik sekcí ponese úvodní stránka ani jak velké bude tlačítko. Říká jen: takhle to má působit. Na rozložení stránky slouží jiný nástroj, wireframe (drátěný model) — u webu jdou ty kroky typicky za sebou: moodboard, wireframe, grafický návrh.

Slova o vzhledu jsou děravá

Když se s klientem bavím o novém webu, padají slova jako „moderní", „čistý", „luxusní", „hravý". Znějí srozumitelně, jenže každý pod nimi vidí něco jiného. Pro jednoho je luxus černá se zlatem, pro druhého bílo, vzduch a světlé dřevo. Oba mají pravdu a slovy se to nepozná. Pozná se to až na obrázcích.

Přesně tohle moodboard dělá: převede zadání ze slov do obrazů dřív, než se do jedné z těch představ investují hodiny grafické práce. Nedorozumění, které by jinak vyplavalo při předávání hotového návrhu, se odhalí na deseti obrázcích. Škrtnout obrázek je zadarmo. Překreslit hotovou grafiku ne.

A ještě jednu službu odvede v průběhu projektu: schválený moodboard je reference, ke které se dá vracet. Když v půlce práce přijde „a nešlo by to udělat veselejší?", neřeší se to dohady, ale pohledem na nástěnku, na které jste se shodli.

Ať je ale jasno, co moodboard nepojistí: strukturu webu, texty ani to, jestli stránka prodává. Shoda na náladě není shoda na obsahu. Je to pojistka proti vzhledovým nedorozuměním, která se předělávají nejdráž, nic víc — a to bohatě stačí na to, aby stál za hodinu času.

Co do moodboardu patří (a co ne)

Dobrý moodboard má zhruba 15 až 20 prvků. Když jich je padesát, není to směr, je to skládka. Co na nástěnce nemá chybět:

• Reference: dva tři weby (nebo vizuály), jejichž atmosféra sedí. Nemusí být z vašeho oboru, jde o náladu.
• Barvy: tři až pět vzorků. Pokud máte logo, paleta se odvíjí od něj — logo je fakt, se kterým se pracuje, ne věc k přebarvení.
• Písmo: jedna dvě ukázky, vždycky jako celá věta, ne jen název fontu. „Řemeslo, které je vidět" napsané patkovým a bezpatkovým písmem jsou dva různé weby.
• Fotostyl: jaké fotky na webu budou. Reálný provoz, nebo ateliér? Světlé, nebo tmavé? Lidé, nebo detaily produktu?
• Pocitová slova: tři až pět přídavných jmen, která mají z výsledku čišet. Drží konzistenci při pozdějším rozhodování.
• Anti-příklady: jeden dva obrázky s poznámkou „takhle ne". Často řeknou víc než všechno ostatní dohromady.

Co na nástěnku nepatří: finální texty, přesné rozvržení stránek a cokoliv, co se tváří jako hotový design. Jakmile moodboard začne vypadat jako web, přeskočili jste krok a diskuse se povede o detailech místo o směru.

Jak si moodboard sestavit: postup na jeden večer

1. Napište si, co má web dělat a u koho. Komu má stránka vzbudit důvěru a k čemu ho přivést. Z toho vyplynou pocitová slova.
2. Sbírejte bez filtru. Weby, které se vám líbí, konkurence, Pinterest, fotobanky. V téhle fázi se neškrtá, jen ukládá.
3. Škrtejte na 15 až 20 prvků. Hledejte, co mají zbylé kusy společného: opakující se barvy, podobný fotostyl, podobnou hustotu. Když si prvky protiřečí, vraťte se k bodu 1.
4. Poskládejte nástěnku. Jeden dominantní vizuál, vedle něj barvy, písmo, fotky a pocitová slova. Nechte tomu vzduch.
5. Ukažte ji druhé straně. Grafikovi, klientovi, kolegům. A ptejte se konkrétně: co z toho nesedí? Co chybí? Upravujte, dokud se neshodnete.

Nástroje: na moodboard nepotřebujete nic platit

Všechny nástroje, které dává smysl jmenovat, mají použitelnou verzi zdarma (stav ověřený v červenci 2026):

• Pinterest je nejrychlejší sběrna inspirace: tlačítko do prohlížeče, tajné nástěnky, snadné sdílení. Slabší je při skládání výsledné kompozice, nad rozložením nástěnky velkou kontrolu nemáte.
• Milanote je na moodboardy přímo stavěný, včetně hotových šablon. Zdarma máte 100 karet (poznámek, obrázků, odkazů) a 10 nahraných souborů, což na jeden projekt v pohodě stačí.
• FigJam je online tabule od Figmy, součást všech jejích tarifů včetně bezplatného Starteru. Dobrá volba, když na nástěnce pracuje víc lidí najednou nebo když návrh webu stejně vznikne ve Figmě.
• Canva má šablony moodboardů, funguje česky a bezplatná verze na tenhle účel stačí.
• Miro je týmová tabule podobná FigJamu; zdarma udržíte tři editovatelné nástěnky.

A teď to podstatné: nástroj je na celé věci to nejméně důležité. Moodboard splní službu i jako jeden slide v prezentaci nebo korková nástěnka na zdi. Rozhoduje výběr obrázků, ne aplikace.

Kdy moodboard neřešit

Abych ho jen nechválila, tady jsou situace, kdy bych čas na moodboard nedávala:

• Web na hotové šabloně. Výběr šablony je sám o sobě rozhodnutí o vzhledu; moodboard by ho jen opisoval. Energii dejte do výběru šablony a vlastních fotek.
• Firma s hotovým brand manuálem. Barvy a písma jsou dané, není se na čem shodovat. Řeší se maximálně fotostyl.
• Jednostránková vizitka. U mikroprojektu je schvalovací kolečko kolem nástěnky delší než samotná grafika. Stačí si říct dva referenční weby.

U všeho většího ho ale chci vidět, nebo si ho s klientem rovnou vyrobím. Za čtrnáct let jsem předělávání „hotových" návrhů zažila dost na to, abych věděla, že hodina s nástěnkou je proti tomu výborná cena.

Časté otázky

Jak dlouho trvá moodboard vytvořit?

U webu počítejte s půl hodinou až dvěma hodinami včetně sběru inspirace. U kompletní vizuální identity klidně víc. Hranici poznáte snadno: když nad nástěnkou sedíte třetí večer a posouváte obrázky o milimetry, už neděláte moodboard, ale design.

Čím se liší moodboard od wireframu?

Moodboard určuje náladu: barvy, písmo, styl fotek. Wireframe (drátěný model) určuje rozložení: co kde na stránce bude, v jakém pořadí a co má návštěvník udělat. Jsou to dva různé kroky a jeden druhý nenahradí — hezky naladěná stránka se špatným rozložením neprodává.

Můžu do moodboardu dát cizí obrázky?

Do moodboardu ano, slouží jako interní reference a nikde se nepublikuje. Do finálního webu už ale cizí vizuály bez licence nepatří: tam potřebujete vlastní fotky, nebo materiály, ke kterým máte práva. Moodboard určuje, jak mají vypadat, ne odkud se vezmou.

„Takhle jsem si to nepředstavoval"

Věta, kterou při předávání webu nechce slyšet ani klient, ani ten, kdo web stavěl. Skoro vždycky za ní stojí zadání, které zůstalo jen ve slovech. Moodboard je nejjednodušší pojistka, jaká proti tomu existuje: hodina práce s obrázky místo dnů práce s hotovou grafikou.

Když stavím web já, na vizuálním směru se s klientem shodneme před prvním návrhem — jak celá zakázka probíhá, popisuju na stránce o tvorbě webu. A pokud už web stojí a trápí vás víc než vzhled to, že se z něj nikdo neozývá, udělám vám zdarma audit. Ten už není o náladě, ale o číslech: co návštěvníky přivádí, co je odrazuje a proč nepíšou.

Chci audit webu zdarma

Zdroje k faktům v článku:

• Milanote: tarif zdarma (100 karet, 10 souborů), ověřeno 15. 7. 2026: milanote.com/plans
• FigJam součástí všech tarifů Figmy, bezplatný plán Starter, ověřeno 15. 7. 2026: figma.com/pricing
• Miro: bezplatný plán se 3 editovatelnými nástěnkami, ověřeno 15. 7. 2026: miro.com/pricing

Související články

• Zlatý řez: definice, výpočet a co je jen legenda
• Landing page: jak postavit stránku, která prodává
• Infografika: jak ji vytvořit a k čemu je dobrá
• Optimalizace obrázků pro SEO: kompletní průvodce