Webové desky webových stránek jsou jednoduché čárové výkresy, které zobrazují umístění prvků na webové stránce. Můžete ušetřit spoustu času úpravou rozvržení jednoduchého drátového rámu na začátku procesu návrhu namísto složitého návrhu později.
Použití drátových rámů je skvělý způsob, jak spustit projekt webových stránek, protože vám a vašemu klientovi umožňuje zaměřit se na uspořádání bez rozptýlení barev, typů a dalších konstrukčních prvků. Zaměřte se na to, co se děje na vašich webových stránkách a na procentu prostoru, který každý prvek zaujme, což může být určeno potřebami vašich klientů.
01 z 03
Co je třeba zahrnout do webového drátěného rámu
Všechny důležité prvky webové stránky by měly být zastoupeny na vašem webovém portálu. Použijte jednoduché tvary namísto skutečné grafiky a označte je. Mezi tyto prvky patří:
- Navigace: Tlačítka umožňující uživatelům navštívit hlavní části vašeho webu.
- Logo firmy: Může být reprezentováno pouze krabicí.
- Oblasti obsahu: Kde se budou zobrazovat různé sekce obsahu?
- Vyhledávací pole
- Přihlašovací oblasti uživatele
02 z 03
Jak vytvořit webové drátěné rámy
Existuje mnoho způsobů, jak vytvořit webový kabelový rámec. Obsahují:
Ruční kreslení papíru
Tato metoda je užitečná, když se tváříte do tváře s klientem. Nakreslete nápady rozložení papíru na papír, se zaměřením na to, jaké prvky by měly jít.
Používání aplikací Adobe Photoshop, Illustrator nebo jiného softwaru
Většina grafických softwarových balíčků je vybavena všemi základními nástroji nezbytnými pro vytváření drátových rámů. Jednoduché čáry, tvary a text (k označování vašich prvků) jsou vše, co potřebujete k vytvoření reprezentativního wireframe.
Použití softwaru vytvořeného pro tento typ úlohy
Zatímco Photoshop a Illustrator dokáží udělat trik, některé softwarové balíčky jsou vyvinuty speciálně pro tento typ práce. OmniGraffle je software, který zjednodušuje tvorbu drátových rámů tím, že poskytuje tvar, řádku, šipku a textové nástroje pro použití na prázdném plátně. Můžete dokonce stahovat vlastní grafiky (zdarma) v Graffletopia, díky které můžete pracovat s dalšími prvky, jako jsou běžné webová tlačítka.
03 ze dne 03
Výhody
Díky drátěným rámům webových stránek máte výhodu, že můžete vyladit jednoduchý výkres čáry, abyste dosáhli požadovaného rozvržení. Spíše než přesunovat složité prvky kolem stránky, může trvat jen velmi málo času, jak přetáhnout pár krabic na nové pozice. Je také mnohem produktivnější pro vás nebo vašeho klienta, aby se nejprve zaměřil na uspořádání ... nebudete začínat s komentáři jako "Nelíbí se tam ta barva!" Namísto toho začnete s finalizovaným rozložením a strukturou na který založil váš návrh.