---
title: "Wireframe – struktura ekranu przed grafiką | Sweet Lava"
description: "Wireframe to uproszczony szkic układu i hierarchii ekranu, bez kolorów i finalnej typografii. Sprawdź, czym różni się od mockupu i czemu powstaje pierwszy."
url: https://sweetlava.eu/pl/slownik/wireframe/
lang: pl
alternate_en: https://sweetlava.eu/en/glossary/wireframe/
---

UX i product design 

# Czym jest Wireframe?

Wireframe to uproszczony szkic ekranu pokazujący układ i hierarchię elementów, bez kolorów, zdjęć i finalnej typografii. Służy do szybkiego testowania struktury, zanim powstanie kosztowny projekt graficzny.

Siła wireframe'u tkwi w jego brzydocie: szare prostokąty i systemowy font kierują rozmowę na to, co istotne na tym etapie: czy układ ma sens, czy niczego nie brakuje, czy hierarchia prowadzi wzrok właściwie. Estetyka przyszłaby z opinią „nie podoba mi się ten zielony" i zagłuszyła pytania strukturalne.

Wireframe'y różnią się szczegółowością: od odręcznych szkiców (najtańsze iteracje) po dopracowane makiety low-fi gotowe do testów z użytkownikami.

**W procesie:** brief → architektura informacji → wireframe'y → testy → projekt graficzny (UI). Każdy etap zatwierdza decyzje, do których nie trzeba wracać.

## Powiązane usługi

- [ Audyt UX i projektowanie UX/UI → ](https://sweetlava.eu/pl/uslugi/ux-ui-ax/)

## Powiązane pojęcia

- [Architektura informacji](https://sweetlava.eu/pl/slownik/architektura-informacji/)
- [Mockup (makieta)](https://sweetlava.eu/pl/slownik/mockup-makieta/)
- [Prototyp](https://sweetlava.eu/pl/slownik/prototyp/)

## Chcesz wiedzieć, gdzie Twój produkt traci użytkowników?

Audyt UX kończy się priorytetyzowaną listą poprawek z uzasadnieniami. Zakres i wycenę przygotowujemy w kilka dni.

[ Napisz do nas ](https://sweetlava.eu/pl/kontakt/?source=glossary-wireframe)