Wireframe

Z MiS
Přejít na: navigace, hledání


Obsah

Co je to?

Proč?

Co zobrazuje?

Musí zachytit
Neřešíme

Kreslení na papír

Rychlé on-line nástroje

Komplexnější on-line nástroje

Desktopové aplikace

  1. JustInMind
    • Návrh od wireframe až po prototyp webu či mobilní aplikace.
    • Umožňuje vazbu mezi obrazovkami.
    • Výsledkem je jednoduchý HTML náhled výsledné aplikace.
  2. Adobe XD
  3. Pencil.Evolus.vn
    • Svobodná alternativa
    • Desktopová aplikace, instalujete lokálně (stačí zkopírovat nainstalovanou verzi)

Doporučení a časté chyby při tvorbě wireframe

  1. Musí být jasné, co wireframe popisuje:
    • Nadpisu uveďte konkrétní.
    • Obsah odstavců textu obvykle stačí jen „šedé čáry“ nebo „Lorem ipsum“. (Ale musí být jasná typická velikost odstavce.)
    • Dopište k wireframe popis — o jakou obrazovku se jedná, který případ použití řeší, co jednotlivé prvky znamenají.
Osobní nástroje
Jmenné prostory
Varianty
Akce
Výuka
Navigace
Nástroje