Termék tesztek, hírek, bemutatók ✦ mobilok, okosórák, médialejátszók, stb. ✦ kattints ide!Amikor egy web, alkalmazás, app designt készítesz, akkor hasznos lehet látni, hogy a valóságban nagyjából hogyan néz majd ki. Nyilván aki grafikus, designer, annak nem jelent gondot egy ilyet elkészíteni, de ha megoldható pár kattintással, akkor felesleges ennél többet foglalkozni vele.
Itt jön a képbe a Mockuper, amely millióféle monitorral, mobiltelefonnal, viselhető eszközzel (pl. óra) képes mockup-ot készíteni, pár kattintással. Két módon használható, vagy kép feltöltéssel, vagy egy meglévő weboldalról automatikusan képet készítve.
A használata
Első lépésként válaszd ki, hogy mi legyen a megjelenítő eszköz:
Az alatta lévő listából választhatsz egy képet. Ha betöltött, akkor kattints a két közepén lévő zöld részre, majd kattints a "Drop image here or select" szövegre és válassz ki egy képet.
Az "or grab a screenshot" gombra kattintva egy linket adhatsz meg, amiből a Mockuper elkészíti a képet automatikusan.
Ezt követően jobb oldalon a kijelölőkeretet mozgatva, méretezve tudod beállítani, hogy a kép mely része jelenjen majd meg. Bal oldalon pedig tükröződés is beállítható (vagy kikapcsolható a "Show reflection"-t kikapcsolva).
Ha kész, akkor "Done".
Ez után letöltheted a kész mockupot a nyílra kattintva:
Több méret közül választhatsz, a legfelső a legnagyobb (XL).
A végeredmény ilyesmi lesz (monitor esetén):
Egyébként egyedi mockup is készíthető, a bal oldalon lévő "CUSTOM MOCKUP" gombra kattintva. Bár ez már nem sokkal gyorsabb, mintha teljesen önállóan elkészítenéd.