Archiv autora: Jiří Lex

Ceny a ceník webových stránek

Ceny, popřípadě i ceník webových stránek tu a tam nějaký webdesigner, či specializovaná firma zveřejní, či veřejný již má. Nic méně se nám občas může stát, že konečná cena práce je ve výsledku úplně jiná a v mnoha případech neskutečně vyšší.

Obrovský problém nastává, pokud si připadáme ukřivděni, či hůře okradeni. Kde je ovšem problém? Opravdu jsou všichni ajťáci podvodníci? Rovnou si odpovíme, že ne. Dokonce podvodníčků je menšina, tedy doufám. :)

Na webdesignery se jen musíme dívat jako na běžné řemeslníky a to i přesto, že toto přirovnání nemáme rádi. Jde o to, že jednou pracujeme od hodiny, podruhé musíme nakoupit nějaký software, potřetí si někoho přizvat a nakonec se i samotná práce může natáhnout, kvůli neočekávaným problémům.

Web na míru či modernizace starého

obal-A4Tuto službu si objednávají většinou firmy. Tj. pozvou si webdesignéra, či obchodního zástupce firmy a domluví se na zakázce.

Tohle je nejčastěji objednávaná služba. Minimálně u nás. Zde se pak už jen domlouvá na tom, zda jde o modernizaci, či úplně novou tvorbu.

Ceny můžou lítat opravdu hodně. Od pár tisíc po několik stovek tisíc.

Jednotlivých prvků a druhů webů je také hodně. Pomoci vám v tom může tato elektronická kniha (Potřebuji Moderní Web). Kterou jsem sepsal právě kvůli tomu, abyste zhruba věděli, co potřebujete s webem udělat a i co očekávat při těchto konzultací. Knížka není dlouhá, má jen kolem 100 stran. Je psána tak, aby nezdržovala zbytečným výkladem a šla rovnou k věci.

Následují naše ceny.

Konzultace

První konzultace, první hodina: zdarma
Každá další konzultace, či hodina: 200,-/h
Cestovní náklady: 10,-/km

Po konzultacích většinou následují další práce. Často jsou třeba nějaké podklady a to kolikrát dříve, než se začne pracovat na webu. Nejdůležitější jsou texty. Pokud si je klient nedodá sám, je třeba je vytvořit.

Tvorba textu

Texty (dle rozsahu): 200,- až 1200,-/článek
Korektura textu: 100,-/normostrana
Krátké texty, třeba pro eshopy: 90,- až 200,-/h

Velice oblíbené jsou u nás fotografie. I přesto, že fotografovat umí dnes každý, kdo má mobilní telefon, kvalita často zaostává. Na web jsou třeba fotografie upravené a kolikrát ve vysokém rozlišené. Fotky by měli být vždy aktuální.

Fotografování

Fotografie: 100,-/ks
Vysoce kvalitní fotografie: 500,-/ks
Čas a práce fotografa: 200,-/h
Ateliér: 300,-/h
Fotografie z fotobank: dle ceny fotobank
Úprava, hledání a zpracování fotografií: 200,-/h

Teprve po vypracování podkladů přichází na řadu další práce.

Grafické práce

První grafický návrh: zdarma
Každý další grafický návrh: 1200,-
Základní grafické práce na webu: od 1200,-
Rozsáhlá tvorba ikon: od 1200,-
Pokročilé grafické práce: od 3600,-
Práce na hodinu: 300,-/h
Vyžadován Photoshop: dle ceny předplatného na 1 měsíc
Vyžadován Corel: dle ceny předplatného na 1 měsíc

Po schválení základního návrhu často následuje další práce. Ne všechny řádky jsou nutné. Zda jsou nutné, či nikoli se domluví právě při konzultacích.

Tvorba webu

Základní cena: 1200,-
Responzivní design: od 1200,-
Efekty a animace: od 1200,-
Slider: od 1200,-
Fotogalerie: od 1200,-
Vkládání pokročilé grafiky: od 1200,-
Úprava a vkládání podkladů: 200,-/h
Dodatečné práce na webu: 200,-/h
Formuláře a programování: 700,-/h
Zprostředkování programátorských služeb: +20% z práce programátora

Jiná otázka je zda se cítíte na práci s vlastním administračním systémem. Tj. zda chcete, či nikoli mít možnost pracovat s texty a měnit, přidávat, ubírat obsah na webu. My používáme WordPress.

Administrační systém

Instalace nastavení: 1200,-

Protože je WordPress zdarma, další práce vychází většinou z úprav grafiky dle cen v předchozí tabulce.

Propagace

Zde by práce neměla končit. Pokračovat se musí v propagaci. Viz:
moderniweb.com/optimalizace-pro-vyhledávače

Webhosting

Web také musí být někde umístěn:
moderniweb.com/webhosting

Eshopy

Nezapomenout, že web není eshop, eshop je úplně jiná problematika:
moderniweb.com/tvorba-internetového-obchodu

Školení

Nakonec se občas musíme i naučit s tím vším pracovat:
moderniweb.com/školení-internetového-marketingu

Tvorba a prodej šablon

eshopWebdesignéři si dost často vytváří tzv. webové šablony.

Tyto šablony mají různou podobu i ceny a třeba jako v našem případě je prodej rozšířen o efekty, tlačítka apod.

Tyto prodeje jsou bohužel, jak napovídá text u většiny šablon v detailním náhledu určeny pro ty, kteří se aspoň trochu vyznají v tvorbě www stránek. Dá se tedy říci, že si můžou webdesignéři nakupovat od sebe navzájem, ale bojím se, že dnes to je již skoro nepředstavitelné. Pokud jste aspoň trochu zběhlí v oboru, šablonu si sestavíte sám během pár hodin sami.

Daleko užitečnější jsou šablony s vlastní administrací a tedy ty, které nemusíte dodatečně upravovat (pro běžný web, nebo pro eshop). Ty jsou daleko častější a používanější. Nic méně i u nich můžete narazit na problém, kdy vám bude něco vadit, překáže a celkově to nebude úplně přesné tak jak potřebujete.

Někdy se s tím pak smíříte, ale jindy je lepší zavolat odbornou pomoc. Už jen proto, že ani nemusíte vědět, že děláte něco špatně a léta tak provozovat web, který nemá žádný efekt, nebo na něj skoro nikdo nechodí. V horším případě tam chodí jen spamovací roboti a vy si zatím roky myslíte, že to jsou skuteční lidí.

Ceny webových šablon: 0 až 3600,-

Cena šablony může být i daleko větší. U nás jsou drahé šablony většinou ty, které mají opravdu hodně animací a celkově efektů. Jejich vývoj opravdu zabral i týden.

Pro představu. Stránky moderniwe.com, zabrali skoro dva měsíce téměř nepřetržité práce. Více na: moderniweb.com/blog/novy-design-moderniho-webu

Pokud vás článek zaujal a máte zájem o více informací, naleznete je v již zmíněné knížce: kknihy.cz/produkt/potrebuji-moderni-web

Potřebuji Moderní Web

obal-A4První knížka od Moderního Webu v novém roce 2017 a strochou štěstí věříme, že nebude poslední.

Kniha v prodeji na kknihy.cz

Knížka pokládá mnoho otázek kolem tvorby webových stránek a zároveň se na ně snaží i odpovědět. V knize najdete spoustu rad a nápadů okolo internetu a převážně okolo tvorby webových stránek nejen pro webdesignéry, ale hlavně pro ty z vás, kteří nejsou v oboru tvorby www stránek zběhlí.

Podrobně se podíváme na základní prvky webových stránek, tak aby jim rozuměl i úplný začátečník. Díky tomu je kniha vhodná hlavně pro starší generace, které nemají s internetem mnoho zkušeností. Někteří z vás zde najdou i inspiraci na novou tvorbu, podnět k rozvoji vašeho podnikání nebo rovnou i nové nápady.

Tato kniha oproti těm předchozím od Moderního Webu neobsahuje žádné zdrojové kódy.

Knihu můžete sdítel na facebooku

K prodeji také na:

O2: www.o2active.cz

Vodafone.cz: galerie.vodafone.cz

Google play: play.google.com

eReading.cz: www.ereading.cz

Palm knihy: www.palmknihy.cz

Databáze knih: www.databazeknih.cz

Kosmas: www.kosmas.cz

ebux.cz: www.ebux.cz

databook.cz: www.databook.cz

digiport.cz: digiport.cz

Extra Reader: extrareader.cz

arara.cz: ebooks.arara.cz

Bauer Media: wooky.jenprocasopisy.cz

 

Připravuje se 4. kniha

4-knihaLetos Moderní Web vydal celkem tři knihy. Knihu Moderní Web, která vyšla začátkem roku. Kniha pojednává o nových technikách jazyka CSS3 a na to navazující praktické využití při tvorbě www stránek.

Krátce po ní následovala mírně nadčasová kniha Moderní Web ve 3D obsahující ukázky speciálních 3D šablon, či 3D efektů, které v krátké době budeme moci využívat i v praxi.

Aby náš web šel příkladem, byl autor nucen obratem po vydání druhé knihy, zapracovat na domovských stránkách a vytvořil tak nový design s plně funkčním 3D režimem, vhodný hlavně pro stolní počítače anebo obrazovky s Full HD rozlišením.

