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

Dibaca Normal: 3 menit aja
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.

Slider
Slider
Slider

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.

UPDATES

Slider

UPDATES

Slider

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.

Slider
Slider
Slider
Artikel Terkait
Seni Rupa & Desain

Mengenal Aliran Naturalisme, Gaya Lukis Realistis yang Memanjakan Mata

Arsitektur & Interior
Seni Rupa & Desain

Mencetak Barang Impian dengan 5 Printer 3D Terbaik Ini

Seni Rupa & Desain

Mengenal FODA, Komunitas Doodle Art Indonesia

Seni Rupa & Desain

Cara Membuat Logo Mudah dan Kreatif

Seni Rupa & Desain

Apa Sih Sebenarnya Manfaat Bikin Nirmana? Anak Desain Wajib Tahu Nih!

Seni Rupa & Desain

Cara Menerapkan Orisinalitas Desain Biar Karyamu Beda dari yang Lain

Quizzes

Slider
      TRENDING
#Trending
Next >>
ad1
close-link
ad1
close-link
ad1
close-link
ad1
close-link
ad1
close-link
ad1
close-link
ad1
close-link
ad1
close-link
ad1
close-link
ad1
close-link
ad1
close-link
ad1
close-link
ad1
close-link