Wireframes – 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

Drátěný model PC project - Úvodní stránka
Drátěný model PC project - Úvodní stránka (fullsite)
Drátěný model PC project - Rozbalené menu
Drátěný model 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.