Nikdy by se však nemělo zapomínat na nováčky a studenty v oboru. Jednou bude třeba předat štafetu dál a proto i my, tedy asi hlavně autor, ale i ostatní, kteří se podíleli na vydání knih, dali dohromady knihu třetí. Knihu Začínáme s Moderním Webem.

Název knihy a stejně jak její titulní strana má záměrně dvojsmysl a všímavější jedinci si můžou, všimnou i více významů. Jedná se tedy hlavně o pobavení vlastní mysli, při uvažování nad pravým významem, ale jinak zde žádné tajné zásadní sdělení není… Možná :)

No a jak se píše v úvodu článku, tak pro vás připravujeme knihu čtvrtou. Kniha se bude jmenovat Potřebuji Moderní Web a znova zde budeme mít několik významů. Kdo, nebo co potřebuje Moderní Web a jaký, či čí Moderní Web? Že by autor začal být na stará kolena sobec? Snad uvidíme koncem ledna, kdy by měla kniha vyjít.

Začínáme s Moderním Webem

Začínáme s Moderním WebemPrávě se díváte na možná první knihu v historii, která propojí zdánlivě dva nepropojitelné světy.

Knihu si můžete zakoupit u nakladatele: www.kknihy.cz

Kniha propojuje svět tvorby www stránek, kde si projdete krok za krokem postup při tvorbě webové šablony. Zároveň bude výklad rozšířen o příběh ze světa fantasy, který se bude odehrávat na pozadí výuky, díky čemuž bude samotné učení o něco zábavnější.

Po přečtení knihy budete mít v ruce kompletní plně responzivní webovou stránku včetně fotogalerie napsanou jen za pomoci jazyků HTML a CSS.

Kniha je určena převážně pro začínající webdesignéry, dále studenty a jejich učitele. Inspiraci zde může najít každý, koho zajímá tvorba webových stránek a alternativní metody výuky, či práce na webovém projektu.

Knihu můžete sdítel na facebooku

K prodeji také na:

Alza: www.alza.cz

Google Play: play.google.com

eReading.cz: www.ereading.cz

Palm knihy: www.palmknihy.cz

Ráj knih: rajknih.cz

eBUX.cz: www.ebux.cz

arara.cz: ebooks.arara.cz

ExtraReader: extrareader.cz

Databáze knih: www.databazeknih.cz

Třetí kniha je na cestě

V letošním roce 2016zsmw tu máme na cestě již třetí knihu od Moderního Webu. Tato kniha některé z nás vrátí zpátky do doby, kdy jsme začali vytvářet své první webové stránky a možná ještě dál.

Knížka se podívá na tvorbu www stránek úplně z jiného pohledu a propojí dva zdánlivě nepropojitelné světy.

Kniha bude určena pro každého, kdo nepatří k profesionálům. Hlavně bude určena pro začínající webdesignéry.

Krok za krokem si ukážeme jak se taková webová stránka vytváří, včetně úpravy webu pro mobilní zařízení a navíc jak již bylo napsáno, bude vše rozšířeno o úplně nový rozměr, či pohled na výuku jako takovou.

Kniha by měla vyjít 1.9.2016 a bude se jmenovat Začínáme s Moderním Webem.

 

Nový design Moderního Webu

3Už to byl týden, co se aktualizovali webové stránky Moderního webu. Tlak na autora byl už příliš velký a bylo tak nutné provést aktualizaci.

Určitě šlo o předčasný krok, ale nakonec musím uznat, že i nutný. Starý design byl, či ještě je jednoduchý a dobře zpracovatelný. Hlavně díky tomu, že používal jen minimum grafiky.

Rychlost

Současný nový design je na tom jinak. Používá už i videotapety, daleko, daleko více animací a obrázků. Což automaticky vede k pomalejšímu načítání.

Nemálo tomu přispívá i délka zdrojového kódu:

  • 9731 řádků stylů (356kb)
  • 11416 řádků javascriptu (616kb)
  • Velikost html souborů 4,8M což jsou desetitisíce řádků zdrojového kódu.

Celkem, včetně obrázků web zabírá kolem 70M. Což není zas tak unikátní, kdyby nebyl psaný ručně. Počet řádků, tak odpovídá větší knize.

Takže ano. Web se bude načítat o něco déle u pomalejších připojeních, to se projeví hlavně u mobilních telefonů.

Nic méně i s tímto se počítalo. Stránky počítají s tím, že tento vzhled tam nějaký ten rok zůstane. Z toho vyplívá, že dnes ano, ale za 2-3 roky to bude jiná.

Zhruba 1% uživatelů může mít malé problémy se zpracováním, ale to je přijatelné číslo.  Opravdu dle analýzy návštěvnosti našeho webu to je jen 1%. Převážně se jedná o Android a Safari.

Animace

1

Na tomto projektu jsem chtěl demonstrovat css3 animace ve své plné síle. Tj. i přesto, že jich zde je opravdu hodně a i 3D animace, uživatelský agent by měl mít minimální problémy s jejich zpracováním.

Testoval jsem je na opravdu pomalém notebooku a zvládal je bez věších problémů. Problémy nastali, pokud už bylo otevřených opravdu hodně oken prohlížeče anebo, pokud byl PC přetížený. Nic méně grafická náročnost neodpovídá ani obyčejnému videu.

Laicky napsáno. Pokud váš prohlížeč přehraje obyčejné video. Přehraje bez problému i toto.

Zpracování a načítání animací

2

Měl jsem tu obavu od jedné slečny, co mi pomohla při testování, že lidi budou z těch animací ve špatném rozpoložení, pokud se třeba animace při nahrávání ze serveru přeruší a zůstane tak v polovině přehrávání.

Dojít k tomuto nemůže. Jakmile se stránky jednou načtou, už se animace nepřeruší, pokud se nesekne počítač. Animace mají jen nějakých max. 900kb a načtou se pří nahrávání stránky. 900kb odpovídá jednomu většímu obrázku. Serveru se pak už nikdo na nic neptá, snad jen při odesílání formuláře.

Nové prvky

4Aby web reprezentoval obsah v sepsaných knihách. Bylo nutné už použít téměř vše, na co jsem v nich poukazoval. Krom animací zde vidíme už plně samostatný 3D režim, který je přehlednější, než samotný 2D režim, hlavně na úvodní obrazovce. Tzn., snažil jsem se ukázat všechny přednosti webových stránek ve 3D.

Dále tu jsou video tapety, které jakoby nahrazují klasickou tapetu. Zjednodušené fixní menu. Někomu může chybět vyhledávání, ale web stále není tak velký, má kolem 200 html stran.

Všimnout si můžete také, že FULL HD (1080p) obrazovky nemusí ve 3D režimu rolovat a ve 2D i 3D režimu na úvodní stránce ani klikat na navigaci při výběru náhledu za pomoci pravého menu.

Web je také díky bílému menu o něco světlejší, než byl ten předchozí, což se hlavně ocení, ve 3D režimu, když se odhalí černý vesmír.

Úvodní animace je základ. Slouží navíc i jako čas pro načtení obrázků. Určitě vám neunikne ani plynulý přechod na tlačítka, při kliknutí na obrázek kategorie. Dělá se to, kvůli lepši orientaci na podstránkách.

Každá kategorie má charakteristický obrázek, video, či animaci. Což pomůže jak v orientaci, tak i při lepším zapamatování obsahu.

Dále je vidět jednoduchost, snad i přehlednost, velikost písma, zachování základních poznávacích znamení Moderního Webu po aktualizaci ze starého projektu. Prakticky nic co měli fanoušci Moderního Webu rádi, jsem nevzal. Vše je jen rozšířeno… snad jen ty velká kolečka v menu… ale ty snad nikomu chybět nebudou.

Došlo k porušení několika pravidel

7V první knize jsem tu a tam psal do rámečku nějaké to pravidlo. No a zde je pro změnu porušil. Není vždy nutné slepě poslouchat nějaká pravidla, ale vycházet s aktuální situace.

Například hned jedno z prvních. S reklamou by se to nemělo přehánět. Přitom v prakticky celé sekci výuka, jsou obrovské bannery s odkazem na knihy.

Je to krapet nemorální, ale pokud si uživatel zmenší ve 2D režimu velikost okna prohlížeče, bannery mu zmizí do spodu webu. Takže nebudou rušit a kdyby přeci jen. Samotná výuka je z velké části obsažená i v první knize a navíc rozšířená. Tzn., můžou pokračovat spíše v ní. Je to pro ně i lepší a obsáhlejší, než na webu.

Popravdě jsem je tam dal proto, že jsem nevěděl co tam v této šabloně dát za obrázky. Nakonec to po hodinách hledání a úvahy, vyhráli knihy. Ono vymyslet něco co by obrazově symbolizovalo jazyk CSS3 a s tím spojenou výuku, bylo dost těžké, ale snad se povedlo.

Odborníkovi může vadit, že chybí v navigaci návrat na úvodní stránku. Na webu je ale hned 2x a to v záhlaví i zápatí. V záhlaví po kliknutí na nadpis a v zápatí na podpis. Je ale pravda, že část populace jej může hledat. Je to trochu záměr, dostat do podvědomí návštěvníků, že ten návrat je možný hledat jinde než v menu. Nevylučuji však, že se do menu návrat na úvodní stránku v budoucnu nakonec nepřidá.

