Vsaďte na lepší webovou grafiku!

Časté podceňování dobrého webového designu a technické kvality grafiky může mít značný dopad na úspěch vašich ...


Časté podceňování dobrého webového designu a technické kvality grafiky může mít
značný dopad na úspěch vašich firemních nebo osobních webových stránek.
Nekvalitní grafický design vašich webových stránek vás bude stát kreditibilitu,
styky a prodeje. Pokud je obsah stránek skvěle navržený, rozsáhlý, pak
nezanedbaná grafika do jisté míry vytváří auru důležitosti, která zanechá
nesmazatelný dojem u návštěvníků vašich stránek.

Kromě toho, dobře a účelně vymyšlený design provede návštěvníky stránkami
snadno a účinně k informacím, které se právě potřebují dozvědět.
Chcete-li dosáhnout úspěchu a čtenáře zaujmout, musí být grafika technicky
dokonalá s dostatečným barevným rozlišením, s kompaktní velikostí souboru.
Frustrace není jistě něco, čeho byste si přáli být součástí.
Překvapivě mnoho společností vynakládá velmi malé úsilí na budování svých
stránek, podle všeho si myslí, že webové stránky jsou kujné, že je možné
vynechat extenzivní péči běžně spojenou s budováním skutečné "výlohy". Tento
pohled je jednoznačně špatný. Vytváření materiálů pro webové stránky je poměrně
kvalifikovaná práce, vyžadující znalosti a čas a notnou dávku invence.

Vizuální dopad
Samozřejmě, vytváření designu stránek je také záležitostí individuální
imaginace tvůrce. Zpočátku mnoho společností přehlíželo některé základní
principy návrhu.
Stačí však dodržet jednoduchá pravidla. Začněte tím, že se na design svých
internetových stránek podíváte přísným a kritickým pohledem. Nejdříve smažte
všechno, co nesouvisí s obsahem stránek. Například odstraňte z plochy
přebytečné ikony nebo bílá místa mezi textem a grafikou. Stránkám rovněž
prospívá omezení značek nebo loga společnosti a přemíra firemních sloganů.
Vyvarujte se také velkých obrázků. Když musíte umístit velké fotografie nebo
grafy, umístěte je na odkazy.
Přitom používejte omezený počet barev a stejné hlavičky a dělení řádků.
Vybudováno pro návštěvníky
S upravenou stránkou (myšleno po předchozích krocích) v rukou můžete začít
formátovat grafiku, a to mnoha způsoby. Neodmítejte relativně nové formáty,
jako je například PNG (Portable Network Graphics). Z hlediska co nejširší
kompatibility se však stále používá GIF, nejlepší formát pro ilustrace a text,
a formát JPEG pro fotografie.
Do dneška designéři trávili nepřiměřenou dobu optimalizací velikosti souboru
ručně nebo pomocí speciálních utilit. Nyní mají k dispozici aplikace, které
vytvářejí "pro Web připravené soubory". S těmito grafickými aplikacemi je
vytváření webového designu mnohem snazší a rychlejší. Grafické aplikace jako
Paint Shop Pro 7, CorelDraw 10, Macromedia Fireworks 4 nebo Adobe Photoshop 6.0
mají funkci "Save for Web" ulož jako Web funkce, která automaticky konverguje
ilustrace do různých webových formátů. Přičemž Adobe Photoshop 6.0 nabízí ze
všech výše zmíněných nejflexibilnější nástroj a dosahuje nejlepších výsledků.
Podobně jako u jiných programových balíků, mohou designéři u JPEG souborů
vybírat míru komprese nebo počet barev u GIF souborů a pak v nastavení zobrazit
parametry (kvalitu a velikost) souborů. Ale ve Photoshopu nová Weighted
Optimalization (váhová optimalizace) nechává designérům část masky obrazu.
Výsledkem působení této optimalizace je v kritické oblasti velmi ostrý obrázzek
(samotný produkt) zatímco jiné oblasti (pozadí) mohou být nevýrazné. Velikost
obrázku JPEG se pak zmenší ze 100 KB na 17 KB bez snížení celkové kvality.
K zahození nejsou ani nástroje CorelDraw 10. Jeho nový Image Optimizer pro
soubory typu GIF, JPEG a PNG není sice tak výkonný jako program Adobe
Photoshopu, ale snáze se ovládá a celkově vyžaduje méně času k pochopení.
Low-bandwidth multimedia
Experti rádi používají animací a multimédií. Pro vytvoření GIF obrazů
doporučujeme Adobe ImageReady 3.0 pro jeho jednoduché operace kombinované se
širokými možnostmi, stejně tak jako schopností použít speciální efekty programu
Photoshop.
GIF formát ale není dobrá volba pro design produktových prezentací nebo webové
stránky s interaktivním obsahem, neboť velikost souboru je stále příliš velká.
Pro tuto práci je nejvhodnější Macromedia Flash 5. Na druhou stranu vektorové
animace jsou výrazně menší oproti bitmapovým obrázkům, Flash nabízí bohatou
programovatelnost postavenou na snadném ovládání a jednoduchém aplikačním
rozhraní.
Jestliže nepotřebujete špičkové vlastnosti poskytující Flash a nemáte dostatek
zkušeností, můžete zkusit aplikaci Adobe LiveMotion 1.0 nebo CorelDraw 10 s
novou aplikací pro tvorbu webovských animací nazvanou Corel R.A.V.E. (Real
Animated Vector Graphics). Oba produkty nabízejí srozumitelné rozhraní s
jednoduchou tvorbou animací a oba také umějí ukládat soubory do formátu
Macromedia Flash.
Pokud toužíte po výkonnějším a rychlejších webových stránkách, zkuste aplikovat
několik našich doporučení. Stačí málo, zaměřit se také na grafiku, která dokáže
zaujmout.
S dnešními moderními nástroji je to jednoduché, stránky navíc mohou být plné
animací a jiných zvláštních efektů s nepatrným vlivem na jejich celkovou
velikost. Pak jistě návštěvníci vašich stránek rychle naleznou to, co hledají a
zůstanou jim na vás pouze kladné vzpomínky.
1 0827 / zaj









Komentáře
K tomuto článku není připojena žádná diskuze, nebo byla zakázána.