Archiv pro měsíc: Únor 2016

Tapetu na web?

Máte webové stránky a přemýšlíte, zda by pro ně byla či nebyla vhodná tapeta? Ve skutečnosti to není jednoduchá odpověď. Musíme se podívat na několik faktorů.

Šablona

reference-19Nejdříve musí být vaše webová šablono upravená tak, aby tapetu mohla mít. Tapety tu nejsou od toho, aby propagovali web, ale aby stránky vypadali živě, dělali lepší grafický dojem a nevypadali tak nějak nudně.

To znamená, že tapeta nemusí být celá vidět. Většina obsahu tapety může být vkladu zakryta, a jak jsem psal v knize o webdesignu (Moderní Web). Může takto částečně skrytá šablona působit i záhadným dojmem a nutit uživatele web prozkoumat, nebo na něm podvědomě strávit více času.

K tapetám jsou vhodné i šablony, které mají pevný rozměr, jako vidíme na příkladu. Na druhou stranu je to tak trochu i škoda, protože třeba na tomto webu (http://mojesvitidla.cz), prakticky obrázek nikdy neuvidíte celý. Celý obrázek můžete zatím shlédnout zde (http://mojesvitidla.cz/img/bg-1.jpg). Tomuto webu to samozřejmě nevadí. Tapeta je zvolená tak, že jsou upřednostněny lampičky, obohacené o místnost a asi palmičky v květináčích na pozadí, které dodávají exotický nádech.

Animace

Pokud ovšem budeme chtít, návštěvníkům umožnit vidět tapetu celou, máme zde možnosti přidat decentní animaci (http://quadprofi.cz), která dá návštěvníkům pár vteřin čas si obrázek prohlédnout.

Nemusí se hned jednat právě o složitou úvodní animaci, ale třeba i o jednoduchou animaci zmizení a zobrazení.

Částečná průhlednost

5Další možností je vytvořit centrální element s částečnou průhledností.

Tuto možnost používám velice často. Jedná se o nejjednodušší metodu s pohledu kodéra, ale o trošku náročnější s pohledu grafika. Pokud totiž neodhadnete světelnost, či podsvícení, může se velice snadno stát, že text nebude čitelný anebo možná přesněji hůře čitelný. Což může vést k rychlé únavě očí.

Jestli se vám ovšem částečná průhlednost povede trefit, máte vyhráno. Výsledný efekt totiž může být pro oko velice příjemný. Příklad s obrázku je k vidění na webové šabloně (zde).

Zacílit na obsah

reference-3Pokud chcete zacílit na vlastní fotografie, či vlastní obsah. Tapeta nemusí být třeba. Většina majitelů webových stránek může tapetu odmítnout právě s tohoto důvodu.

Pokud máte opravdu krásné barevné produkty. Stačí tmavý černý web, kde právě vaše obrázky budou tím světlem v temnotě. Ne každý si toto může dovolit. Přeci jen nám tu vzniká obrovský volný prostor, který na někoho může působit negativně a pokud tento pocit nezachrání vaše nádherné produkty jako na tomto webu (http://stromovous.net), tak můžete mít problém.

Je třeba být trošku sebekritik. Každý podnikatel si myslí, že jeho produkty jsou ty nejlepší, ale pokud jste třeba začínající podnikatel, máte málo produktů a obrázky či produkty, nejsou na úrovni uměleckého díla, tak je třeba zvážit, zda není na místě obohatit obsah o malý grafický doplněk formou třeba tapety.

Dlouhé načítání

1Největší kámen úrazu je právě dlouhé načítání. Tapety jsou většinou velké a zabírají kvanta místa. Jejich načítání tak může trvat od několika sekund, do několika minut. Hlavně třeba u mobilních zařízeních či tabletů. Dále také na místech s velkým provozem a nízkým rozpočtem. Jako jsou třeba studovny apod.

Je tedy třeba se podívat na to, kdo je váš klient. Zda movitý bohatý podnikatel, běžný občan, či právě lidé na cestách a studenti v učebnách.

Z mojí zkušenosti, má dnes drtivá většina uživatelů dostatečně rychlí internet. Dokonce některé webové prohlížeče obrázek načtou jednou, uloží a nestahují jej při každém dalším načtení stránky. Což vede k tomu, že stačí, načíst obrázek jen jednou. Dále také existují i kodérksé a programátorské techniky, kde se upraví zdrojový kód tak, aby se nejprve načetl obsah s textem a až následně tapeta.

Pokud ovšem nechcete tapetu a víte, že pro vás není vhodná. Dá se využít barevný přechod anebo jiná šablona bez, kde tapeta není třeba. Příklad šablony s barevným přechodem (zde).

Bílé/žádné pozadí

1

Poslední otázkou je, zda vůbec nějaké pozadí řešit. Vždyť ani Google a další jej neřeší. Ono skutečně není třeba. Pozadí může být světle šedé či úplně bílé. Takovýto přístup znamená, že neřešíme grafiku a s tím spojené emoce. Ona grafika, barvy, prostředí a celkově obrázky vyvolávají nějaké emoce. Profesionální přístup a troufnu si napsat, přístup minulosti je být profesionál bez emocí. Výhodou je, že nikoho neurazíte, splníte svůj úkol, účel a na řadu přichází další zákazník.

Dá se napsat, že nemůžete mít veselý web a chtít bílé pozadí, nebo nechtít žádnou grafiku.  Pokud nemáte dostatečně veselé obrázky (produkty) a většinou ani to nestačí. Tzn., pokud chcete, aby k vám uživatelé něco cítili, je třeba investovat do grafiky a vzhledu.

Ukážeme si příklad. Podívejte se na tuto šablonu (zde) a následně překlikněte sem (zde). Ideálně, když se na příklady podíváte přes celou obrazovku.

1

I přesto, že je obsah, zaplněn a neměl by zde být prázdný prostor.  Ve chvíli, kdy přidáme tapetu, upravíme logo. Výsledek je úplně jiný, a pokud nemáte úplně kamenné srdce, možná, že byste měli i něco pocítit. Možná nebudete vědět co, ale minimálně určitý pocit klidu ano. Záleží osobnost od osobnosti.

Příroda by na každého člověka stále měla působit pocitem klidu. Květiny jsou určitě pěkné a možná i hezčí jak ptáci, ale když k ptáčkům přidáme, zajímavé pozdí. Měli by dorazit emoce a tedy i pocit klidu.

Obě šablony můžete nalézt na našem eshopu (http://moderniweb.com/eshop/11-šablony-prestashop).

obr-1
obr-2
obr-3
obr-4
obr-5
obr-6
obr-7