Středové menu není fixní. Je to tím, že se umí hlavně ve výuce hodně roztáhnout a těžko se pak dopočítává responzivita pro takto velké menu. Zjednodušené menu napravo, ale fixní zůstává pořád.

Dále také není aktualizovaný design na blogu a eshopu. I na ně dojde, ale chvilku to trvat bude. I tak se může zdát, že práce není hotová. Ona práce asi nebude nikdy hotová. Zase přijde něco nového a bude třeba provést zase aktualizace… snad to takto aspoň 3 roky vydrží.

Pokud bude někdo na webu hledat sekci O nás, tak to může být trochu problém. Setkal jsem se s kritikou, že tam ta sekce není a měla by být. Ono. Asi ano, ale veskutečnosti tam je a byla i dříve. Autor Moderního Webu je jen jeden. Takže sekce O nás je přejmenová na sekci Autor, tato sekce zde byla i na předchozím webu.

Responzivní design

8

S ním byl opravdu boj a možná ještě bude. Záleží, jak ukáže čas při využívání v mobilních telefonech.

Responzivita je upravena jen pro 2D režim. Upravit ji pro 3D režim by šlo, ale zdrojový kód i čas strávený nad tím vším, by zabral šíleně času a efekt by za to si myslím zas tolik nestál.

Vlastně jsem při tvorbě tohoto webu přišel na to, že 3D šablona pro malá rozlišení je zbytečná.

Na obrázku však můžete vidět 3D efekt, na středním banneru. S toho vyplívá, že 3D efekty ano, ale přímo další výhody 3D šablon, zde povětšinou zanikají. Tj. přehlednost, minimum rolování a i ten prostor je na 360px zanedbatelný. 3D režim tedy opravdu jen pro velká rozlišení obrazovky.

Nové chytré telefony, však už mívají rozlišení FULL HD, takže to je jen otázka času, než malá rozlišení zmizí.

Zneužít, nebo využít?

Otázka spíš pro filozofa, než webdesignera, ale s přibývajícím množstvím informací a socializací internetu je to otázka více než na místě.

Drtivá většina oslovených lidí vám na veřejnosti odpoví, že zneužívat je špatné. Pokud si ovšem sednete s kamarády do hospody a položíte tuto jednoduchou otázku, dostáváte přesně opačnou odpověď.

Pokud zajdeme ještě hlouběji a podíváme se na praxi, můžeme se divit jak tenká hranice mezi těmito slovy je. Nemusím dodávat, že příliš velká část populace tuto hranici ani nerozezná.

Jak to souvisí s webdesignem, či tvorbou webů? Ve skutečnosti je to otázka každodenní.

SPAM

Spam je nevyžádaná pošta, zpráva, komentář, nákup, objednávka, recenze a pod… Slovo nevyžádaná je navíc velice zjednodušené a převzaté z míst, kde je spamu nejvíce. Tj., z emailů, kde spam začal a později se rozšířil i na další místa.

Tohle tak nějak všichni víme a drtivá většina z nás s ním umí (pokud neumí, tak musí) více méně zatočit. Nic méně na jeden druh spamu se zapomíná a v dnešní době si s ním nevědí rady ani giganti jako Facebook a Google.

Nevyžádaná pošta je i pošta rozeslaná, nejen robotem či hromadně z nějaké databáze, ale také od jednoho člověka či skupinky lidí.

Vezmeme si můj případ. Mám pár desítek klientů a od nich přístupové údaje k desítkám profilů. Zde mi k zneužití brání logicky obchodní podmínky, zákony a morálka. Nic méně, co soukromá osoba?

Jiný příklad. Znal jsem holčinu, která tak nějak byla hodně rozbouřená, mladá a komplikovaná, jak dívky v jejím věku umí být. Slečna často něco napsala na fórum, nebo se těžce z někým pohádala, či si jen zaneřádila profil spame a viry. Následně nevěděla co s ním, tak si založila profil nový, nabrala nové kamarády a začala zase na novo.

Tohle dokázala i párkrát za rok. Dejme tomu. Proč ne. To je také problém, ale ne ten, na který se snažím poukázat.

Podíváme se na to z jiného pohledu. Dejme tomu, co si budeme povídat, nevyzrálá slečna dokázala vlastnit pár desítek nekomerčních aktivních profilů, třeba na facebooku. Co brání profesionálům s oboru si také založit pár desítek profilů?

Časově to je otázka týdne a někdy ani to ne.

Teď si představme, že se objeví malá firma ve vašem okolí. Majitel vám začne konkurovat. Dokonce se vám ani nebude líbit jako člověk. Bude mít třeba rozdílné názory, chodit do jiné společnosti, mít jiné koníčky a pod… Konec konců může i sám pohrdat tím co děláte právě vy ve volném čase. On chodí do bordelu a vy třeba do kostela. Oboje je legální. Jenže se nemusíte. Dokonce vám i pár klientů k němu uteče a vy začínáte mít před krachem.

Právě přichází na řadu otázka.

Zneužít?

Uteklo vám pár klientů. Máte volněji a k dispozici pár desátek profilů pod různými identitami. Dále spoustu kamarádů z hospody a „pifku“ na tu sousední firmu.

Vaše akce následně může vypadat tak, že se domluvíte, počkáte na vhodnou chvíli a začnete vaší konkurenci sypat jeden negativní komentář za druhým. Máte i možnost mu kazit hodnocení na různých portálech, vytvářet fiktivní objednávky a následně je sabotovat. Třeba na Heureca, ale i na Facebooku či Google+

Nikdo tohle neodhalí a ani ta firma se vám nemůže bránit.

Nemluvě o možnosti opustit svět internetu a začít sabotovat i v reálném světě. Nemusí ani ničit výlohy. Stačí přesvědčovat okolí a při každé příležitosti šířit nějakou tu starou dobrou pomluvu či lež.

Slyšel jsem i o případech, kdy na majitele takové malé firmy nasadil svojí sexy kamarádku ze školy. Ta jej měla svést a následně kompromitovat před jeho manželkou…

Přesně takto a i mnohem více způsoby se dá likvidovat konkurence.

Obrana je úplně jednoduchá. Sbírejte si podklady, komentáře a předložte následně patřičným orgánům anebo veřejnosti. Další možností je stát se členem nějakého týmu, nebo založit tým vlastní a provádět protiakce…. NE… KUPODIVU VŠECHNO ŠPATNĚ.

Jiná možnost?

Využít?

Funguje to i obráceně. Máme spoustu kamarádů, pár svých profilů, chceme mít co možná nejlepší hodnocení a pěkné komentáře. Řekneme kamarádům. Nějaké si napíšeme sami… ZASE ŠPATNĚ.

Rozbor

Jak jsem psal v první knizeNa každý podvod se jednou přijde. Většinou… Sice se s tím dá moc pěkně pracovat. Třeba tak, že neustále reagujete na negativní komentáře a odpovídáte.

Funguje to, ale jen pokud děláte dobrou práci. Pokud děláte špatnou práci, tak to je problém. Pak můžete odpovídat, jak chcete a stejně vám ti lidé utečou.  Lidé jsou různí, takže vám třeba zůstanou jen ti nejvěrnější a s nimi rozjedete další kšefty.

Jenže prohrát můžete, třeba když máte malou pověst a jste v začátcích. Například jsem byl terčem podobného útoku a stejně moje okolí tento útok ignorovalo. Všichni věděli, o co jde. Protože, ale nejsem mediální hvězda, tak si neutrální člověk z druhého konce republiky může udělat názor dřív, než mě i mojí práci pozná.

Ti poctiví také prohrávají, nežijeme v pohádce. I blízké okolí může pod brutálním nátlakem změnit názor. I to jsem zažil. Násilí, vydírání a lež má stále svojí moc. Jen v historii neustále prohrává a veřejnost tím pohrdá…Naštěstí…

Funguje to i obráceně. Ti dobří také neustále prohrávají… Jen je rozdíl v tom, že ten poctivý nekazí ostatním život. Pokud neudělá chybu apod. Většinou ne úmyslně. Takže ji udělá třeba jednou a následně ne… ale to je téma na další knihu… :-)

Řešení

Recenze jsou užitečné, pokud někdo podvádí, zákon je na něj krátký a veřejnost na něj chce upozornit. Nic méně od toho tu recenze nejsou. Od toho tu jsou politici a tedy vámi volení zástupci veřejné správy, aby toto řešili. Vy máte většinou své práce i starostí dost. Pokud se děje nějaký podvod, upozornit na něj vaše zástupce. Pokud tam je váš zástupce a zrovna volby nevyhrát ten druhý… :-) . Pak by měli přiját na řadu media…

Pokud ani media nemůžou a veřejná správa nemá čas. Vám se stal problém a nikdo jej neřeší, či řešení je nedostatečné, i přesto, že jste vše nahlásil. Nemáte problém jen vy, ale vlastně všichni. Což nějaké recenze většinou nevyřeší. Toto ale přesahuje zaměření článku.

Možnosti psát recenze a komentáře je dobré mít, ale všimněte si, jak se používají. Dost často k vylévání srdíčka, či osobních problémů. Dále také zneužívají v rámci konkurenčního boje, viz náš příklad. Recenze jsou dobré pro velké portáli a případné akce.

