Bagi desainer, terutama desainer brand dan logo, sebuah mockup merupakan tools yang nggak boleh ketinggalan nih friends. Mockup bisa menjadi alat peraga bagaimana implementasi desain kita di real-world scenario. Berikut manfaat mockup untuk desainer:

Manfaat Mockup

1. Menjadi representasi visual secara real-world scenario sebuah desain jadi, yang bisa membuat designer, developer, client, bahkan user untuk mengerti lebih baik desain tersebut.

2. Menjadi alat pendeteksi kesalahan hasil desain secara lebih early, lebih hemat costs, dan mudah untuk melakukan iterasi.

3. Workflow dan pengambilan keputusan testing dan validasi menjadi lebih cepat

4. Menjadi alat untuk meyakinkan client bagaimana desain baru di implementasikan dan bekerja dengan baik, atau desain lama mereka memiliki masalah tertentu.

5. Menjadi alat untuk presentasi portofolio untuk pamer skill dan experience

Nah kan website mockup itu buanyak sekali ya guys, maka setelah Mutu mencoba banyak website mockup yang gratis, akhirnya Mutu menemukan 5 website TERBAIK untuk kalian bisa download mockup secara gratis ya guys! artinya tanpa biaya apapun.

5 Website Mockup Gratis Terbaik

Best Overall - Mockups Design

Motto website ini adalah “Your daily source of free & high-quality mockups! No Redirections, No Registration, and Free. Always”. Website ini sangat sangat sangat wajib kalian tahu dan support. Karena pemiliknya, Andrew - seorang desainer grafis dari poland memiliki misi yang sangat mulia yaitu memberikan mockup dengan kualitas super tinggi tanpa biaya alias gratis, dan tanpa redirect atau daftar-daftar di websitenya. Kamu tinggal buka websitenya, download deh, beres.

Selain itu koleksinya bukan main banyak banget lho guys bahkan lebih banyak dari kebanyakan website mockup gratis maupun berbayar. Lalu semua mockupnya terkategori dengan baik. Saat ini mas Andrew bahkan tidak menyediakan donasi terbuka seperti melalui patreon, buymeacoffee atau sejenisnya lho! Terima kasih mas Andrew.

Score - 10/10

Free Mockup Browser - Unblast

Unblast merupakan mockup browser dimana desainer mockup bisa berkontribusi untuk memberikan file mockupnya secara cuma-cuma di Unblast. Anggap seperti marketplace untuk mockup - tapi semua gratis! keuntungannya untuk desainer mockup adalah dimana user unblast akan di direct ke website penyedia mockup.

Koleksinya, namanya browser ya guys pastinya banyak kontributor disini. Oh iya unblast ini tidak hanya sekadar mockups ya guys, ada resource lain seperti fonts, icons, templates, graphics, 3d models, dan colors. Semuanya gratis tis. Kelemahan website ini adalah dimana link download bakal di redirect ke link pemilik mockup, which ngga ada masalah biasanya karena mockup ini di seleksi sama tim Unblast sebelumnya, akan tetapi ada beberapa link yang expected bisa mati ya guys.

Score - 8/10

Free Device Mockup - Design at Meta

Iya, Meta itu lho guys si Mark Zuckerberg. Meta menyediakan library mockup untuk banyak devices dari banyak brand misalnya apple, samsung, huawei, dan masih banyak lainnya di kategori komputer, phone, sampe watch bahkan.

Sebenarnya mockup yang disediakan cukup sederhana, yaitu high-quality image file device tersebut dan terbatas pada angle tampak depan. Kalau mau design yang stylized, Mutu sarankan untuk ngecek mockup site yang lain ya. Tapi koleksi devicenya ini beragam banget lho guys.

Score - 7/10

Free Unique Mockups - Fockups

Fockups bukanlah kumpulan mockups yang biasa kalian ketahui. Kata-nya “display your design into bad conditions. Because the world isn’t as perfect as many mockups pretend.” jadi fockups ini justru memberikan mockup dimana kondisi implementasinya di saat kurang baik. Fockups memiliki ide bahwa mockup di pasaran terlalu idealistik, dan fockups memberikan spin-off bagaimana bila sebaliknya.

Sebenarnya, mockup di fockups ini tidak banyak, hanya berkisar sekitar 18 mockups, tetapi karena keunikannya ini Mutu jadi pengen taro di list ini.

Score - 7/10

Free Mockup Browser 2 - Mockupworld

Mockupworld sebenarnya cukup dikenal banyak orang. Isinya ya sama aja kayak Unblast, jadi website ini sebagai bridge orang yang pengen cari mockup, dengan orang yang bikin mockup. Website ini lebih ter-kategori dengan baik lho. Sama dengan Unblast, kreator mockup juga bisa submit karya mereka untuk di share, dengan seleksi ya jadi kualitasnya di jaga dengan baik.

Score - 7/10

Bonus

Free Mockups Library - Mr Mockup Free

Mr Mockup memiliki library mockup premium dan juga free. Untuk koleksi mockup free, cukup banyak dan beragam juga kok, dan downloadnya secara langsung lewat websitenya ya tanpa log in.

Freebies Unik - Flyerwrk

Flyerwrk adalah penyedia mockup-mockup yang jarang ada di library manapun. Sebenarnya mereka punya banyak asset selain mockup, dengan style brutalism yang kental yang biasanya digunakan untuk membuat streetwear mulai dari tekstur, brushes, graphic assets, patterns, dan masih banyak lagi.\

Cara Menggunakan Mockup

Untuk para designer biasanya sudah tahu dengan cara menggunakan mockup. Biasanya file yang disediakan mockupers berbentuk PSD untuk dibuka di photoshop, jadi punya software ini sepertinya wajib ya guys. Kemudian biasanya pemilik mockup memberikan petunjuk dimana layer gambar yang harus diganti (lihat layers tab di photoshop). Jadi penggunaannya memang butuh pengetahuan dan pengalaman photoshop setidaknya tingkat intermediate.

Sebenarnya banyak lho penyedia jasa-jasa taro mockup tanpa photoshop dan lebih mudah, nanti kapan-kapan Mutu bahas ya..