Apa itu mockup? Kenali mulai dari pengertian mockup, jenis, contoh, dan rekomendasi software-nya di tulisan berikut ini!
Jangan sampai ada yang terlewat, silakan baca hingga akhir untuk menambah wawasan kita bersama.
Baca juga: Aplikasi Desain Grafis di HP Android
Apa itu Mockup?
Seperti yang sudah ditulis di awal, mockup dalam bahasa Indonesia artinya adalah maket, dan maket dalam kamus KBBI maknanya adalah bentuk tiruan dalam bentuk 3 dimensi.
Lalu, bagaimana dengan definisi lengkapnya?
Pengertian mockup adalah bentuk realistis dari representasi visual suatu desain, produk, dan produk digital (non fisik).
Jadi, jika teman-teman adalah seorang desainer yang ingin membuat desain baliho, maka Anda akan merepresentasikan desain tersebut ke dalam mock up agar klien atau atas tahu bentuk realistisnya.
Contohnya seperti gambar mock up baliho di bawah ini:
Mock up ini bisa dibuat dalam skala ukuran penuh, dan skala ukuran yang diperkecil. Skala yang diperkecil biasanya terjadi karena desainnya sangat besar.
Baca juga: Pengertian Foto Landscape & Portrait serta 3 Aspek Perbedaannya
Mengapa Mockup ini Penting? Apa Fungsinya?
Fakta menarik untuk Anda yang membaca tulisan ini:
Ternyata, 65% orang di dunia diidentifikasi sebagai pembelajar visual. Dan karena itu, mockup ini menjadi media yang cukup efektif sebagai alat bantu visual.
Lalu, apa fungsinya?
Fungsi mockup adalah sebagai jembatan antara sketsa gambar (desain) dengan hasil akhir pada saat gambar atau desain direalisasikan.
Mock up juga dapat menghemat biaya dalam mengumpulkan pendapat dan feedback (umpan balik, masukan) dari klien, calon pengguna, hingga atasan tentang tampilan dan nuansa produk.
Dan setelah itu, desain produk akan menjadi lebih sempurna dan siap untuk dicetak, dibuat, dan diwujudkan secaranya nyata.
Struktur pada Mock Up
Ketika kita ingin membuat desain, kita perlu memerhatikan sejumlah aspek supaya desain tersebut dapat dibuat dengan baik komposisinya, indah, dan sesuai dengan tujuannya.
Berikut ini adalah sejumlah struktur yang ada pada mock up yang perlu teman-teman ketahui, yaitu:
- Layout (tata letak).
- Color (warna).
- Contrast (kontras).
- Typography (tipografi).
- Spacing (batas).
- Navigation (navigasi).
Jenis-jenis Mockup
Karena kebutuhan industri yang sangat bervariasi, terdapat beberapa tipe mockup yang berbeda, seperti untuk cetak, untuk branding, produk, dan yang lainnya.
Berikut adalah beragam jenis mockup yang perlu diketahui:
Baca juga: Software Desain Alternatif Adobe Family ini Gratis Lho!
1. Mockup Cetak
Mockup cetak adalah rendering fotorealistik dari bahan cetak dan dapat digunakan untuk memvisualisasikan bagaimana tampilannya setelah dicetak.
Dengan membuat mock up cetak, kita dapat memvisualisasikan desain pada pamflet, spanduk, kartu pos, dan hampir semua materi cetak lainnya.
Selain jadi alat uji coba tata letak desain keseluruhan, mock up cetak dapat membantu memverifikasi keterbacaan ukuran font sebelum dicetak.
Dengan mockup cetak, itu berarti kita dapat menghemat waktu, pikiran, dan uang.
2. Mockup Merek
Mockup branding adalah gambar yang ditampilkan dengan logo perusahaan, moto, atau materi branding lainnya pada produk komoditas.
Teman-teman dapat menciptakan kesadaran dan kesetiaan merek dengan memberi identitas (biasanya logo) pada buku catatan, cangkir, pena, kalender dan berbagai benda lainnya.
Baca juga: Mengenal Istilah Desain Grafis yang Mungkin Belum Anda Ketahui
3. Mockup Perangkat
Mockup perangkat adalah rendering foto perangkat elektronik di mana layar perangkat seperti ponsel, tablet, layar komputer, atau jam tangan pintar dapat diganti atau diubah dengan desain yang Anda miliki.
Mock up perangkat ini sangat berguna untuk pemasaran, karena kita dapat memamerkan aplikasi atau halaman web dalam desain yang menarik secara visual.
Jenis mock up yang satu ini sangat bagus untuk perusahaan teknologi yang sedang dalam tahap pengembangan, karena dapat membantu memutuskan seperti apa tampilan aplikasi atau halaman web mereka.
4. Mockup Kemasan
Mockup kemasan adalah representasi foto dari branding yang ditempatkan pada berbagai item kemasan.
Termasuk kotak makanan dan minuman, kantong plastik, kantong kertas dan berbagai bahan kemasan lainnya.
Dalam aspek pemasaran, pengemasan suatu barang bukan hanya sekedar sarana mengirimkan produk, tapi juga tentang kualitas produk dari merek tersebut.
Baca juga: Daftar Kode Hex Warna untuk Desain
5. Mockup Produk
Mockup produk adalah rendering realistis digital dari desain produk. Mock up ini biasanya digunakan pada awal proyek baru supaya tim memahami visi untuk hasil akhir dari desain produk.
Ia juga telah banyak digunakan di dalam iklan. Misalnya,
Banyak toko eCommerce (e-niaga) memilih untuk menggunakan mock up t-shirt dengan mengimpor desain mereka ke template mock up, dibandingkan dengan memotret setiap kemeja satu per satu dengan semua variasinya.
6. Mockup Media Sosial
Mockup media sosial adalah rendering digital dari berbagai situs media sosial yang memungkinkan Anda memasukkan dan memvisualisasikan konten Anda sebelum mempostingnya ke situs media resmi.
Sebagai tambahan informasi, hampir 55% dari semua lalu lintas internet dihasilkan di perangkat seluler, jadi sangat penting agar gambar, video, dan postingan yang kita buat memiliki proporsi yang tepat untuk perangkat seluler.
Mock up media sosial merupakan cara yang bagus bagi bisnis dan merek untuk mengecek proporsi postingan mereka dan memastikan formatnya benar dan sesuai dengan semua jenis perangkat.
Baca juga: Pengertian Animasi dan Sejarahnya
7. Mock Up Website
Mock up website (situs web) adalah simulasi realistis tingkat tinggi dari tampilan situs web. Mockup situs web menggabungkan struktur dan logika gambar rangka, tetapi dengan gambar, grafik, dan elemen UI yang akan dihasilkan di akhir produk.
Aplikasi untuk Membuat Mock Up
Ingin membuat mock up? Baik untuk keperluan pribadi atau untuk dijual lagi? Yuk cek daftar aplikasi mockup di bawah ini:
1. Figma
Figma sebetulnya merupakan software (perangkat lunak) untuk membuat interface design dengan kolaborasi antar tim. Namun, Figma juga bisa teman-teman pakai untuk membuat desain mockup.
Cara membuatnya pun cukup sederhana, yaitu:
- Tambahkan gambar device (perangkat) baik laptop, komputer, handphone, dst.
- Buat rectangle menggunakan pen tool.
- Pilih rectangle yang Anda buat tadi sebagai destination (tujuan).
- Pilih source (sumber). Bisa Anda pilih dari dokumen Figma atau upload langsung dari komputer Anda.
- Terakhir klik “Transform”.
2. Adobe XD
Aplikasi untuk membuat mock up selanjutnya adalah Adobe XD. Mungkin teman-teman lebih mengenal atau lebih menyukai Adobe Photoshop dalam membuat mock up.
Padahal jika kita cari tahu lebih lanjut, Adobe Photoshop lebih diperuntukan untuk memanipulasi foto.
Dengan Adobe XD, Anda dapat membuat berbagai macam jenis mockup mulai dari desain mock up gadget, laptop, komputer, poster, brosur, hingga baliho besar lainnya.
Selain itu, Adobe XD juga sangat beginner-friendly (mudah bagi pemula), menarik sekali bukan?
3. Mockplus
Saat artikel ini ditulis, Mockplus sudah lebih dari sepuluh tahun terjun di industri mock up software. Mockplus sangat cocok untuk teman-teman yang ingin berkolaborasi dalam membuat mock up dan prototyping.
Salah satu klien dari Mockplus adalah IBM, Microsoft, dan Huawei.
4. Invision Freehand
Invision Freehand dapat dikatakan sebagai software paling simple dibanding software mockup lainnya.
Pada awalnya, software ini membantu jutaan user dengan versi gratisnya, dan kini telah bertransformasi menjadi software mockup gratis terbaik.
Cocok sekali untuk pemula yang sedang ingin belajar membuat desain mock up.
5. Glorify
Glorify merupakan all-in-one design software dan salah satu aplikasi mockup terbaik yang digunakan oleh para desainer dan entrepreneur.
Tujuan awal aplikasi ini adalah menghadirkan kemudahn kolaborasi dan kreatifitas tanpa batas untuk setiap kebutuhan desain di dunia bisnis.
Lambat laun, kini Glorify telah masuk menjadi salah satu software mock up dan wireframe untuk produk-produk eCommerce (e-niaga).
Teman-teman juga dapat dengan mudah membagikan desain di aplikasi ini.
Contoh-contoh Mockup
Baca juga: Apa itu Flat Design? Mari Cari Tahu!
Penutup
Itulah penjelasan lengkap seputar mock up, jenis-jenisnya, hingga contohnya.
Mock up sendiri sebenarnya lebih “terkenal” di dunia desain grafis, desain UX, dan desain UI, karena kebutuhannya memang seperti itu.
Akhir kata, jika Anda memiliki pertanyaan atau saran dan kritik yang membangun, silahkan postingkan pada kolom komentar di bawah atau kunjungi halaman kontak kami.
Oh iya, jangan lupa share (bagikan) artikel ini agar yang lain juga dapat mengetahuinya.