Řekněme, že pokud by byl svět dokonalí, není problém, ale on kupodivu není. Stačí jen jeden podvodník a zkazí to všem. Je tedy dobré udělit možnost mazání recenzí, nahlašování, blokování a ignorování.

Napadá mě ještě povinnost informovat autora, instituci či okruh lidí, kterých se recenze týká, že byla vůbec sepsána.

Jednou možná, za nějakých pár tisíc let to třeba nebude, ale dnes je dobré tuto možnost mít. Pomlouvat vás můžou stále za vašimi zády, tomu nezabráníte, ale můžete mít jistotu, že vám tak jednak dělají reklamu a hlavně ta rozumnější část populace bude na vaší straně.

V první knize jsem také naznačil i globální řešení. Jedná se o vzdělávání. Rozumný člověk, tj. ten co chápe podstatu problému, hodně ví, hodně se učil a hodně zná, či zažil. Většinou nemá důvod neobjektivně poškozovat ostatní, či si dělat předčasné závěry. Většinou… Pravděpodobnost je ovšem nízká.

Hodně záleží také na globálním vzdělání, hlavně poznání a zkušenostech. Čím je populace vzdělanější a nezávislejší, tím je méně náchylná se nechat zmanipulovat, či spadnou do nějakého průseru.

Vzdělání neplést se zkušenostmi. Závažné chyby právě dělají i lidé na vysoké či po vysoké. Dále také zkušenost neplést ze stářím. Můžete prožít 100 let v jedné vesnici a nakonec mít rozum nižší, než někdo kdo procestoval za 20 let celý svět.

To platí i o penězích. Můžete mít miliardy a stejně se najde chudák, který bude chápat víc než miliardář.

Jednoduchá odpověď není. Najděte ji…

Nepochopení design

Už to jsou skoro čtyři roky, co jsem začal přemýšlet nad tím, jak by mohly vypadat moje webové stránky, s kterýma bych mohl vyjít na veřejnost.

Věděl jsem, že svět internetu je plný kritiky a o to více mezi samotnými tvůrci webů. Když jsem byl mladší, tak jsem neustále projížděl stránky a internetová fóra. Všude jsem viděl jak se do sebe „ajťáci“ pouští hlava nehlava. Vyhrožují si apod.

Do tohoto světa jsem chtěl vstoupit a ke všemu tyto lidi něco naučit. Naučit nové poznatky, které jsem získal při čtení knih a vlastní tvorbě.

Vždycky, když se pouštím do něčeho velkého, něčeho na co mi nestačí přemýšlení v jedné minutě, ale rozbor, který zabere i několik dní, či týdnů, tak vždy postupuji systémově. Kousek po kousku. Od toho nejjednoduššího po to složitější.

Loading 10%

Uf… začátky jsou vždycky nejhorší. Podíváme se tedy na to, kde se většina „webařů“ učila vytvářet stránky.

jap-psat-web

K vidění na: www.jakpsatweb.cz.

Záměrně ukazuji celkem čtyři různé screeny ze stránek Jak psát web. Zde jsem si vzal ponaučeních hned několik.

  1. Web je neuvěřitelně starý, bez aktualizace grafiky a stále funguje. Stále se na něm lidé učí a dokonce i profesoři na něj neustále odkazují. Na grafice zas tolik nezáleží.
  2. Úplně jednoduše jsem si vytáhl přístup, s jakým tvůrce webu přistupoval ke kategoriím. Jednoduše je rozdělil barvou. Když se podíváte na moje stránky. Jednotlivé výukové kategorie jsou rozděleny podobně. Nechtěl jsem kopírovat, takže opravdu jen podobně. Stylistický přístup zůstává však stejný. Každý jazyk má svojí barvu.
  3. I přesto, že tvůrce stránek Jak psát web má menu vodorovné. Mě zaujalo svislé menu po levé straně, kde jsou jednotlivé elementy (vlastnosti a pod…).  Proto, aby si ti, co navštíví mé stránky, mohli připadat při výuce jazyka CSS3 co nejvíce jak zamlada, když se učili vytvářet své první weby.

V té době ještě portál Jak psát web neměl jazyk CSS3 či HTML5 zavedený a i kdyby jej zavedl do výuky, stejně by mu tam moc profíků nechodilo. Těch informací tam bylo hodně. Kdežto u mě jsem seznámil jen s tím, co bylo nové.

Loading 20%

Co ovšem úvodní stránka? Zde jsem se podíval na nejnavštěvovanější portál v ČR vůbec. Budu přeci vytvářet pro Čechy, tak se podíváme na ty nejlepší.

seznam.cz

K vidění na: www.seznam.cz.

Podobnost je čistě náhodná. Vlastně není. Ne úplně. Zde jsem si vytáhl již zmíněné rozložené layoutu na dva sloupce a jakoby tabulkové rozložení stránek. Rozdíl je opravdu velký oproti mojí konečné práci, ale pokud toto rozložení nevadí většině Čechům, nemělo by vadit ani na mích stránkách. Získám tím stejnou přehlednost, jakou má třeba seznam. Od Google se učí všichni… já ovšem kopu za ČR.

Naučil jsem se zde, že stačí jen pouhé textové otázky, bez složité grafiky.

Znova vidím, že na grafice nezáleží. I přesto, že seznam.cz grafiky má jen poskromnu i tak mu to k úspěchu stačilo, nebo přesněji grafiku nepotřeboval.

Loading 30%

No jo, jenže já nemám tolik obsahu jako tyto dva giganti svého oboru. Nevadí. Tlačítka zvětšíme a začneme přemýšlet i nad tím čemu se vlastně věnuji. Ano. CSS3. Vyzdvihneme tedy jazyk CSS3 a udělám tlačítka i nadpisy, která budou využívat co nejvíce prvků tohoto jazyka.

moderniweb

V podstatě s obyčejných řádkových odkazů jsem díky jazyku CSS3 Vytvořil něco, co se dá považovat za grafický prvek, kteří vykřikuje, že jsem psaný v jazyce CSS3. Nemám žádnou grafiku.

S toho vyplívá i logo a základní webový font. Ve výsledku i zbytek obsahu. Všechno říká, propaguji jazyk CSS3. Tohle všechno dokáže jen jazyk CSS3. Bez grafika.

Tj., jazyk CSS3 dokáže vytvářet elipsy, kruhy, zaoblit hrany a vytvářet stíny. Vše dát dokonce i do plynulé změny:

moderniweb-2

Ten nejzajímavější efekt, můžeme vidět při změně z kruhu na elipsu a následném vržení stínu. Vše v plynulém provedení.

Nemluvě o seznámení se samotnými transformacemi, a animacemi. To všechno musí křičet, že tu něco nehraje, ty stránky dělají něco jiného, něco nového (MODERNÍHO). Tenkrát to nové bylo.

Toto jsem přesně prezentoval a chtěl ukázat či i prodávat formou knih… Nejen to. Jsme teprve na 30%.

Loading 40%

Doposud jsme byli povrchní. Je načase se podívat do hloubky. Co jsem to vlastně provedl? Propojil jsem dva a nakonec možná i více protikladů. Ve svém základu ideologii a ekonomiku. Jak psát web vs. seznam.cz. Učit ty co si myslí, že všechno umí. Začátečník, bude učit pokročilé. Něco, jako kdyby Čína dovolila Tibetu normálně fungovat a ještě se od sebe navzájem učili. Zdánlivě neslučitelný problém.

Tento nevyhnutelný konflikt, či nepochopení, automaticky vedlo k vlně kritiky. Bylo načase rozšířit ideologii. Nezapomínejme na grafiky. Ve své snaze upozornit na výhody jazyka CSS3 a jeho grafických možností jsem málem zatratil profesi pro webdesign nepostradatelnou a tou je grafika.

Přišla na slovo tapeta. Říkal jsem si, že je výborný nápad grafickou práci, ale i práci fotografů nepříliš potlačovat a nechat ji ucelenou. Viz článek Tapetu na web. To platí hlavně pro fotografie. Spousta fotografů jsou neocenění umělci, kteří vědí co a jak fotit. Potlačovat tato díla by byla škoda. Proto šup s nimi na pozadí webu, bez větších úprav.

Volba tapety Moderního Webu krom jiného symbolizuje i propojování světa díky informační technologii. Celkově globalizaci. Tj. díky informacím a volnému přístupu k nim. Nemluvě o svobodě slova a našlo by se toho víc… třeba i „Světoví mír“. 😉 Ha… to je ono… viz další část.

Loading 50%

Skrytá tajemství a další záhady. Jak bylo sepsáno již dříve a i v první knize naznačeno. Síla skrytých tajemství a jejich hledání, je obrovská.  Lidská mysl má pak ve zvyku docházet i k závěrům, které tam nejsou, ale i moly být.

Ve skutečnosti, když jsem stránky vytvářel, mi o „Světoví mír“ nešlo. Je to pěkná myšlenka, ale tu tam našli jiní, já jen vytvořil nějakou záhadu a zbytek nechal na fantazii ostatních. Někteří viděli rebelii, vzdor a další právě spasení, nadšení a naději. Já jen po zveřejnění prvních děl, koukal s úžasem do monitoru, co se to děje.

