---
title: "Mockup: co to jest? Słownik pojęć"
description: "Mockup to realistyczna wizualizacja, która pokazuje projekt w użyciu, np. logo na szyldzie, etykietę na butelce albo stronę na ekranie telefonu."
url: https://fluostudio.pl/baza-wiedzy/slownik/mockup/
---

[Identyfikacja wizualna](https://fluostudio.pl/baza-wiedzy/slownik/?dzial=identyfikacja)

# Mockup

Inaczej mock-up, wizualizacja projektu

Mockup to realistyczna wizualizacja, która pokazuje projekt w użyciu, np. logo na szyldzie, etykietę na butelce albo stronę na ekranie telefonu. Pomaga ocenić projekt w kontekście, ale nie jest zdjęciem gotowego produktu.

Zarząd ma wybrać jedną z trzech koncepcji logo. Na białych planszach wszystkie wyglądają podobnie dobrze. Dopiero na szyldzie nad wejściem, na boku samochodu i na ekranie telefonu widać, która jest czytelna z daleka, a która gubi się w małym rozmiarze. Mockup pozwala to zobaczyć, zanim cokolwiek trafi do produkcji.

## Do czego służy

-   **Do sprawdzenia projektu.** Mockup szybko pokazuje, że nazwa nie mieści się na wąskim opakowaniu albo że ikona ginie na ciemnym tle.
-   **Do sprzedaży przed produkcją.** Handlowiec pokazuje sieci handlowej nowe opakowanie, zanim powstanie pierwsza partia.
-   **Do pokazania pracy.** Uważamy, że dobry, czysty mockup na start case study sprzedaje projekt lepiej niż drobne obrazki i zbędne animacje.

## Mockup to wciąż wizualizacja

Kolor na ekranie wygląda inaczej niż na papierze, a złocenie czy [lakier wybiórczy](https://fluostudio.pl/baza-wiedzy/slownik/lakier-wybiorczy/) na mockupie błyszczą dokładnie tak, jak chciał grafik. Kolory przed drukiem sprawdza się na [proofie](https://fluostudio.pl/baza-wiedzy/slownik/proof/), a wykończenia na próbkach z drukarni albo na próbnym egzemplarzu, a nie na obrazku.

Gotowe mockupy z internetu mają swoje proporcje. Butelka z szablonu bywa smuklejsza niż prawdziwa, a szyld szerszy niż ten, który zmieści się nad wejściem. Przy ważnych decyzjach lepiej sprawdza się zdjęcie prawdziwego miejsca albo [render 3D](https://fluostudio.pl/baza-wiedzy/slownik/render-3d/) zbudowany na wymiarach produktu.

## Mockup a makieta

Te słowa często się mylą. [Makieta](https://fluostudio.pl/baza-wiedzy/slownik/makieta/) strony to zwykle schemat układu: szare prostokąty, nagłówki i przyciski, bez kolorów i zdjęć. Służy do ustalenia, co i gdzie ma się znaleźć. Mockup pokazuje gotowy wygląd. W projektowaniu stron mockupem nazywa się też statyczny projekt ekranu, którego jeszcze nie da się przeklikać. Wersja, którą da się przeklikać, to już [prototyp](https://fluostudio.pl/baza-wiedzy/slownik/prototyp/).

## Zobacz też

-   [Strony www Makieta Makieta to uproszczony schemat strony lub ekranu aplikacji. Pokazuje, gdzie stoją treści, przyciski, formularze i zdjęcia, bez kolorów i ostatecznej grafiki, żeby ustalić układ przed projektem graficznym.](https://fluostudio.pl/baza-wiedzy/slownik/makieta/)
-   [Strony www Prototyp Prototyp to klikalna symulacja strony albo aplikacji. Przyciski i przejścia między ekranami działają, choć za nimi nie ma jeszcze działającego systemu. Służy do sprawdzenia pomysłu przed programowaniem.](https://fluostudio.pl/baza-wiedzy/slownik/prototyp/)
-   [Animacja i wideo Render 3D Render 3D to obraz wyliczony przez program z trójwymiarowej sceny: modeli, materiałów, świateł i kamery. Może wyglądać jak zdjęcie produktu, choć nikt go nie fotografował.](https://fluostudio.pl/baza-wiedzy/slownik/render-3d/)
-   [Druk i publikacje Proof Proof to próbny wydruk przed nakładem, który pokazuje, jak wyjdą kolory. Proof certyfikowany symuluje warunki druku w drukarni i staje się wzorcem, do którego drukarz dopasowuje nakład.](https://fluostudio.pl/baza-wiedzy/slownik/proof/)
-   [Animacja i wideo Packshot Packshot to zdjęcie albo render samego produktu, zwykle na białym lub jednolitym tle, bez aranżacji i rekwizytów. Trafia do sklepów internetowych, katalogów, ofert i na strony producentów.](https://fluostudio.pl/baza-wiedzy/slownik/packshot/)
-   [Druk i publikacje Opakowanie Opakowanie to wszystko, w czym produkt trafia na półkę i do klienta, od pudełka i słoika po saszetkę z etykietą. Jego projekt łączy konstrukcję, materiał i grafikę z obowiązkowymi informacjami.](https://fluostudio.pl/baza-wiedzy/slownik/opakowanie/)
-   [Identyfikacja wizualna Identyfikacja wizualna Identyfikacja wizualna to system elementów graficznych marki, czyli logo, kolorów, krojów pisma, ikon i stylu zdjęć, razem z zasadami ich łączenia. Dzięki niej materiały firmy wyglądają jak od jednego nadawcy.](https://fluostudio.pl/baza-wiedzy/slownik/identyfikacja-wizualna/)

Hasło pojawia się też w: [Moodboard](https://fluostudio.pl/baza-wiedzy/slownik/moodboard/), [Wykrojnik](https://fluostudio.pl/baza-wiedzy/slownik/wykrojnik/)

## Masz logo, ale nie masz systemu? Od tego zaczynamy.

Na pierwszej rozmowie sprawdzimy, czy i jak możemy pomóc, bez zobowiązań.

[Porozmawiajmy](https://fluostudio.pl/kontakt/) [Umów 30 minut konsultacji](https://calendly.com/anita-fluo/darmowa-konsultacja-30-minut)