BLASSENweb - the future of your web !

Web-design stránek je velkou měrou věc spojení internetového hypermédia a schopnosti vložit grafiku a dynamické média uvnitř webové stránky nebo propojených stránek.

Některé stránky fungují spíše jako obálky z knížek nebo časopisů. Ideou pro návštěvníky je vytvářet stránky s textovými popisky a zajímavou grafikou s nimi souvisejícími.

Nejvíce účinné návrhy stránek pro návštěvníky (většinou založených na modemovém připojení), jsou stránky, které mají pečlivě rozvržený text ve spojení s relativně malými grafikami. Tyto stránky se návštěvníkům načtou rychle, dokonce i když je rychlost připojení 28.8 kbps, a ještě tyto stránky mají dobrý grafický dopad.

grafika byla upravena ze serveru: http://www.pacewildenstein.com/

Obrazovka je menší než tištěná stránka

Zatímco webové stránky a konvenční dokumenty sdílejí mnoho grafiky, funkcí a podobných věcí, obrazovka počítače je primární dodací místo pro internetovou informaci, a viditelná velikost obrazovky není stejně velká jako tištěná stránka. Grafici často vytvoří mřížky které vidí na extra-velkých monitorech, a zapomínání že většina uživatelů nemůže zobrazit víc než asi půl typické webové stránky současně, a jen asi 10% z webových surfařů vůbec kdy posouvají stránku.

Šíře stránkových grafik

Obrazovky počítače jsou typicky menší než většina knih nebo časopisů. Velmi běžná chyba ve webovém designu je rozložení horizontální šířky vašich stránkových grafik mimo oblast většiny návštěvníků, kteří mají 14-15 palcové monitory.

Grafické rozměry pro web stránky

Grafika (obrázek) na stránce by neměla být širší než 535 pixelů nebo více než asi 320 pixelů vysoká jinak bude tento prvek příliš široký pro tisk velikosti dopisního papíru nebo na A4. Dokonce i když vaši čtenáři mají velké monitory.

Typický příklad je Netscape nebo Internet Explorer jejihž okna mají vytvořený standard určený pro menší monitory. I Microsoftovy jinak vynikající stránky jsou někdy příliš široké pro mnoho standardních kancelářských monitorů:

vyfoceno v rozlišení 800 x 600px grafika byla upravena ze serveru: http://www.microsoft.com/

Následující velikostní doporučení jsou založená na typické dimenzi internetového prohlížeče na 14 nebo 15 palcovou obrazovku.

Tyto monitory mají při rozlišení 640 x 480 viditelnou obrazovku prohlížeče 600 x 350 pixelů !!!
Ve verzi pro tisk je to přibližně 670 pixelů navýšku a 535 pixelů našířku.

Konstrukční mřížky pro HTML stránky

Webová stránka může mít téměř každou délku. Ale pokud bude mít vrch vašich web-stránek asi "dva metry", pak je to vše co návštěvník uvidí a odejde dříve než uvidí zbytek vašich stránek. Jestli vše co nabízíte je graficky nákladné, pak to znamená že je to i objemově velké a proto pomalé na načtení stránky. Mnoho příležitostných čtenářů to může odradit a opět odejdou dříve než uvidí zbytek vašich stránek.

Konzistence a předpověditelný obsah (shodná grafická úprava) jsou základní atributy z nějakého dobře navrženého informačního systému, pomáhají uživatelům najít informaci z WWW (World Wide Web) stránky, poskytující shodný přístup k elementům na stránkách. Konstrukční mřížka která tvoří základ dobře navržené papírové publikace není o nic méně nezbytná v návrhu elektronické publikace nebo dokumentu, kde prostorové vztahy mezi elementy jsou důležité pro nalezení informace na uživatelův požadavek a činnost systému.

"Klaunské spodky"

HTML značkovací jazyk může vytvořit vysoce funkční komplex informačního systému, pokud je používán pečlivě. Když jsou použité typografické prvky na www stránce nevhodně a rozpoluplně, mohou mít za následek skvrnitý, zpřeházený a matoucí efekt bez jakéhokoliv zjevného vizuálního významu. Tyto nešťastné "klaunské spodky" (směs nahodile smíšených grafik a textu) mají za následek sníženou použitelnost a čitelnost.

Pečlivě organizovaná konstrukční mřížka která se shoduje a je implementována na vašich stránkách, pomáhá vašim uživatelům při nalezení informace kterou oni požadují. Což zvětší jejich důvěru, že používají promyšleně organizovaný sběr informací:

Autor: Blassen