Seni Rupa & Desain

Biar Desain Web Makin Kece, Ikuti Tips Membuat Mock up Web Di Photoshop Ini

mockup website

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

Grid mock up website

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.

Baca Juga :   Cara Menggambar Anime untuk Pemula

2. Gunakan Nestled Layer

Nestled Layer mock up website

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.

About author

Related posts
Seni Rupa & Desain

Ini Dia Channel YouTube Yang Wajib Kamu Tonton Sebelum Melakukan Room Makeover Ala KDrama!

Seni Rupa & Desain

7 Font YouTube Thumbnails Agar Terlihat Unik dan Menarik

Seni Rupa & Desain

Concept Art, Apa Itu? Ini Hal-Hal yang Perlu Kamu Ketahui tentang Concept Art

Seni Rupa & Desain

Banyak yang Susah Membedakan, Sudah Tahu Beda Typeface dan Font?