10 technik pro fantastickou zápatí
Silná zápatí může návštěvníkům zanechat trvalý pozitivní dojem.
Existuje spousta kreativních způsobů, jak posílit skvělý faktor vašich zápatí zaměřením na formu i funkci. Níže najdete 10 jednoduchých nápadů, které vás inspirují k velikosti zápatí.
Prozkoumejte prvky Envato
1: Vytvořte z něj primární navigační nástroj
Zní to šíleně, že? Proč by měl kdokoli ve své pravé mysli vzít primární navigaci, tradičně umístěnou v záhlaví, a umístit ji na konec stránky? Je to proti tolika pravidlům a může být naprostou katastrofou použitelnosti. Pokud je však navigace na zápatí provedena správně, může být snadno použitelná a osvěžitelně odlišná. Výše uvedený příklad používá velké stacionární zápatí, které leží na horní části rolovací stránky. Můžete dokonce vypnout navigační nabídku a zobrazit obsah stránky v plné slávě. To je vynikající implementace rizikového nápadu. Dva palce nahoru na Madfrog pro originalitu.
2: Tlačítko „Zpět na začátek“
Jedním z rysů, které v zápatí opravdu miluji, je tlačítko, které vás přenese zpět na začátek stránky. Na dlouhých stránkách jste do doby, kdy dosáhnete zápatí, provedli nějaké vážné posouvání a cesta zpět nahoru může být dlouhá. Tuto nepříjemnost můžete překonat jednoduchým tlačítkem JavaScriptu, které nastaví pozici rolování. Podívejte se na implementaci ve výše uvedených příkladech a také na zápatí Madfrog z předchozího tipu.
3: Dejte tomu kontrast
Pokud chcete silné zápatí, nenechte pochybovat o tom, kde to začíná. Použití jednoduché čáry nebo grafiky k odlišení hlavního obsahu od zápatí pomáhá, ale udělení zápatí drasticky tmavší (nebo světlejší) barvy pozadí jde ještě dále. Výše uvedený příklad skutečně používá obě techniky. Tmavé pozadí zápatí pěkně kontrastuje s pozadím bílé stránky a přidali krásně poutavou grafiku, která je navržena tak, aby nasměrovala vaši pozornost k kontaktnímu formuláři. Abychom si příklad ještě více prohlédli, umístění jednoduchého kontaktního formuláře do zápatí je další způsob, jak zvýšit jeho funkčnost.
4: Ilustrujte sakra z toho
Pokud jste talentovaný ilustrátor, zápatí může být skvělou příležitostí pro kreativní prvek, který vám umožní odtrhnout se od přísného, ale nezbytného nástroje výše uvedené stránky. Pokud zápatí bude poslední věcí, kterou uživatel na webu uvidí, můžete také vyrazit s ranou. Obě výše uvedené stránky implementovaly obrovské, směšně úžasné ilustrace, které slouží téměř bez účelu, jen aby vypadaly opravdu cool.
5: Zabalte jej do obsahu
Určitě existuje silný argument pro udržení jednoduchého obsahu zápatí a věřte mi, že to budu první. Ale je zde také spousta případů, kdy je vhodné do zápatí jen vtáhnout spoustu věcí (samozřejmě stylovým a uspořádaným způsobem). Tři výše uvedené weby se rozhodly právě to. Často existuje spousta obsahu, jako jsou odkazy na legální kopie a odkazy na archivy blogů, které chcete, aby uživatel viděl, aniž by zkomplikoval primární obsah vaší stránky. Nadměrné zápatí je vhodným a logickým místem pro umístění takového obsahu.
Z výše uvedených příkladů si všimněte, že je to také skvělé místo, kde můžete svým uživatelům poskytnout seznam bezplatných zdrojů. Bez ohledu na to, jaký web máte, poskytnutí seznamu bezplatných externích zdrojů je snadný způsob, jak přidat hodnotu vašemu webu v očích vašich návštěvníků.
6: Zalepte do toho hlavu
Nemůžete myslet na nic, co by vám dalo do zápatí? Vyzkoušejte svou tvář! Pokud vytváříte blog nebo portfolio, je vhodné zahrnout informace o vlastníkovi webu (ať už jste vy nebo váš klient). Napište si krátký, vtipný životopis, hodte jej vedle svého ošklivého hrnečku a najednou se váš web změní z chladného a profesionálního na zvoucí a osobní. Kontaktní informace jsou samozřejmě přirozeným doplňkem tohoto nastavení, pokud chcete přidat ještě více obsahu.
7: Udělejte z něj centrum sociálních médií
Stejně jako u předchozího tipu je zápatí přirozeným místem pro zahrnutí všech vašich různých odkazů a widgetů na sociální média (víte, že máte blbce na sociálních sítích). Toto je dost běžná praxe, že zápatí často první místo, kde hledám sociální vazby. Nezastavujte se ani na Facebooku, nezblázněte se a hodte do svého kanálu Twitter, proudu Flickr a dokonce i odkazu MySpace, pokud máte dost štěstí, že ho máte.
Jen nezapomeňte stylizovat každý mír tak, aby odpovídal vašemu tématu, a dát elementům zápatí soudržný vzhled místo toho, aby házel do hromady prefabrikovaných, neshodných widgetů. Výše uvedený příklad používá raketové lodě a styl CSS k tomu, aby je všechny spojily zábavným a jedinečným způsobem.
8: Aktualizujte ji denně
Další skvělou funkcí pro vaši zápatí je přijít s jedinečným nápadem pro krátkou denní funkci, která doplní váš web. Pokuste se vymyslet něco dostatečně užitečného, aby se uživatel mohl čas od času přihlásit, aby to viděl. Výše uvedený příklad je web designéra s bezplatným denním barevným schématem ke stažení v zápatí. To je praktické i relevantní pro publikum webu. Přemýšlejte o tom, kdo vaše stránky navštěvuje a o co by se mohli zajímat.
9: Throw In Infographic
Výše uvedený web byl jediným příkladem, na který jsem narazil a který používal v zápatí interaktivní infographic. V důsledku toho jsem trávil více času hraním s tímto zápatím, než jsem zíral na ostatní. Chcete-li získat cit pro to, co myslím infographic, podívejte se na tento příspěvek na více než 25 užitečných infografik pro webové designéry. Infografika je v podstatě způsob, jak přenášet nudné údaje vizuálně kreativním a zajímavým způsobem. Přemýšlejte o informacích v zápatí a o tom, jak je můžete prezentovat interaktivnějším a atraktivnějším způsobem.
10: Oživte to
Trocha animace vede dlouhou cestu k přidání vizuálního zájmu na vaši stránku. Zápatí ve výše uvedeném příkladu obsahuje animovaný hmyz tančící kolem plamene svíčky. Účinek je poutavý zápatí, které si nemůžete pomoci, ale zírat na několik sekund. Doporučuji udržovat vaše animace jednoduché. Cílem je, aby to bylo přitažlivé, aniž by to příliš odvrátilo váš primární obsah. Jiné nápady pro jemné animace by mohly zahrnovat pulzující barvy, plovoucí mraky a rolování zpravodajských zpráv.
Závěr
Tam to máte, dostatek kreativních návrhů zápatí, aby vás udrželi v chodu po celý rok. Pomocí níže uvedených komentářů nám dejte vědět, jaké příklady považujete za nejlepší, a nezapomeňte nám sdělit něco, co nám chybělo!
Příklady zápatí nalezené na Footer Fetish.
