0

Wireframe – Drátový model

Wireframe působí jako prototyp, který ukazuje umístění stránek funkcí, jako například záhlaví, zápatí, obsah, postranní menu a navigace. To také určuje umístění prvků v rámci těchto obsahových oblastech. Pokud chcete vytvořit web, který přesně odpovídá na požadavky klienta a minimalizovat v projektu revize, tak použijte wireframing.
Výhody Wireframe
  • Dává klientovi prvotní náhled stránek
  • Může více inspirovat designera
  • Dává vývojářovi pohled naprvky, které bude nutné naprogramovat
  • Je snadné se přizpůsobit a může ukázat rozložení mnoha částí internetových stránek.
  • Jednoduše se upravuje (dle upřesňujících se požadavků)
Nástroje tvorbu wireframe
  • Ruční kreslení na papíře
  • Nástroj na tvorbu diagramů a grafů (např Visio)
  • Web prototyping software, jako je Gliffy nebo Balsamiq
  • Grafický software, jako je Photoshop nebo Illustrator.
Výhodou grafických programů použití těchto nástrojů je skutečnost, že drátový pak může být převeden přímo do grafické maketě z webového designu.
Nejlepší postupy
Pro dosažení optimálních výsledků, zde je několik důležitých věcí, které mějte na paměti při vytváření drátového modelu:
  • Jednoduchost. Klíčem k úspěchu je, aby návrh byl jasný pro klienta a flexibilní pro návrháře. Ale zároveň dost detailní pro programátora.
  • Práce v odstínech šedi. Při vytváření prvků modelu, je nejlepší pro práce ve stupních šedi. Takže se můžete soustředit na rozložení, bez rozptylování designu.
  • Vytvářejte drátový model současně se sitemap. Wireframe je vizuální reprezentace dobrých sitemap, nikoli jako náhrada.
  • Zaměřte se na požadovaný výsledek. Vytvořte model v plné velikostl, pokud je to pro webové stránky. Tím bude co nejpřesnější představu o skutečné stránky.
Ukázky:
Drátový model
Připraveno s využitím podkladů: http://www.webdesignerdepot.com/ a http://webdesignledger.com/

admin

Napsat komentář