Membuat Mockup Kemasan Menggunakan Aplikasi Canva

Table of Contents

Pengertian Mock Up Kemasan

Secara sederhana, mock up adalah model atau tiruan suatu benda yang dibuat sesuai ukuran aslinya, atau hanya bagian tertentu sesuai kebutuhan. Istilah ini diambil dari bahasa Inggris dan bisa diartikan sebagai "model skala utuh."

Desainer biasanya menggunakan mock up untuk mendapatkan masukan atau tanggapan dari calon pengguna tentang desain mereka, sebelum desain tersebut benar-benar dibuat atau diproduksi secara massal.

Penting diingat, dalam proses produksi massal, mock up bukan hasil akhir. Justru, mock up adalah karya awal atau prototipe yang berfungsi sebagai acuan. Namun, dalam konteks proses desain itu sendiri, mock up bisa dibilang menjadi hasil akhir dari tahap perancangan visual.

Singkatnya, mock up adalah model awal desain yang berfungsi sebagai panduan visual. Ini kunci penting bagi desainer untuk memvisualisasikan produk akhir dan memudahkan mereka saat presentasi. Dengan adanya mock up, orang lain bisa langsung membayangkan produk jadi, dan ini sangat menentukan apakah sebuah ide desain akan diterima atau tidak, apalagi saat berdiskusi dengan atasan atau klien. Mock up juga mempermudah proses revisi dan masukan.

Fungsi Mockup

1. Memberikan Gambaran Nyata Produk
2. Menghemat Biaya
3. Efektifitas Waktu
4. Media untuk Presentasi
5. Memudahkan proses Revisi 

(disarikan dari gramedia blog)

Elemen Mockup

1. Layout

Penempatan konten dalam Mock-up baik itu gambar/grafis atau tipografi dan warna yang harmonis untuk mempengaruhi kenyamanan pengguna.

 

2. Warna

Saking pentingnya Warna, sebuah desain mockup harus mencerminkan konsep yang akan diusung. Belum lagi termasuk kombinasi warna yang digunakan.

 

3. Kontras

Sama pentingnya dengan warna, kontras juga sangat berpengaruh untuk kenyamanan pengguna. Hal tersebut karena jika kontras dalam tampilan website ataupun aplikasi kurang bagus, maka pengguna akan kesulitan untuk membaca teks yang ditampilkan. Oleh karena itu, kontras adalah komponen yang perlu diperhatikan oleh setiap desainer.

 

4. Tipografi

Tipografi atau tipe font adalah salah satu komponen anatomi mockup. Sebab, penggunaan jenis font, ukuran, dan juga spacing pada teks yang tepat akan membuat sebuah desain menjadi lebih menarik dan juga nyaman untuk dilihat.

 

5. Spacing

Sebuah desain tidak harus selalu penuh dan padat. Adanya ruang kosong yang ada di sebuah desain justru akan mempercantik tampilan. Bahkan, ruang kosong ataupun space merupakan elemen yang bagus. Space ini akan membuat pengguna lebih mudah untuk membaca konten yang ditampilkan.

 

6. Navigasi 

Navigasi merupakan salah satu komponen anatomi mockup. Dengan adanya navigasi yang tepat, pengguna bisa dengan mudah menjelajahi situs atau aplikasi yang dikembangkan. Sama halnya dengan mendesain layout, perancangan navigasi di sebuah produk akan membuat semua komponen atau elemen yang ada di dalam desain bisa digunakan dengan baik oleh pengguna.

Karier di Masa Depan

 Menguasai kemampuan membuat Mockup kemasan akan membuka peluang karier di masa depan yaitu

1. Desainer Grafis (Spesialis Kemasan)
Ini adalah jalur karier yang paling langsung. Siswa yang terbiasa membuat mock up kemasan akan memiliki dasar yang kuat dalam prinsip desain visual, layout, tipografi, dan estetika.

2. Desainer Produk (Aspek Kemasan)
Desainer produk tidak hanya fokus pada bentuk produk, tetapi juga bagaimana produk itu dikemas dan berinteraksi dengan konsumen.

3. Spesialis Branding dan Pemasaran
Kemasan adalah salah satu elemen kunci dalam branding dan strategi pemasaran produk.

4. Freelancer atau Wirausaha di Bidang Desain
Dengan keahlian membuat mock up kemasan, siswa bisa langsung menawarkan jasa mereka secara independen.

5. Quality Control (Kontrol Kualitas) Desain dan Produksi
Orang dengan pemahaman mendalam tentang mock up kemasan akan punya mata yang tajam untuk detail.

6. Spesialis User Experience (UX) Desain Kemasan
Dalam desain UX, fokusnya adalah bagaimana pengguna berinteraksi dan merasakan sebuah produk atau layanan. Kemasan adalah bagian integral dari pengalaman produk.

7. Guru atau Instruktur Desain (di Masa Depan)
Jika mereka terus mendalami bidang ini, mereka bisa kembali ke dunia pendidikan.
 

Dengan pengalaman praktis yang kuat, mereka bisa menjadi pengajar atau instruktur di sekolah kejuruan, kursus desain, atau bahkan di pendidikan tinggi untuk mengajarkan keterampilan desain kemasan, termasuk penggunaan mock up.

Aplikasi Pembuatan Mockup

 1. Figma

Aplikasi Figma akan membantu kamu untuk melakukan wireframing. Selain gratis, aplikasi ini juga menyediakan berbagai fitur dan juga kemudahan untuk para web designer untuk membuat desain mockup mereka. Tak hanya itu saja, tampilan dan juga fitur Figma juga cukup sederhana. Sehingga sangat cocok untuk digunakan para pemula.
 

2. Canva

Canva merupakan salah satu aplikasi mockup paling populer karena kemudahannya dalam digunakan. Terdapat berbagai macam template yang tersedia untuk membantu kamu untuk membuat prototipe website ataupun sebuah produk. Beberapa aset yang tersedia di Canva bisa digunakan secara gratis dan berbayar.
 

3. Mockflow

Mockflow adalah salah satu aplikasi mockup yang memungkinkan kamu untuk membuat wireframes yang interaktif dan prototipe UI. Selain itu, Mockflow ini juga memungkinkan kamu untuk saling berkolaborasi dalam proses pengerjaan.

4. Proto.io

Proto.io adalah sebuah platform prototyping yang dirancang khusus untuk membuat mockup aplikasi mobile. Terdapat berbagai fitur yang tersedia untuk menunjang proses pembuatan mockup yang menarik dan juga kompleks, Proto.io ini juga bisa diakses di banyak jenis perangkat, seperti iPad, iPhone, dan juga Android.

5. Wirefy

Wirefy adalah salah satu software wireframing online yang dibuat khusus untuk proses pembuatan website dan pengembangan alat. Dengan menggunakan aplikasi yang satu ini, kamu bisa mempercepat proses desain karena software ini akan menciptakan transisi yang lebih halus antara sketsa awal dan hasil kerjanya.

 

Teknik Pembuatan

 Silahkan cermati video di bawah ini

Penugasan

1. Buatlah kelompok dalam kelas maksimal satu kelompok 6 anak
2. Diskusikan desain mockup dengan produk apa yang akan dibuat
3. Masing-masing kelompok membuat desain mockup disarankan menggunakan Canva.
4. Kelompok mencetak hasil desain mock-up di kertas A3++
5. Kelompok memotong dan merangkai Mock-up
6. Semua karya akan dipamerkan untuk dinilai saat pembelajaran berakhir.
7. Bentuk, desain, dan ukuran mockup tidak mengikat, boleh menggunakan desain yang sudah ada kemudian diredesign atau membuat sendiri.