Objevili se i střízlivé myšlenky. Poukazující na to co skutečně propaguji. Tj., HTML5, CSS3, knihy a popřípadě svojí práci webdesignera. Těmto lidem dávám palec nahoru.

Nic méně k zamyšlení to je. Platí pravidlo. „Pokud něco hledáme, tak to najdeme.“ Tj. pokud hledáte rebely, najdete je. Pokud hledáte naději a pomoc, najdete ji.

Pokud tedy někdo moje stránky označí za nevkusné, a staré, má pravdu. Vychází z designu webu jak psát web a i seznamu. Což jsou staré weby. Zároveň ji, ale nemá, protože zjednodušené označení starý design, je blbost. Web sám o sobě používá fungl nové animace a techniky, které nikdo nikdy nepoužil, nebo ne v té době kdy web vznikl.

Nemluvě o tom, že obě místa kde jsem se inspiroval, fungují do dnes na špici a lidé je mají rádi, takové jaké jsou.

Loading 60%

Dětinskost je čistě záměrná. Jak jsem naznačil hned při prvních 10%. Web a i další moje práce čas od času používá praktiky z dob, kdy jsme byli plní energie a optimizmu. Tyto práce se snaží tuto energii a optimizmu znova vyvolat.

Někdy se to nepovede. Poslední dobou se zvedá laťka. Což byl vedlejší pozitivní efekt tohoto projektu. Vyvolat soupeření a snahu vytvořit něco lepšího, než byli moje stránky. Nebyl důvod tomuto impulzu bránit. Tak jsem ostatní nechal, ať mi posílají ukázky jejich modernějších stránek. Já se něco naučil a hranice webdesignu se znova posunuly dál.

Závěrem

Toto není vše. V knihách se dočtete víc a možná najdete i další sdělení. Tajemstvích má Moderní Web stále dost. Dokonce vytváří i další.

Můžu vám slíbit, že po přečtení knih nebudete mít slov, jak napsal jeden z mích kritiků. Pokud to nebylo přesně to, co jsem chtěl… Možná. :)

Jak to ve skutečnosti je či není, vám napíši zase někdy v budoucnu. Prozatím děkuji za váš zájem, pozitivní i negativní… raději mám ten pozitivní a popovídáme si zase někdy příště.

Moderní Web ve 3D

Další tajemství moderního webu odhaleno v druhé knize od Moderního Webu, která se věnuje 3D technologiím pro webové sránky.

obal-moderniweb3D-A4Knihu si můžete zakoupit u nakladatele: www.kknihy.cz

V knize se seznámíte s tvorbou pokročilejších webových šablon ve 3D. Dále zde najdete několik 3D efektů, informace o nových 3D technologiích, metodách použití a o možnostech, jak co nejplynulejší přejít z 2D do 3D.

Kniha je psána jen s minimem odborných termínů a tak, aby si její obsah mohl přečíst a využít každý, kdo se zajímá o tvorbu www stránek. Obsah je určen zejména pro webdesignéry, podnikatele a každého, kdo kdy uvažoval, že si vytvoří, nebo nechá vytvořit vlastní webové stránky.

Pokud neovládáte znalosti programování www stránek. Stačí vynechat tabulky se zdrojovými kódy.

K plnému pochopení obsahu knihy je třeba znát jazyk HTML, CSS a něco málo z JavaScriptu – zejména jQuery. Nebudete potřebovat PHP ani jiný programovací jazyk. U JavaScriptu kniha používá jen základní funkce nikoli programování.

Knihu můžete sdítel na facebooku: zde

K prodeji také na:

O2: www.o2active.cz

Alza: www.alza.cz

Vodafone: galerie.vodafone.cz

Google Play: play.google.com

eReading.cz: www.ereading.cz

Palm knihy: www.palmknihy.cz

Ráj knih: rajknih.cz

eBUX.cz: www.ebux.cz

arara.cz: ebooks.arara.cz

ExtraReader: extrareader.cz

Knihy.ABZ.cz: knihy.abz.cz

Bauer media Praha: wooky.jenprocasopisy.cz

Databáze knih: www.databazeknih.cz

Předběžný obsah další knihy

Co najdete v nové knize a jak se bude kniha jmenovat?
Na tyto otázky si můžeme odpovědět na následujících řádcích.

Jméno knihy bude Moderní Web ve 3D. Kniha vám nebude říkat co je a co není moderní, ale to jaké nové prvky, či efekty můžete používat na webu a hlavně jak. V tomto případě 3D technologie.

Stejně jako v první knize, tak i v této, najdete některá témata, která jste určitě již viděli, ale jiná jsou nová.
Kniha vyjde zatím jen v češtině a v ČR.

Předběžný obsah:

První kniha
Jak se můžeme dívat na 3D technologie
Možná záměna

  1. Flash
  2. Javascript
  3. 3D Grafika

Rozbor 3D

  1. Minimální rolování
  2. Hravost
  3. Dobrý první dojem
  4. Konec slidrů?
  5. Složitost a nepřipravenost
  6. Přibylo klikání
  7. Bez námahy
  8. Průchodnost

Druhy 3D šablon

  1. Geometrické
  2. Karetní
  3. Objekty
  4. Vrstvy
  5. Kombinované
  6. Moderní

3D efekty

  1. 3D slider
  2. Úvodní animace
  3. Další efekty

Tvorba 3D šablony

  1. Základ
  2. Tapeta
  3. Menu
  4. Navigace
  5. Obsah
  6. Zápatí
  7. Vložení 3D efektu
  8. Rozmístění listů
  9. Nastavení pohybu

Chyby při tvorbě

  1. Kolize objektů
  2. Stíny nás prozradí
  3. Animace vs. transformace
  4. Aktivní vs. pasivní

Uživatelsky přijatelné

  1. Bez výuky to nepůjde!
  2. Intuice
  3. Pomocná navigace
  4. Jednoduchost
  5. Přehlednost

Další tvorba 3D šablony

  1. Tužka a papír
  2. Žádnou paniku
  3. Shora dolů
  4. Tohle už jsem někde viděl
  5. Zdokonalování
  6. Chce to něco jiného
  7. Pořád tomu něco chybí
  8. Jdeme to rozhýbat
  9. Nezapomenout na drobnosti!
  10. Zbytek už je jednoduchý
  11. Ještě jsme neskončili

Vývoj

  1. Kde začít?
  2. Důležitost kritiky
  3. Názor třetího
  4. Žádný strach
  5. Testování
  6. Ne, všechny změny jsou k lepšímu
  7. Kdy s vývojem skončit?

Staré projekty

  1. Bude to těžké
  2. Nutné konzultace
  3. Nemáte nápad
  4. Vylepšení
  5. Další díl
  6. Vzít to dobré, zničit to špatné
  7. Složitost

Přechod z 2D na 3D

  1. Už to tady bylo
  2. Nesmíme se bát
  3. Líbí se mi to
  4. Vyzkoušíme to
  5. Podíváme se, jak to funguje
  6. Půjdeme do toho všichni
  7. Jiný obor

Poslední 3D šablona

  1. Rutina
  2. Jaké vybrat téma?
  3. Vybrat vzhled
  4. Zvolit 3D efekt
  5. Rozšíření 3D efektu
  6. Dokončíme to

Závěr

20 let vývoje

Kam se internet dostal za 20 let vývoje? I na to se podíváme na následujících řádcích.

V posledních letech a i posledních týdnech se objevila otázka. Co je a není moderní? Na tuto otázku se hledá odpověď velice těžko. Podíváme se nejdříve do historie na to, jak vypadali první weby.

První weby

První weby byli prakticky jen holé texty plné odkazů o něčem, jako designu se prakticky nedalo mluvit. I tak jsem narazil na stránky, které se o moderní vzhled pokoušeli.

1

Právě se díváme na jedny z prvních webových stránek. K vidění zde: http://www.dolekemp96.org/main.htm. Jedná se o webové stránky na tu doby si myslím jedny s těch lepších. Vidět můžeme i nějaké gif animace a i stíny. Dále také poměrně pěkné ikony, které pří větším rozlišení ztrácí svůj původně navržený vzhled a začínají se zrnit. I tak si myslím, že se jedná o první povedenější pokus o webdesign.

Nic méně takovéto weby byli spíš vzácností. Daleko častější byli již zmíněné holé weby bez jakékoli grafiky, maximálně s ikonami.

2

Stránky k vidění: http://www.muzeuminternetu.cz/pes.php3. I tyto stránky, které jsem našel v internetovém muzeu http://www.muzeuminternetu.cz jsou uspořádané a relativně i vkusné. Plní svůj účel.  Předávat informace formou textu, obohacené o relativně vtipné ikonky.

Nepovedené weby

Možná ještě častější byli webové stránky, které se tak trochu nepovedli. Posuďte sami.

3

Vypadá to, že se jedná navíc o vůbec první pokusy s tapetou pro web: http://www.muzeuminternetu.cz/offwebs/earchiv.php3. Pravdou je, že se opravdu jedná o přesnější podobu tapety. Náhled už dávat nebudu, ale vzpomeňme si, jak vypadali první tapety u našich babiček. Opravdu byli takto souměrné ve sloupcích. Takže ano. Myšlenka dobrá.

Co se za 20 let změnilo?

