Moodboard: jak domluvit vzhled webu dřív, než se kreslí
Moodboard je tabule s ukázkami barev, písem, fotek a webů, která ukazuje, jakou náladu má web mít. Nahrazuje slova jako „moderní“ nebo „čistý“, pod kterými si každý představí něco jiného. Sestavit ho zvládnete i bez grafika – a ušetří vám to kola připomínek nad hotovým návrhem.
Aktualizováno
Proč popis nestačí
„Chceme to elegantní, ale ne studené, a hlavně ne jako všichni ostatní.“ Takové zadání dostane většina grafiků. Je upřímné, jenže se podle něj nedá nic nakreslit – elegance je pro jednoho černá a zlatá, pro druhého béžová a hodně bílého místa. Obrázky tu nejistotu odstraní za pár minut.
Moodboard přichází na řadu v podobné fázi jako wireframe, jen řeší druhou polovinu otázky. Wireframe říká, co na stránce bude. Moodboard říká, jak to má působit.
Co na moodboard patří
| Prvek | Co tam dát | Co z toho grafik pozná |
|---|---|---|
| Barvy | Vzorky, ideálně s kódy, nebo fotky věcí v těch barvách | Teplá nebo studená paleta, kontrast, kolik barev |
| Písma | Ukázky nadpisů, cedulí, obalů, které se vám líbí | Patkové, nebo bezpatkové, tradiční, nebo hravé |
| Fotky | Styl světla, záběry lidí, detailů, prostředí | Jaké fotky nafotit nebo vybrat a jak je upravit |
| Ukázky webů | Dva až pět webů, i z jiných oborů | Hustotu obsahu, práci s prázdným místem, tvar prvků |
| Materiály a detaily | Textury, vaše provozovna, výloha, obaly | Na co navázat, aby web seděl k realitě firmy |
| Co nechcete | Pár ukázek, které jsou vám nepříjemné | Hranice, za které nejít |
Poslední řádek se nejčastěji vynechává, a přitom je nejužitečnější. Jeden obrázek označený „takhle ne“ ušetří víc diskusí než deset oblíbených.
Jak ho sestavit bez grafika
- Sbírejte týden. Ukládejte si snímky obrazovky webů, fotky obalů, interiérů, plakátů – cokoli, co vás zaujme.
- Přidejte svoje věci. Logo, fotky provozovny, tiskoviny. Web musí ladit s tím, co zákazník uvidí i naživo.
- Vyřaďte polovinu. Nechte jen ukázky, které spolu drží pohromadě. Když se tabule rozpadá na dva styly, rozdělte ji.
- Ke každé ukázce připište jednu větu – co přesně se vám líbí. Bez toho grafik hádá, jestli jde o barvu, fotku, nebo rozložení.
- Dejte to na jedno místo: sdílená nástěnka, jedna stránka PDF nebo složka. Hlavně ne dvacet obrázků rozesetých v chatu.
Od nálady k pravidlům
Moodboard sám o sobě není hotový vzhled. Grafik z něj vybere konkrétní věci: dvě tři barvy s přesnými kódy, jedno nebo dvě písma, styl fotek a tvar tlačítek. Barvy pak musí projít kontrolou kontrastu, aby se text dal číst – postup popisuje průvodce barvy a písma webu.
Když se z těch rozhodnutí stane trvalý dokument pro web, tiskoviny i reklamu, vzniká brand manuál. Malé firmě často stačí, když se pravidla zapíšou jen pro web a postupně se k nim přidá zbytek.
Na co si dát pozor
- Inspirace není šablona ke kopírování. Cizí web na moodboardu ukazuje princip, ne vzor k obkreslení.
- Fotky z moodboardu nejsou podklad pro web. Práva k nim nemáte; co s obrázky z internetu smíte, rozebírá článek fotky z internetu.
- Nálada musí sedět zákazníkům, ne jen vám. Luxusní černá může odradit lidi, kteří hledají dostupnou službu.
- Počítejte s mobilem. Velkoformátová fotka, která na tabuli vypadá skvěle, se na telefonu ořízne na úzký pruh.
Vzhled webu u nás
Vzhled navržený přímo pro vás dostanete u Firemního webu za 20 000 Kč a stejně tak u rozsáhlejšího Webu na míru za 35 000 Kč. Moodboard nepotřebujete mít – stačí pár odkazů a fotek, co se vám líbí. Pokud ho ale přinesete, je to pro návrh ten nejlepší start.
Časté otázky
Kolik obrázků má moodboard mít?
Méně, než by se zdálo. Deset až dvacet pečlivě vybraných ukázek řekne víc než stovka uložených obrázků, ve kterých se ztratí, co mají společného. Když se nemůžete rozhodnout, udělejte dvě menší tabule s odlišnou náladou.
Smím obrázky z moodboardu pak použít na webu?
Ne automaticky. Moodboard slouží jako inspirace pro interní domluvu, ale na web smíte dát jen fotky, ke kterým máte licenci nebo které jsou vaše. Obrázek z cizího webu nebo sociální sítě na moodboardu ukazuje styl, ne hotový podklad.
Je moodboard totéž co brand manuál?
Není. Moodboard je pracovní pomůcka na začátku – ukazuje směr a náladu. Brand manuál je výsledek, který přesně popisuje logo, barvy a písma. Z dobrého moodboardu se pravidla značky odvozují snáz.
Co když se mi líbí úplně odlišné styly?
To je normální a moodboard to právě odhalí. Pomůže ke každé ukázce napsat, co přesně se vám na ní líbí – často se ukáže, že u minimalistického webu oceňujete vzdušnost a u barevného fotky. Ty dvě věci se dají spojit.