Istilah mock up mungkin terdengar asing di telinga dan akan lebih familiar dengan istilah maket. Maket biasanya digunakan untuk membuat desain atau replika bangunan. Istilah mock up juga memiliki pemahaman yang demikian. Mock up website berarti desain rancangan awal untuk membuat desain website.
Mungkin kamu bosan dengan tampilan template website yang itu-itu saja dan ingin tampilan yang baru. Untuk itu, kamu bisa memulainya dengan membuat mock up. Salah satu software yang bisa kamu gunakan untuk membuat mock up website adalah Adobe Photoshop. Berikut ini ada beberapa tips membuat mock up web di Photoshop yang bisa kamu ikuti.
1. Manfaatkan Dua Sistem Grid Ini
sumber: hackerthemes.com
Menatap kanvas kosong akan membuatmu tidak nyaman dan sulit untuk menentukan posisi desain yang tepat. Untuk itu, kamu bisa menggunakan bantuan grid untuk menempatkan desain secara lebih presisi. Kamu bisa menggunakan bantuan 1200 Grid System PSD yang bisa kamu dapatkan di Google. Sistem grid lain yang bisa kamu gunakan yaitu Nathan Smith’s Smith Grid System. Jumlah grid ini bisa kamu sesuaikan dengan kebutuhan dan memudahkan dalam kode pemrograman yang akan kamu sertakan nantinya.
2. Gunakan Nestled Layer
sumber: photoshopcafe.com
Dalam satu mock up website, tentu akan ada banyak layer yang akan muncul. Agar pekerjaan tetap rapi, ada baiknya kamu memanfaatkan nestled layer. Nestled layer akan mempermudah kamu dalam mengelompokkan dan mencari bagian kelompok desain tertentu. Jumlah layer yang bisa dikelompokkan dalam nestled layer cukup bervariasi sesuai versi Photoshop yang kamu gunakan. Misal untuk Adobe Photoshop CS3 kamu hanya bisa mengumpulkan lima layer.
