Wireframes – drátěný model

Při tvorbě webu by se neměl opomínat prvotní návrh struktury webu, tzv. wireframes nebo chcete-li drátěný model.

Proč by měla tvorba webu měla začínat návrhem struktury www stránek?

V zásadě hlavně pro to, aby bylo zcela jasné, které stránky a podstránky bude web obsahovat a také pro to, aby bylo možné dát grafikovi, programátorovi a kodérovi přesné zadání, co vlastně mají navrhovat, programovat a kódovat.

Navíc při takovém návrhu vyvstanou do popředí otázky, nápady a řešení dalších funkčností a využití, které by člověka jinak nenapadly a změny provádět v takovémto modelu je značně jednodušší než přepracovávat např. grafické návrhy anebo již dokonce naprogramovaný web.

A co je to tedy ten wireframe?

Wireframe je vlastně jednoduchý model webu definující obsah, rozložení, funkce a chování webu. Pro takovýto návrh není ani potřeba řešit barevnost, obrázky a někdy dokonce ani texty. Základem jsou prosté čáry, dráty (anglicky wire — česky drát).

Při menších projektech si vystačíme např. i jen s jednoduchým nákresem struktury webu tužkou na papír.
Ostatně takto tužkou začínám vždy i při návrhu větších projektů, které následně překresluji v programech pro tvorbu wireframes, určených pro lepší orientaci a prezentaci klientovi.

Ukázky drátěného modelu PC project

Screenshot Drátěného modelu PC project - Úvodní stránka
Drátěný model PC project - Úvodní stránka
Screenshot Drátěného modelu PC project - Úvodní stránka
Drátěný model PC project - Úvodní stránka (fullsite)
Screenshot Drátěného modelu PC project - Menu
Drátěný model PC project - Rozbalené menu
Screenshot Drátěného modelu PC project - Reference
Drátěný model PC project - Reference
Screenshot Drátěného modelu PC project - Reference
Drátěný model PC project - Reference (fullsite)

 

V případě zájmu o návrh struktury Vašich www stránek anebo i dotazu, využijte prosím kontaktní formulář anebo se mi ozvěte, viz sekce kontakty.

prostor pro Vaše dotazy, objednávky

Kontaktní formulář

*) údaje označené hvězdičkou jsou povinné

Doporučuji: