Wireframe/sketsa pada saat mendesain website sangat di perlukan supaya kita tidak bekerja 2 kali di komputer. Dan juga penting untuk menentukan gambaran awal desain website yang akan kita buat nantinya. Dengan dokumen gratisan ini, kamu bisa mulai mendesain menggunakan 960 Grid System pada kertas!

Permasalahan

Beberapa waktu lalu saya masih menggunakan kertas kosong untuk mulai mensketsa, tapi lama kelamaan karena di Photoshop saya bekerja dengan 960 Grid System, terkadang desain yang saya buat di sketsa tidak cocok (kelebihan/kekurangan ukurannya) jika di implementasikan kedalam sistem grid tersebut.

Solusi

Jadi saya berpikiran kenapa tidak di buat saja 960 Grid System pada kertas? Caranya yaitu dengan memindahkan grid di Photoshop lalu tinggal mencetaknya dengan printer! (kenapa tidak terpikir dari dulu!).

Ide ini muncul ketika saya melihat buku sketsa khusus developer/desainer IPhone. Pada buku sketsa tersebut ada gambar rangka IPhone. Ini tentu sangat memudahkan dalam mendesain, kita jadi tahu kira-kira akan terlihat seperti apa desain yang kita buat pada IPhone nanti.

Yes! Berhasil!

Saya sudah mencoba membuat sketsa menggunakan cara tersebut, dan hasilnya sungguh cepat, dan yang pasti ukuran perbandingan nya sudah pasti sama jika nanti saya memindahkan sketsa tersebut ke Photoshop.

Jadi, kalau kamu sering mendesain website atau ingin belajar mendesain website, silakan gunakan sketsa grid ini. Bisa di unduh pada tombol di akhir posting, tersedia dalam grid 12 kolom dan 16 kolom (55Kb). Tinggal buka dokumen ini di Photoshop, print di kertas A4 dan mulailah berimajinasi!

Info: Ternyata sudah ada yang membuat buku sketsa khusus desain web, hanya tidak ada gridnya.

Jangan sampai ketinggalan gratisan berguna seperti ini, ayo berlangganan dengan Email dan RSS. Temui juga Jurus Grafis di Facebook dan ikuti Twitter Jurus Grafis.

Sketsa 960 Grid System pada Kertas (1285)