Wireframe
Z MiS
(Rozdíly mezi verzemi)
(Vytvoření základu stránky.) |
m (Oprava odkazu na Wireframe.cc) |
||
Řádka 22: | Řádka 22: | ||
# Jednoduché nástroje | # Jednoduché nástroje | ||
#* Rychlý náčrt, snadné sdílení | #* Rychlý náčrt, snadné sdílení | ||
− | #* Příklad: [ | + | #* Příklad: [https://wireframe.cc/ Wireframe.cc] |
# Komplexnější nástroje | # Komplexnější nástroje | ||
#* Často placené. | #* Často placené. |
Verze z 23. 9. 2020, 09:03
Obsah |
Co je to?
- Zjednodušený návrh rozložení prvků uživatelského rozhraní.
- Lze kreslit na papír nebo v softwarových nástrojích.
- Slouží k rychlému ověření základního návrhu uživatelského rozhraní.
Proč?
- Snížit čas (a tedy i cenu) prvního návrhu.
Řešíme
- Jak budou prvky rozmístěny na stránce/obrazovce.
- Jaký typ prvku to je: obrázek, nadpis, článek textu.
Neřešíme
- Grafický vzhled prvků — ten řeší až v další fázi grafik.
- Konkrétní obsah — ten řeší až v dalších fázích copywriter.
Nástroje
- Papír
- V prvních fázích je nejrychlejší a vždy po ruce.
- Jednoduché nástroje
- Rychlý náčrt, snadné sdílení
- Příklad: Wireframe.cc
- Komplexnější nástroje
- Často placené.
- Vytvoření modelu již zabere značné množství času.
- Umí sledovat vazby mezi stránkami.
- Příklad: Moqups.com — Zdarma jen jeden projekt (ale libovolné množství stránek)
- Příklad: Webflow.com
- Příklad: Axure