Článek nechci brát jako kritiku. Proto vám neukáži, jak vypadají některé weby v dnešní době.

Po 20 letech se nezměnilo vlastně nic. Stále tu jsou weby povedené, weby přehledné a i ty nepovedené.

Změnili se ovšem technologie, poznatky, vše se urychlilo a stalo komerčnější. Firmy se snaží nalákat své zákazník jak jinak, než v první řadě na vzhled. To tu bylo už odjakživa. Vzhled, tedy design byl a je základem svádění a celkově lákání nových, můžeme použít slovo „obětí“.

Dobrá, takto černobílé to nebývá. Ne všichni se necháme zlákat vzhledem, ne všichni soudíme ty druhé podle toho, jak vypadají, ne vše krásné je nebezpečné. O tomto tématu více v knize od Moderního Webu v kapitole Vzhled šablony. Napovím, že vzhled v živočišné říší většinou slouží právě k nalákání obětí do pastí, ale také k svádění partnerů. Tzn., máme tu dvě stránky vzhledu. Dá se tedy napsat, že na vzhledu nezáleží, ale na tom kdo a k čemu jej používá.

Nové technologie

Nové technologie nám umožnili šáhnout po dalších nových zbraní, které tu před námi nikdo neměl. Internet se urychlil, počítače i uživatelský agent dokáží zpracovat více dat v kratším čase. Což umožnilo příchod lepší grafiky, plynulejších efektů a videí. Větší obrazovky pro změnu umožní rozložit data na větší ploše anebo samotný obsah zvětšit.

Dnes a v budoucnu stále, budou weby buď jen obyčejné, informační, ale i propracované plné video animace. Hlavně vektorových animací, speciálně určených pro web, které používá třeba právě http://moderniweb.com.

Tyto animace i přechody jsou nové a toto je jedna z mnoha sdělení, který přináší právě tento projekt. Opravdu těch sdělení tento projekt má více. Něco málo naleznete v již zmíněné knize, knize připravované (vyjde 1.4.2016) a také v některých článcích na tomto blogu.

Moderní Web vs. staré weby

Původně jsem o tom psát nechtěl, ale dostala se ke mě kritika, že moje stránky http://moderniweb.com vypadají stejně jako další zde uvedené weby, nebo že si jsou velice podobné.

2016 vs 1996

Najděte mi prosím aspoň 10 rozdílů…

Tajemství Moderního Webu

Ano. Stránky http://moderniweb.com se dají brát jako, že vsází jen na tapetu v pozadí, ale to je přesně to na co poukazují. Stránky říkají. Ano. Můžeme si dovolit používat tapety, ano můžeme si dovolit používat animace. Dokonce je zde i výuka těch animací, takže žádné vychloubání.

Stránky jsou staré 3roky a i za ty tři roky se svět změnil. Přišli 3D technologie, ale ještě před nimi tu jsou video tapety. Zde kvůli zátěži, které musel tvůrce webu čelit, nestíhal vše aktualizovat a na vše upozornit. Těch projektů bylo opravdu hodně. Většina spíš na úrovni neziskové, ideologické, ale i ekonomický zisk zde naštěstí byl aspoň nějaký. Za což děkuji. Jinak by toto poselství nemohlo být vůbec šířeno, či jen s těží.

Původně projekt poukazoval, jen na novou vektorovou grafiku určenou pro web. Tedy jazyk CSS3 a s tím spojené nové možnosti vzhledu. Tapeta přišla až později.

Takže, toto byla základní a první sdělení, která http://moderniweb.com přinesl. Opravdu o sobě netvrdí, že je moderní, ale říká vám, co nového (moderního) můžete používat. U tohoto nezůstává. Další informace získáte v již připravovaných knihách, šablonách a efektech.

Nebojte se. Moderní web má ještě stále mnoho tajemství, které nejsou na první pohled vidět a připravují se další, a další… Rychlost a hlavně kvalita z jakou budou přicházet však stále závisí na vaší podpoře.

Více o historii webových stránek se také můžete dozvědět z moc pěkného dokumentu: https://www.stream.cz/slavnedny/10006705-den-kdy-byla-zverejnena-prvni-webova-stranka-6-srpen

Fotograf, grafik a kodér

Co s vámi kluci? Máme tady profese, které jsou ze světa internetu tak nějak vytlačování. Popřípadě nuceny se změnit, rozšířit svoje dovednosti a schopnosti. Není to ovšem škoda?

Fotograf

Každá lepší IT firma má svého fotografa. Každý kdo má chytrý telefon je fotograf. Tak k čemu potřebujeme fotografa? Myslím, že nejen já jsem si všiml, že fotografové jen těžko hledají a nacházejí uplatnění.

Přitom svět internetu jim nabízí obrovský prostor pro realizaci. Představme si, že by se dal spojit webdesign s fotografiemi, ale opravdu přímo webdesign. Ne, jen fotografie ve fotogaleriích, ale přímo základní koncept webu.

reference-47-m

Co se stalo? Webová stránka použila fotografii přímo od fotografa, jako tapetu a najednou má vše úplně jiný rozměr. K vidění zde: http://zetprodukt.cz. Fotografie od slečny: Veroniky Anděrové.

Grafik

Grafik to má semnou těžký. Musím se přiznat, že přímo grafika jsem nikdy neoslovil. Ne, že bych nechtěl. Mnohokrát jsem chtěl, ale vždy když jsem začal mluvit o pokročilé grafice u klienta, tak povětšinou zděšení a strach o cenu. Proto moje díla, povětšinou grafické efekty nemívají… Nebo ano?

reference-9-m

Je zřejmé, že se nejedná o dílo fotografa a i tak je ucelené dílo umístěno na pozadí stránky jako tapeta. K vidění zde: http://instalace-satelitni-techniky.cz. V tomto případě jsem využil služeb fotobank. Kam dnes nepřispívají jen fotografové, ale i dobří grafici.

Ne vždy je dobré šáhnout do fotobank. Ne vždy se povede najít dílo k tématu anebo přímo na míru pro vašeho klienta. Efekt je stejný jak u fotografa. Webdesign, najednou získává nový pohled na svojí tvorbu.

Kodér

U kodéra se v dnešní době mluví jako o někom, kdo zaniká a jeho práce přichází pod hlavičku front-end. Proč ne. Jeho práce se krapet změnila. Musí rozpoznat sám, kam má umístit tlačítka, jaké efekty či animace jsou či nejsou vhodné apod. Dřív to za něj dělal grafik.

Já bych se vůbec nebál zůstat u názvu kodér. Front-end developer zní vcelku moderně a silně. Jen to je pořád to samé. Snad jen rozšířeno o větší nároky na javascript a uživatelsky příznivé provedení webu (UI a UX design).

 

reference-14-m

Web sice nemá tapetu, ale i tak osamocený kodér (front-end) dokázal bez grafika s malou pomocí tentokrát amatérského fotografa, přímo klienta, který si fotil svoji práci, něco zajímavého vytvořit. Web k vidění zde: http://strechy-kordik.cz.

Na čistou práci kodéra, bez grafik a fotografa se můžete podívat třeba na tuto šablonu: http://moderniweb.com/eshop/1-moderní-web.html. I zde a na dalších podobných projektech však bude něco chybět.

Spojíme své síly

Všechny tři příklady plní svůj účel. Jsou jednoduché a přehledné. Navíc jsou hlavně levné a i tak dobré. Tak kde je problém? Proč dávat jednotlivé kluky (chcete-li tři rozhádané bratry) dohromady?

Existují i projekty, na které prostě jednotlivci nestačí. Kodér sám o sobě bez grafiky, nebo fotografií nezvládne nic. I v našem příkladu musel pomoct fotograf. Na druhou stranu práce kodéra byla vidět na všech třech příkladech.

Plnohodnotné spojení sil je dobré u velkých projektů. Grafikovy také musí někdo ty podklady sehnat. Nafotit. Někdy ne, ale pokud nešaháme do fotobank a vytváříme web na míru. Je dobré vycházet ze skutečných fotek, skutečných objektů, které se následně předají grafikovy. Ten s toho něco vytvoří a následně se domluví s kodérem a dají to na web.

Pokud si práci zjednodušíme, tak stačí tapeta. Pokud si práci rozšíříme. Přidají se i ikony a další, a další prvky.

1

Vidět můžeme jak práci fotografa, tak i práci grafika. Kodér, či front-end developer dal všechno dohromady a přidal i nějaké animace. Šablona s efekty k vidění zde: http://moderniweb.com/eshop/57-šablona-pro-wordpress-fotograf.html

Nebo také rovnou zde: http://moderniweb.imujweb.cz/wordpress/5/

K práci jsem v tomto případě také využil fotobanky, ale to není důležité. Na této šabloně jsem chtěl demonstrovat, jednu z možných cest, jak využít služeb fotografa i grafika na jednom projektu.

Ve výsledku zde zasáhl i programátor, protože to celé má vlastní administrační systém, ale programátoři dnes nejsou ohroženým druhem. Proto o nich není třeba zatím psát.

Sami zkuste posoudit, který s těchto čtyř webů vypadá nejlépe?

Celoplošný vs. blokový web

Položili jste si někdy otázku, který web je lepší? Jestli web rozložený přes celou obrazovku anebo web čistě jen zabalený v bloku o rozměrech 1000 až 1200px?

