Menubar 2.0 - Desain Interface Aplikasi Web
Menubar 2.0 adalah konsep header dan menu yang dirancang untuk desain interface aplikasi berbasis web (web-based).
Wireframe
Konsep desain menubar ini cukup sederhana, seperti pada umumnya. Perhatikan wireframe di bawah ini.
Area A
Area A adalah area header. Umumnya digunakan untuk menempatkan logo dan menu-menu lain yang mungkin saja ada, misalnya text status dan identitas user yang sedang login (cth: Welcome, You are logged in as User XXX). Untuk menjaga aspek keseimbangan desain, logo bisa ditempatkan di sebelah kiri dan elemen lain yang mungkin ada ditempatkan di sisi kanan (atau sebaliknya).
Area B
Area B adalah area menu. Dalam konsep desain ini, menu didesain sebagai menu tab. Wireframe di atas mencontohkan menu Dasboard yang merepresentasikan konsep menu aktif dan menu-menu yang lainnya (Manage, Administration dan Options) merepresentasikan konsep menu non-aktif.
Area C
Area C bersifat tambahan. Area ini bisa digunakan sebagai menu hints/tips yang berisi keterangan tambahan terkait dengan menu yang sedang aktif, atau bisa juga digunakan sebagai sub-menu. Bila digunakan sebagai sub menu, maka model yang tepat adalah bentuk menu teks horizontal.
Aspek Visual
Desain menubar ini didesain agar tampak solid dengan mengandalkan penerapan gradient secara vertikal yang dsempurnakan dengan pengaturan Color Stops. Mengingat tujuannya bukan untuk desain website/blog, maka kita desain ini tidak memerlukan sebuah desain yang penuh elemen artistik. Bobot utama adalah aksesibilitas menu dan elemen informatif lainnya yang mungkin ada dalam menubar ini sehingga dapat diakses dan dipahami user secepat mungkin. Tetapi tentu saja tanpa mengorbankan kenyamanan visualnya.
Download
File master Menubar 2.0 (PSD Layered Format) dapat Anda download di sini.
File download ini dipaket dengan format kompresi 7z (7-zip). Anda bisa menggunakan 7-Zip atau IZArc (FREE download) untuk mendekompres file ini bila aplikasi yang Anda miliki tidak mendukung format 7z.
