Čo je to wireframe?

Wireframe je základný návrh webovej stránky alebo aplikácie, ktorý zobrazuje rozloženie prvkov bez finálnej grafiky. Slúži ako východiskový bod pre tvorbu dizajnu aj funkčnosti.

Wireframe, niekedy nazývaný aj drôtený model, je zjednodušený vizuálny návrh rozloženia obsahu na webovej stránke alebo v aplikácii. Nerieši farebnosť ani detaily grafiky, jeho cieľom je prehľadne znázorniť, kde sa budú jednotlivé prvky nachádzať a ako spolu budú fungovať.

Typicky ukazuje:

  • umiestnenie hlavičky a pätičky,
  • hlavnú navigáciu,
  • bloky textu,
  • obrázky,
  • formuláre,
  • tlačidlá a ďalšie ovládacie prvky.

Wireframe pomáha klientovi aj dizajnérovi zjednotiť si očakávania skôr, než sa začne s vizuálnym návrhom alebo programovaním. Je to nástroj na efektívnu komunikáciu, testovanie používateľského rozhrania a rýchle úpravy v ranej fáze projektu.

U nás je tvorba wireframu neoddeliteľnou súčasťou tvorby nového webu - pomáha nám udržať jasnú štruktúru, zohľadniť obchodné ciele a vytvoriť čo najlepšiu používateľskú skúsenosť hneď od začiatku.


Chcete vytvoriť štruktúru webu, ktorá bude dávať zmysel aj používateľom Googlu? Radi vám pomôžeme s návrhom wireframu celého webu.

Zavrieť