Czym różni się wireframe od mockupu?

Wireframe i mockup to różne etapy wizualnego projektowania interfejsu:

• Wireframe to schematyczny, uproszczony obraz struktury strony lub ekranu. Pokazuje rozmieszczenie głównych elementów, ich relacje i bloki funkcjonalne bez szczegółowego rysunku projektu. Wireframe pomaga szybko uzgodnić logikę i strukturę.

• Mockup to bardziej szczegółowy i wizualnie zbliżony do końcowego projektu obraz. W mockupie uwzględnione są kolory, czcionki, ikony i inne elementy stylu. To krok pośredni między wireframe a prototypem.

Przykład: najpierw tworzy się wireframe, aby określić, gdzie będą menu, przyciski i treść, a następnie robi się mockup, aby pokazać, jak to będzie wyglądało z punktu widzenia projektu.