18 darmowych narzędzi do tworzenia mockup’ów online

Taka sytuacja – zrobiłeś stronę internetową. Albo jej projekt. Albo jakąś super grafikę. Cokolwiek co chcesz estetycznie wizualnie zaprezentować ludziom w postaci widoku owej grafiki na komputerze/tablecie/smartfonie/kubku/koszulce/billbordzie/wpiszWłasnyPomysł. Jednocześne nie masz PS lub masz, ale nie umiesz się nim posługiwać lub masz, ale najzwyczajniej na świecie nie chce Ci się go odpalać. Szukasz prostego rozwiązania online.

Szukajcie, a znajdziecie.

Oto lista darmowych narzędzi do tworzenia mockupów online. Kolejność totalnie przypadkowa.

  1. Magic Mockups

    Podział mocków na laptopy, tablety, smartfony, iMac i inne (ramki do zdjęć).
    Baza ilościowo jest malutka.
    Klimat to głównie praca biurkowa, mamy też kilka zdjęć z życia codziennego.
    Dwie opcje wrzucenia grafiki: z komputera albo z URL.
    Mamy do wyboru kilka opcji rozdzielczości finalnego zdjęcia do pobrania. Maksymalna darmowa to 1600x1067px.

  2. MockDrop

    Podział mocków na desktopy, laptopy, tablety, smartfony, zegarkitv.
    Baza niewielka.
    Klimat zdjęć kojarzący się z biurkową pracą w domu.
    Możliwość wrzucenia grafiki tylko z komputera (nie ma opcji chwycenia strony po URL).
    Rozdzielczość zdjęć jest różna. Może tymi grafikami nie wytapetujesz pokoju, jednak powinieneś być zadowolony.

  3. Place It

    Szczegółowy podział mocków względem typu urządzenia, jego marki, oprogramowania, tagów zdjęcia Znajdziemy też zdjęcia prezentacji multimedialnej (!), Kindla, VR, grafiki przeglądarki… olaboga ile tego jest!
    Baza jest ogromna (2870 mocków na chwilę pisania posta).
    Uwaga – baza zawiera mocki video.
    Klimat jest przeróżny. Filtracja względem tagów z pewnością pomaga w poszukiwaniu odpowiedniego mocka.
    Dwie opcje wrzucenia grafiki: z komputera albo z URL.
    Wersja darmowa zakłada ściągnięcie grafiki w małej rozdzielczości. Lepsze wersje są płatne.

  4. Mockups Jar

    Podział mocków na iPhone, Android, MacBook, ramki, przeglądarki, opakowania, odzież.
    Baza zawiera kilkaset opcji.
    Klimat zdjęć przeróżny, zależy w dużej mierze od rodzaju mocka.
    Możliwość wrzucenia grafiki tylko z komputera (nie ma opcji chwycenia strony po URL).
    Za darmo możesz ściągnąć zdjęcie w kilku rozdzielczościach, nawet tych najlepszych.

  5. Frame

    Niestety słaby podział mocków według marki oraz systemu urządzenia.
    Baza ilościowa jest malutka.
    Klimat biurkowo-prezentacyjny.
    Możliwość wrzucenia grafiki tylko z komputera (nie ma opcji chwycenia strony po URL).
    Dostępna jest tylko jedna rozdzielczość końcowego zdjęcia i powinna być zadowalająca.

  6. Smartmockups

    Podział mocków na desktopy, laptopy, tablety, smartfony, zegarki & tv. Każda z kategorii ponadto dzieli się ze względu na oprogramowanie.
    Baza zawiera prawie 200 opcji.
    Klimat pracy biurkowo-domowej.
    Dwie opcje wrzucenia grafiki: z komputera albo z URL.
    Za darmo możesz ściągnąć zdjęcie w kilku rozdzielczościach, nawet tych najlepszych.

  7. Mockuper

    Podział mocków na desktopy, laptopy, tablety, smartfony, zegarki, inne (ramki, bilboardy, tv i wiele innych). Możliwość wyszukania zdjęcia po tagu.
    Baza zawiera prawie 200 opcji.
    Zdjęcia w różnych klimatach.
    Możliwość wrzucenia grafiki tylko z komputera (nie ma opcji chwycenia strony po URL).
    Możemy wybrać, czy chcemy pokazać odbicie na ekranie urządzenia, ustawić poziom tego odbicia oraz jego rodzaj (!).
    Za darmo możesz ściągnąć zdjęcie w kilku rozdzielczościach, nawet tych najlepszych.

  8. Dunnnk

    Podział mocków na iPhone, Android, MacBook, iPad, iMac, Apple Watch. #czyzbyAppleSponsorowal
    Baza jest niewielka.
    Klimat jest różnorodny, od korpo zdjęć do domowych fotek.
    Możliwość wrzucenia grafiki tylko z komputera (nie ma opcji chwycenia strony po URL).
    Za darmo ściągamy w jednej, wysokiej rozdzielczości.

  9. MockuPhone

    Szczegółowy podział według rodzaju urządzenia oraz oprogramowania.
    Baza zawiera kilkaset mocków.
    Zdjęcia są typowo prezentacyjne (flat lay, rzut z góry, urządzenie i nic więcej).
    Możliwość wrzucenia grafiki tylko z komputera (nie ma opcji chwycenia strony po URL).
    Mockupy dostajemy na maila w jednej, wysokiej rozdzielczości.

  10. Mediamodifier

    Podział mocków na technologię, druk, produkty, image effects, logo, odzież, animacje.
    Baza zawiera kilkaset mocków.
    Zdjęcia różne – i korporacyjne, i życiowe.
    Możliwość wrzucenia grafiki z komputera i/lub URL.
    Za darmo ściągamy tylko kilka wybranych zdjęć (poszukaj je filtrując mocki po cenie). Resztę ściągamy w słabej rozdzielczości ze znakiem wodnym.

  11. Graphic twister

    Brak filtracji.
    Baza tyci tyci.
    Zdjęcia biurkowe, prezentacyjne, domowe.
    Możliwość wrzucenia grafiki tylko z komputera (nie ma opcji chwycenia strony po URL).
    Ściągasz zdjęcie w jednej, średniej rozdzielczości.

  12. Dimmy.club

    Brak filtracji. Strona zawiera tylko kilka grafik, więc w sumie filtracja nie jest potrzebna. Znajdziemy tu desktopy, laptopy, tablety i smartfony, głównie z rodziny Appla, choć nie tylko.
    Portal zawiera nawet nie zdjęcia, a grafiki urządzeń w widoku 2D. Możemy wybrać ich kolor, kolor tła, a także styl grafiki (normal/flat).
    Wrzucasz swoją grafikę z komputera.
    Ściągasz zdjęcie w jednej, wysokiej rozdzielczości.

  13. Fotomock

    Szczegółowy podział według rodzaju urządzenia, oprogramowania oraz tagów.
    Darmowych mocków jest 50.
    Luźny, domowy klimat zdjęć.
    Wrzucasz swoją grafikę z komputera.
    Darmowe grafiki ściągasz w wybranej, też wysokiej rozdzielczości.

  14. place.to

    Podział mocków na desktopy, laptopy, tablety, smartfony, filtracja po tagach.
    Niestety niewielka część dostępnych grafik jest darmowa.
    Klimat zdjęć jest najróżniejszy.
    Wrzucasz swoją grafikę z komputera.
    Wybrane grafiki ściągasz w wysokiej rozdzielczości po zalogowaniu.

  15. PicApp

    Szczegółowy podział według rodzaju urządzenia, oprogramowania.
    Portal zawiera grafiki prezentacyjne urządzeń.
    Wrzucasz swoją grafikę z komputera.
    Za darmo ściągasz grafiki tylko w słabej rozdzielczości.

  16. Multi Device Website Mockup Generator

    To ciekawe urządzenie. Podajesz URL strony, wybierasz kolor tła oraz urządzenia (iMac, MacBook, iPad, iPhone). I widzisz swoją stronę na grafikach wybranych urządzeń, które możesz dowolnie przesuwać i ustawiać według wymarzonej kompozycji. Powstaje ciekawe zestawienie responsywności Twojej stronki. I co z nim możesz dalej zrobić? Printscreena! To dla mnie trochę niedorzeczne, ale tak – utrwalasz wygenerowany mockup w postaci zdjęcia ekranu.

  17. BrowserFrame

    W tym narzędziu masz do wyboru ramki najpopularniejszych przeglądarek. Do nich wrzucasz grafikę z komputera lub podajesz adres URL strony. Ściągasz końcową grafikę w wysokiej rozdzielczości.

  18. 3d mockuper

    Na koniec narzędzie dla tych, którzy chcą zaprezentować swoją grafikę na kubku lub koszulce z efektem 3d, w postaci gifa.

Na końcu podrzucam Wam linka do Mockerie. W teorii ten serwis również oferuje darmowe tworzenie mocków online. Niestety, stronka na chwilę obecną nie działa prawidłowo. Może kiedyś ją poprawią, więc linka zostawiam.


Znacie inne narzędzia do darmowego tworzenia mocków online? Dajcie znać w komentarzach!

Artykuły, które mogą Ci się spodobać...

Wpisz hasło, którego szukasz i naciśnij ENTER, aby je wyszukać. Naciśnij ESC, aby anulować.

Dawaj na górę