Ve skutečnosti na to je úplně jednoduchá odpověď. Oba jsou dobré, pokud je uděláte dobře. Není možné odsoudit jeden styl, jako ten lepší, jen podle toho, zda je či není přes celou obrazovku, či nikoli.

Záleží na tom, jak se k tomu jako webdesigneři postavíme.

Celoplošný web

Jak již bylo sepsáno, jedná se o web, který je přes celou obrazovku. Elementy jsou pokud možno poskládány a rozloženy na stránkách tak, aby pokryli veškerý prostor. Na webu tak nevznikali prázdná místa, při větším rozlišením obrazovky.

1

I na tomto webu by se dalo namítat, že na krajích může být prázdný prostor. Na rozdíl od jiných klasických šablon je tato i tak roztažená přes většinu obrazovky. Některé celoplošné weby, nemají ani takto velké okraje. Tak proč je webdesigner i tak vytvořil? Odpovíme si na závěr.

Blokový web

Blokové weby jsou považovány za věc minulosti. Byli to stránky prvních webdesignerů, kteří si ulehčili práci tím, že webu udělali pevnou velikost +-970px a následně řešili už jen samotný web pro jedno rozlišení obrazovky. Díky tomuto usnadnění, si blokový web tu a tam získal špatnou pověst v určitém kruhu webdesignérů. Nic méně toto řešení bylo léta nejpoužívanější a lidé si na něj zvykli.

1

Na obrázku můžeme vidět typický blokový web o rozměrech okolo 1000px. Jedná se už o upravenou webovou šablonu s několika moderními prvky, jako jsou stíny, průhlednost a barevné přechody.

Záleží, jak se na to podíváme

Vždycky je a bude co zlepšovat. Zatím jsem neviděl žádný projekt, na kterém by se později něco nepřidalo, něco neubralo, něco nezměnilo.

Blokové weby vsází na jednoduchost a kupodivu i přehlednost. Díky tomu, že je na webu méně místa a méně informací. Na celoplošném webu může být naopak kvanta informací a ne každý se zde může rychle orientovat. Dost často se to řeší extrémním zvětšením obrázků a dalších vnitřních prvků.

Co s tím? Ve skutečnosti záleží, kdo je váš klient a kdo váš zákazník. Velké obrázky u celoplošných webů jsou dobré a přehledné, pokud máte třeba málo produktů. V případě že  máte produktů hodně, můžete obrázky a celkově vnitřní bloky i zmenšit. Pokud je váš návštěvník náročný a hltá informace ve velkém. Můžete mu naservírovat kvanta informací. Pokud je váš zákazník přepracovaný a celkově zahlcený informacemi. Je dobré těch informací dávat jen po pomálu.

Tzn., nejde o to říct, že toto řešení je lepší a toto horší. Musíme se dívat na koncové uživatele.

Co celoplošné weby s velkými obrázky?

Ano, celoplošné weby s velkými obrázky poskytují málo informací a jsou tedy vhodné pro obě skupiny uživatelů. Navíc ti náročnější můžou mít možnost stisknutí podpůrného tlačítka, který jim obrázky,  produkty, či vnitřní provedení zmenší. Náročnějšímu uživateli většinou dodatečné nastavení nevadí. Takže. Zdánlivě vyřešeno a dnes tedy vyhrává celoplošný web s velkými produkty a podpůrnou navigací.

1

K vidění zde: http://www.kknihy.cz/produkt/moderni-web.

Nebo ne?

Přibylo rolování

Výherce dnešních dní. Celoplošní weby s velkými obrázky mají jednu nevýhodu. Musí se hodně rolovat, pokud mají až příliš obsahu. Jak napovídá kniha od Moderního Webu http://moderniweb.com/blog/nova-kniha-v-prodeji. Úplně se zapomnělo na problém let minulých, ale i současných. Oni nám ti uživatelé pořád nechtějí rolovat! Nebo ne moc hluboko.

Prázdný prostor

Dobře tedy. Co ten prázdný prostor blokových webů a samotný i retro vzhled? Konečně si odpovíme na otázku. Proč webdesigner u prvního obrázku v tomto článku zvolil velké okraje. Klíčem je prázdný prostor něčím vyplnit. V minulosti bylo pomalá připojení a proto si webdesigneři nemohli dovolit tapety. Prázdný prostor tedy můžeme v dnešních dnech zaplnit již zmíněnou tapetou. O tapetách si můžete přečíst v článku http://moderniweb.com/blog/tapetu-na-web. Dále také prázdný prostor může být zaplněn barevnými přechody, reklamou anebo v klidu i jednolitou barvou, nejčastěji černou a bílou, ale o to víc musíte zapracovat na zbytku vzhledu.

Budoucnost webdesignu

Nesmíme se však zapomenout podívat do budoucnosti. Stroj času nemáme, ale i tak se to dá. Co ty již zmíněné 3D technologie http://moderniweb.com/blog/webove-stranky-ve-3d/?

6

3D technologie. Nejen, že učiní web přehlednější, ale i zajímavější. Využívají jak nových prvků, tak i výhod starých přístupů. Na obrázku můžeme vidět blokový web s obsahem rozloženým do vrstev, které se pohybují v prostoru a žádné rolování.

Vývojová šablona je k vidění zde: http://moderniweb.com/eshop/2-kniha-3d-v12.html

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

Nová kniha v prodeji

Tajemství moderního webu a nové poznatky o webdesgnu byli sepsány a vydány zatím v elektronické podobal-moderniweb-A4obě.

Knihu si můžete zakoupit u nakladatele: www.kknihy.cz

Kniha se věnuje webdesignu a jednotlivým úpravám moderních prvků internetových stránek. V úvahu bere nové technologie i s ohledem na psychologii a vypozorované chování uživatelů internetu. Kniha poukazuje na to, že může existovat i jiný styl při tvorbě webových stránek.

Nezoufejte, pokud neovládáte znalosti tvorby www stránek. Kniha Vám nabídne celou řadu inspirativních podmětů pro Vaše webové stránky, které si můžete nechat zpracovat od zkušených webdesignerů.

Kniha je vhodná pro každého, kdo vlastní webové stránky, nebo si je plánuje vytvořit, zejména však pro učitele, studenty a vývojáře. Pro plné pochopení veškerého obsahu je vhodné mít základní povědomí o webových stránkách, grafice, znalosti jazyků HTML, CSS a JavaScriptu, zejména jQuery. Pokud tyto znalosti nemáte, stačí jen přeskočit některé kapitoly a vynechat tabulky se zdrojovými kódy.

Knihu můžete sdítel na facebooku: zde

Nakoupit můžete také na:

O2: www.o2active.cz

Alza: www.alza.cz

Vodafone.cz: galerie.vodafone.cz

Google play: play.google.com

eReading.cz: www.ereading.cz

Palm knihy: www.palmknihy.cz

Ráj knih: www.rajknih.cz

ebux.cz: www.ebux.cz

arara.cz: ebooks.arara.cz

Jiné-knihy.cz: jine-knihy.cz

Knihy.ABZ.cz: knihy.abz.cz

Bauer media Praha: wooky.jenprocasopisy.cz

Extrareader: extrareader.cz

eBUX.cz: www.ebux.cz

Databáze knih: www.databazeknih.cz

Volba barev

Hned ze začátku budeme krapet odvážní. Podíváme se na černou barvu, černá barva je barva strachu.  Ovšem. Ne vždy, když použijete černou barvu, nutně říkáte, že chcete šířit strach a v tom je právě to kouzlo barev. Barvy sice mají své charakteristické vlastnosti, ale mají i další a další význam.

Již zmíněná černá barva také znamená odvahu a z toho vyplívá i síla, suverenita. No a konec konců, když se podíváme na tuto tvorbu, tak i u ní převládala černá barva.

1reference-11reference-3

Naopak, tyto webové stránky jsou jak jinak, než perfektní. Tak kde je význam černé barvy? Jeden z mnoha významů a to jak u černé, tak u bíle je, že se dají chápat jako prázdný prostor. Prostor, díky kterému vyniká samotný obsah. Samotné fotografie. Samotné produkty, služby a zboží.

Tj. při výběru barvy se nesmíme dívat na její filozofické či kulturní vlastnosti, ale spíš na její povahu, světelnost, sytost a příbuznost k již exitujícím elementům, které chceme dát na webové stránky. Elementy jsou myšleny, třeba právě logo, barva produktů apod.

Všimněte si, na obrázcích, že sochy jsou tmavé až černé, že notebooky jsou také tmavé a v poslední řadě i logo Stromovous je černé. Díky tomu, byla černá jasnou volbou.

Z toho nám vyplívá. Pokud vybíráme barvu, podíváme se na to, co už máme a podle toho bychom se měli inspirovat při výběru barvy na webové stránky.

Pokud si nejste jisti. Výběr barvy můžete nechat či konzultovat s webdesignery, nebo jinými grafiky či poradci přes marketing a pod…

Mobilní zařízení

