Menggunakan Ilustrasi secara Efektif
Ilustrasi memberikan personality dan membuat UI lebih engaging. Tapi penggunaan yang salah bisa terasa "generic" dan tidak menambah nilai.
Kapan Menggunakan Ilustrasi
Efektif:
- Empty states — "Belum ada pesanan" + ilustrasi yang friendly
- Onboarding — menjelaskan fitur baru
- Error pages — 404, maintenance page
- Marketing/landing page — hero section, feature showcase
Kurang efektif:
- Dashboard data-heavy (terlalu ramai)
- Form pages (mengganggu fokus)
- Halaman yang sering dikunjungi (jadi annoying)
Style Consistency
Seperti ikon, ilustrasi harus konsisten dalam style:
- Apakah flat atau 3D?
- Apakah menggunakan outline atau filled?
- Color palette harus match dengan brand
- Level detail yang konsisten
Tips Praktis
- Jangan gunakan stock illustration generik — ilustrasi yang sama dipakai ribuan website lain mengurangi keunikan brand
- Ukuran proporsional — ilustrasi jangan terlalu mendominasi konten utama
- Responsive — gunakan SVG agar tidak pecah di retina display
- Loading performance — optimize ukuran file, gunakan lazy loading
- Alt text — jika ilustrasi menyampaikan informasi, tambahkan alt text yang deskriptif
Sumber Ilustrasi
- unDraw — ilustrasi open-source yang bisa custom warna
- Storyset — ilustrasi animasi gratis
- Custom — investasi terbaik jika budget memungkinkan
Notion menggunakan ilustrasi custom yang sangat khas — sederhana, flat, dan konsisten. Ini menjadi bagian dari identitas brand mereka.
