Co je to mockup a jak jej využít

Vojtěch Bruk

Slyšeli jste už někdy pojem mockup? V tomto článku popisuji, jak jej vytvořit a kde ho lze využít.

co je mockup

Mockup je vlastně maketa. V online světě je mockup nejčastěji model zařízení, který se používá pro předvádění, testování, hodnocení designu a propagaci. Podobně to vidí i Wikipedia.

V tomto článku se však zaměřím především na to, jak mockupy využít k propagaci a jak si je případně můžete jednoduše vytvořit.

Jak Mockup vypadá?

211

Takto třeba vypadá mockup stránek Honza makléřem, které jsme nedávno vytvořili.

Proč se mockupy tvoří?

Nejsem designer a už vůbec ne dobrý. Tento seznam je však mým odhadem:

  • Daná věc vypadá v mockupu o hodně lépe (asi jako když vám v restauraci hezky naservírují jídlo).
  • Mockup zaujme, vypadá profesionálně a působí, že dal spoustu práce (tím pádem vypadáte trochu jako větší profíci i vy).
  • Mockup pomůže fantazii (nejen že obrázek říká, že jsme udělali web, zrovna i vidíte, že jsme udělali web responzivní, který vypadá hezky na všech zařízeních – což pochopí i člověk, který jinak nemá tušení, co slovo “responzivní” znamená)

Důvodů je určitě spousta, tyto jsou podle mě tři hlavní.

Připojte se k dalším 108 lidem, kteří chtějí uspět v digitálním světě a nechte si zasílat newsletter.

Je mockup těžké vytvořit?

Není.

  1. Uděláte printscreeny/získáte fotky
  2. Naškálujete je do správné velikosti (třeba v Canvě)
  3. V nástroji na mockupy si vyberete šablonu, nahrajete fotku a máte hotovo

Samozřejmě pokud na věc, kterou chcete vytvořit, šablona neexistuje, budete to mít trochu těžší. V takovém případě bude nejlepší zrovna oslovit zkušené designery.

Na jakých stránkách vytvořit mockup?

Osobně používám již dlouhou dobu SmartMockups.com.

212

Smart Mockups nabízí účet zdarma, nebo prémiový za zhruba 350 Kč měsíčně. Osobně mám prémiový, ale věřím, že i s free verzí toho dokážete vykouzlit spoustu.

Stránek jako SmartMockups existuje samozřejmě nespočet. Pokud by vám tedy třeba nestačila free verze a nechtěli jste platit premium, tak pogooglete, a třeba najdete stránku jinou, která vám zdarma umožní přesně to, co hledáte.

K čemu lze mockupy využít?

Náhledy a prezentace produktů jsou asi nejčastější a nejjasnější možnosti. Nicméně síla mockupů rozhodně není omezena na tyto oblasti…

Buďte kreativní.

Když jsem například “budoval” sledující na anglickém Twitteru, často jsem udělal mockup Tweetu nějakého známějšího účtu, který často tweet retweetnul a oběma nám přinesl nové sledující:

213

Takových věcí se dá samozřejmě vymyslet nekonečno….

Dejte mi vědět, jakou zkušenost máte s mockupy vy! A hodně štěstí ve vašich mockup snahách!

Komentáře

Zanechte první komentář

Podobné články

Wix recenze (2023)

Dalším z nástrojů pro tvorbu webů je Wix. Jeho představení, funkce, (ne)výhody a mnohem více jsem shrnul do této recenze.

Vojtěch Bruk
Wix

Webnode recenze (2023)

Webnode recenze: Jak se pracuje s tímto nástrojem pro tvorbu webových stránek? Jaké si zaslouží hodnocení dle mého názoru?

Vojtěch Bruk
webnode

SiteGround recenze (2023)

Tentokrát jsem sepsal velkou recenzi na SiteGround. Dozvíte se, v čem spočívá jeho alfa a omega.

Vojtěch Bruk
siteground