Portfolio

myZone in RED

Inilah desain baru myZone, tampil dengan perpaduan warna lebih kuat. Dengan header merah dipadukan warna hitam dan orange. Wait, apa yang ada di pikiran anda tentang desain baru ini? Yep, mungkin ada yang sepakat dengan saya bahwa desain baru ini (khususnya bagian head) menjadi mirip warna bendera Germany. But it's oke lah, biarin ajah ;)

Untuk portfolio kali ini, saya akan menampilkan sketsa atau rancangan di atas kertas ketika saya akan membuat layout myzone. Setiap kali merancang halaman web, saya selalu menggunakan grid-grid untuk membantu saya menentukan ukuran-ukuran layout web. Begitu pun dengan desain myzone.

Intinya, layout myzone ini dibagi menjadi tiga kolom utama dengan ukuran tiap kolom sudah ditentukan ketika merancang layout. Dan, disinilah fungsinya grid-grid yang saya buat tersebut. Seperti terlihat pada gambar-gambar sketsa, tiap-tiap blok diberi nomor dan keterangan yang nantinya akan ditentukan pula deskripsi lengkap tiap kolom tersebut. Deskripsi yang biasa ditulis diantaranya nama blok, ukuran blok (width dan height), padding ato margin, ato infolainnya sesuai kebutuhan.

Cara seperti ini adalah cara termudah dan paling sering saya gunakan ketika merancang layout web. Jadi, ini adalah acuan ketika slicing dan membangun halaman HTML + CSS +javaScript. Selain itu, mudah untuk didokumentasi.

• 
• 
•