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.

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

Cara Membuat Motion Graphic Menarik dengan Mengikutsertakan 4 Poin Penting di Dalamnya

Seni Rupa & Desain

Apa Itu Golden Ratio dan Dapatkah Diaplikasikan ke Desain Logo?

Seni Rupa & Desain

Tutorial Anaglyph di Adobe Photoshop Anti-Ribet yang Bisa Kamu Coba Sendiri di Rumah

Seni Rupa & Desain

Cara Membuat PowerPoint Animasi Bagus Serta Menarik