Máme hotové webové stánky a hurá s nimi do světa… nezapomněli jsme však na něco? Ano. Co mobilní zařízení? Velice často se na to zapomíná. Stránky na stolním počítači vypadají perfektně, ale co když se na ně podívá moje babička na starém počítači. Co když se na ně podívá moje dítě přes  mobilní telefon? Nemluvě o vytížených obchodních zástupcích na cestách, kteří nechtějí tahat těžký notebook, a mají tak akorát tablet.

Je zbytečné upravovat webové stránky i pro tato zařízení? Možná, že bych vám měl odpovědět, že ne, ale ve skutečnosti to je spíš otázka ekonomická. Pokud máte tu možnost, tak určitě upravit. Dokonce i Google to vyžaduje a dá vám za to malý bonus formou lepší dohledatelnosti.

Pokud se bojíte utrácet za překódovaní, či dokonce přeprogramování stránek, tak raději neupravovat. Taktéž nemusíte, pokud vaše webové stránky jsou malý podpůrný prostředek pro váš byznys.

Pro všechny ostatní, je to takřka povinnost. Už jen kvůli lepší dohledatelnosti na Google.

Grafické efekty

Cílem grafických efektů je jak jinak než zaujmout a upoutat návštěvníky vašich stránek a donutit je tak prohlédnout si obsah.

Známe celkem tři druhy grafických efektů, které se dají využít na webu. Jedná se čistě tedy o efekty, které se nehýbají, ale i tak vypadají kolikrát i lépe jak různé animace.

Možná, že úplně nejlepší jsou kombinace grafických a animovaných efektů.

1. Upravené fotografie

Většinou každý dobrý fotograf své dílo ještě doostří, upraví barvy, odstraní stíny, nebo nechtěné elementy, které se mu na fotografii objevili před fotoaparátem. Do této kategorie však spadají i různé výřezy postav a produktů.

1

Takto vytvořené fotografie patří mezi nejčastěji se vyskytující a také nejlevnější. Samozřejmě mohou být i fotografie neupravené. Což se stává velice často a nebývá to na škodu, pokud je fotografie dobrá.

2. Pokročilá grafická tvorba

Jedná se tedy už o kombinaci různých grafických technik a na řadu přichází už povětšinou drahé grafické programy. Konečné dílo je pak složené z mnoha různých obrázků a nejrůznějších efektů, které ve své konečné podobě spíše připomínají umělecké dílo, než směs několika obrázků a tahů virtuálním štětcem.

2

I tyto díla se vyžívají při tvorbě webových stránek. I když se zdá, že můžou být drahé, dají se sehnat levně i zdarma. Většinou, ale pak přímo neodpovídají obsahu na webu a ani zaměření webových stránek, pokud si podobné dílo nenecháte udělat na míru či zdlouhavě neprohledáváte fotobanky, kde ani po hodinách hledání, nemusíte být spokojeni. Přeci jen, každý jsme jiní a děláme něco jiného. Proto vždy práce na míru bude mít větší cenu i lepší výsledek, jak univerzální tvorba.

3. Ikony, 3D modely a vektorová grafika

Jedná se o nejlepší druh obrázků, nebo grafickou tvorbu. Bohužel také nejdražší, možná až na ikony a jednoduché obrázky. Tyto obrázky vypadají uměle, možná až nepřirozeně. Pro webové stránky a celkově počítačovou grafikou jsou vhodnější hlavně díky své možnosti s nimi dále pracovat. U skutečných vektorů se prakticky nestane, že by byl obrázek při přiblížení rozmazaný.

2

Tento obrázek, není pravý vektor. Jedná se o obrázek nakreslený za pomocí vektorové grafiky a vygenerovaná, či uložení jako klasický obrázek. Netrénované oko si jej na první pohled dokonce může splést ze skutečnou fotografií.

Pravé vektory, můžete vidět i na těchto www stránkách jako různé elementy a stíny. Třeba u tlačítek a pod… Vektorová grafika tedy může být také levná, dokonce i zdarma, ale v případech 3D modelů velice drahá. Pokud by byli dělané na míru a ne třeba nalezené ve fotobankách.

obr-1
obr-2
obr-3

Speciální efekty na web

Nejen ve filmech, ale i na internetu se můžete setkat se speciálními efekty, které mají stejný význam jako speciální efekty filmové.

Sami si odpovězte na otázku. Máte raději filmy, kde jsou všudypřítomné speciální efekty? Například různí dinosauři, vesmírné lodě, přes bojové umění Matrix, po super roboty, kteří se mění tak rychle,  že ani nestihnete vnímat změny v jejich struktuře.

Pokud ano. Jistě pochopíte význam speciálních efektů na internetu a při procházení kolikrát i nudným obsahem. Tj. čtení zpráv, novinek, příspěvků po učení a procházení položek produktů na eshopu.

Speciální efekty, samozřejmě můžou narušit vaší koncentraci a soustředění. Od toho tu jsou různé čtečky a další nástroje, které speciální efekty vypnou.

Ne každý obsah je nudný. Z toho nám také vyplívá, že se to s efekty nesmí přehánět. Tj. upoutat, zaujmout, potěšit, překvapit, ale nerušit.

Speciálních efektů pro webové stránky je opravdu kvanta.

  1. Efekty tlačítek – Jedná se o plynulé stisknutí či o efekt po najetí ukazatele myši na daný odkaz. http://moderniweb.com/eshop/9-tlačítka
  2. Úvodní animace – Efekt, který se spustí po té, co se webové stránky načtou. Př.: http://quadprofi.cz
  3. Tapeta – Spíš grafický efekt, ale dá se rozšířit i o animace. Př.: http://moderniweb.com (Na příkladu můžete vidět jak tapetu, tak úvodní animaci a za 12s i animaci pozadí)
  4. Slider – Nebo také animovaná upoutávka. Př.: http://perfektemassage.eu
  5. Fotogalerie – Fotogalerie můžou být složité, ale i jednoduché. Všechny třeba nemusí vypadat jako na Facebooku. Př.: http://schel.cz/galerie_soch.html nebo http://uhasku.cz/chalupa.html (srolovat a kliknout na obrázek)
  6. Další animace – Nejčastěji jako reakce na kliknutí či pohyb myši, nápovědy a odkazy. K vidění třeba na této webové šabloně: https://www.youtube.com/watch?v=jIhDgM4TKJg
  7. 3D efekty – Již zmíněné v článku Webové stránky ve 3D, ale připomenou se musí. V živé podobě se můžete podívat třeba na tuto šablonu: http://moderniweb.imujweb.cz/wordpress/2
  8. A další… Průběžně můžete sledovat zde: http://moderniweb.com/eshop/7-další-efekty

Webové stránky ve 3D

Z počátku pro některé nemusí být zřejmé, ale webové stránky ve 3D mají již dnes neuvěřitelně silný potenciál. Z mého pohledu jsou výhody tak samozřejmě, že snad o nich není třeba ani psát, ale přece. Prakticky nikdo je nepoužívá. Proč? Je to novinka! Teprve v dnešních dnech jsou 3D technologie podporovány webovými prohlížeči natolik, aby se od roku 2016 mohli plně využívat.

1. Přehlednost

První obrovskou výhodou je samotná přehlednost dlouhým a rozsáhlým obsahem.

12

Na obrázku zdánlivě nic moc není. Je však zřejmé, že obsah je na štosován za sebou v dalších 14 stranách a rozložen do dalších 12 kategorií. Vše velice přehledné. Navigovat se zde může uživatel jak klikáním v levém menu, tak klikán na samotné stránky (listy). Navíc uživatel zhruba tuší, kolik obsahu zde máme.

Tento 3D efekt je vhodný jak pro obyčejné stránky, tak i eshopy. Další informace naleznete zde: Symbolické vrstvení ve 3D

2. Upoutání

Základem každé komerční webové stránky je své návštěvníky upoutat k obsahu. Donutit si jej prohlédnout. Samotný 3D vzhled. Je nový. Díky tomu si váš návštěvník, pokud má čas, řekne, že to je nové, musím to prozkoumat, nebo se podívat co zde mají.

3

K vidění zde: 3D pokrmy v kostce

Před obrazovku vám díky úvodní animaci naskáče šest krychlí. Efekt je opravdu jednoduchý a různá zařízení, s kterými se uživatel napojí na internet, jsou dnes většinou dostatečně rychlá, aby tento efekt dokázala zpracovat.

Odvážné tvrzení, ale když se podíváme na obsah zdrojového kódu, je neuvěřitelně malý. Načtení, je tedy opravdu rychlé a záleží už jen na grafickém vykreslení.

Nemusíme pro příklady chodit daleko. Věřím, že uživatelé některých větších portálů mají určitě daleko horší zkušenosti s dobou načítání, než budou mít uživatelé 3D šablon v základní podobě. Záleží samozřejmě na dodatečných úpravách a dalších doplňcích.

3. Hravost

Budu se asi opakovat, psal jsem to již několikrát, ale díky speciálním efektům se může stát, že se staří kmeti vrátí do dětských let.

1

K vidění zde: Kniha 3D (v1.2)

Běžné webové stránky jsou jak arch popsaného papíru plného textu, odrážek, reklam, poznámek. Což webové stránky ve 3D také, ale k tomu mají něco navíc. Navíc možnost sledovat pohyb a možnost jej ovlivnit. Na rozdíl, třeba od videa, které můžete tak maximálně v základu vypnout, zastavit a spustit.

obr-1
obr-2
obr-3