Gambaran besar
Kamu sudah bikin desain poster dan Instagram Feed. Bagus. Tapi coba bayangkan: kalau kamu cuma kirim file JPG mentah ke klien (dalam hal ini gurumu), mereka harus membayangkan sendiri bagaimana poster itu terlihat kalau sudah ditempel di dinding. Atau bagaimana feed itu tampil di layar HP.
Itu capek. Dan sering kali hasilnya klien bilang “kok beda ya?” padahal desainnya sama persis.
Mockup menyelesaikan masalah ini. Mockup adalah simulasi tampilan desainmu di dunia nyata. Poster kamu “ditempel” di dinding kafe secara digital. Feed Instagram kamu “ditampilkan” di layar iPhone. Klien langsung paham konteksnya tanpa harus berimajinasi.
Tapi mockup saja tidak cukup. Kamu juga perlu bisa menjelaskan kenapa desainmu begitu. Ini bedanya tukang desain sama desainer: tukang desain cuma bikin yang diminta, desainer bisa menjelaskan alasan di balik setiap pilihan.
Langkah-langkah
1. Cari dan download mockup gratis
Kamu butuh dua jenis mockup untuk proyek ini:
- Mockup poster di dinding (untuk desain poster)
- Mockup smartphone (untuk desain Instagram Feed)
Tempat downloadnya:
- Smartmockups (smartmockups.com) — paling gampang, bisa langsung drag-and-drop di browser tanpa Photoshop
- Freepik — cari “poster mockup free PSD” atau “phone mockup free PSD”
- Mockup World (mockupworld.co) — koleksinya banyak, tapi perlu Photoshop untuk editnya
Pilih mockup yang bersih dan tidak terlalu ramai. Kalau mockupnya penuh dekorasi, desainmu malah tenggelam.
2. Masukkan desainmu ke dalam mockup
Ada dua cara, tergantung tools yang kamu punya:
Cara Photoshop (kalau pakai file PSD):
- Buka file mockup PSD
- Cari layer bernama “Smart Object” — biasanya ada ikon kecil di pojok thumbnail layer
- Klik dua kali pada Smart Object itu. Akan terbuka tab baru
- Paste desainmu di tab baru itu, atur ukurannya biar pas
- Save (Ctrl+S), lalu balik ke tab mockup. Desainmu otomatis masuk, lengkap dengan efek perspektif dan bayangan
Cara online (tanpa Photoshop):
- Buka Smartmockups.com
- Pilih template mockup
- Upload file desainmu
- Selesai. Download hasilnya
3. Susun slide presentasi
Kamu butuh 4-5 slide. Ini bukan presentasi yang panjang — cukup padat dan jelas.
Slide 1: Brief ringkas. Tampilkan tabel kecil berisi nama proyek, klien, pesan utama, tone & mood, warna utama, dan ukuran output. Ini mengingatkan audiens konteks proyeknya.
Slide 2: Moodboard. Tempelkan referensi visual yang kamu kumpulkan di awal. Ini menunjukkan bahwa desainmu punya dasar, bukan asal-asalan.
Slide 3: Proses — dari sketsa ke digital. Tunjukkan foto thumbnail sketch kamu, lalu screenshot proses pengerjaan di software. Ini membuktikan kamu benar-benar mengerjakan, bukan download template.
Slide 4: Mockup hasil akhir. Ini “bintang utama” presentasimu. Tampilkan mockup poster di dinding dan mockup feed di smartphone.
Slide 5: Spesifikasi teknis. Cantumkan detail: ukuran (pixel/cm), resolusi (DPI), color mode (RGB untuk digital, CMYK untuk cetak), format file, font yang dipakai, dan kode warna hex.
4. Tulis penjelasan keputusan desain di setiap slide
Ini bagian yang sering dilewatkan siswa, padahal justru ini yang dinilai.
Jangan cuma bilang “saya pakai warna oranye.” Jelaskan alasannya. Contoh:
- “Warna oranye (#FF6B35) dipilih karena memberi kesan energik dan hangat, sesuai dengan tema sportivitas acara ini. Warna ini juga kontras kuat dengan latar putih sehingga teks mudah terbaca dari jarak 2 meter.”
- “Font Montserrat Bold dipakai untuk heading karena karakternya tegas dan modern, cocok untuk audiens remaja. Untuk body text, dipakai Open Sans Regular agar tetap nyaman dibaca di ukuran kecil.”
- “Layout menggunakan komposisi asimetris dengan focal point di sepertiga kanan atas, mengikuti prinsip rule of thirds, supaya mata pembaca langsung tertuju ke informasi tanggal acara.”
Perhatikan polanya: setiap penjelasan punya tiga bagian — apa yang dipilih, kenapa dipilih, dan efek apa yang diharapkan.
5. Latihan presentasi
Targetmu 5 menit. Bukan baca slide, tapi jelaskan proses berpikirmu.
Kesalahan umum: siswa cuma mendeskripsikan apa yang terlihat (“ini posternya, ini warnanya oranye, ini fontnya Montserrat”). Itu deskripsi, bukan presentasi desain.
Yang benar: jelaskan mengapa. “Saya pilih oranye karena…” — “Layout ini sengaja asimetris supaya…” — “Font ini dipilih bukan cuma karena bagus, tapi karena keterbacaannya di ukuran kecil…”
Tips praktis: rekam dirimu pakai HP saat latihan. Putar ulang. Perhatikan apakah kamu terlalu sering bilang “eee…” atau membaca slide kata per kata. Perbaiki, rekam ulang.
Apa yang sering salah
Mockup resolusi rendah. Kalau desainmu 1080×1080 pixel tapi mockup smartphone-nya butuh gambar 3000 pixel lebar, hasilnya pecah dan burem. Sebelum memasukkan desain ke mockup, cek dulu ukuran yang dibutuhkan Smart Object-nya.
Mockup yang tidak relevan. Poster acara olahraga sekolah ditempel di mockup dinding kantor mewah — tidak nyambung. Pilih mockup yang konteksnya mendekati tempat desainmu akan benar-benar dipasang.
Presentasi tanpa “mengapa”. Ini jebakan paling umum. Kalau kamu cuma bilang “saya pakai warna biru karena bagus,” itu bukan alasan desain. “Bagus” itu subjektif. Yang diterima: “biru dipilih karena sesuai dengan identitas visual sekolah dan memberi kesan tenang untuk poster kegiatan literasi.”
Slide terlalu banyak teks. Slide presentasi bukan esai. Satu slide, satu poin utama. Penjelasan detail kamu sampaikan secara lisan, bukan ditulis semua di slide.
Kuis pemahaman
-
Apa bedanya mockup dengan desain final biasa (flat design)? Kenapa klien perlu melihat mockup, bukan cuma file JPG?
-
Kalau kamu presentasi dan bilang “Saya pakai font Arial karena mudah dibaca,” apakah itu sudah cukup sebagai penjelasan keputusan desain? Kalau belum, apa yang perlu ditambahkan?
-
Di slide presentasi, kamu memasukkan spesifikasi teknis seperti resolusi dan color mode. Untuk desain Instagram Feed, color mode apa yang seharusnya dipakai, dan kenapa?