Gubuku – 1. Pakai Metaphor yang Familiar (Universal)
Gak perlu maksa sok unik kalau akhirnya malah membingungkan. Pakai bentuk umum yang sudah dipahami orang banyak:
-
Pengiriman: Truk, motor, atau kurir.
-
Status Paket: Kotak kardus, jam, atau centang.
-
Lokasi/Tracking: Pin point peta atau radar.
2. Konsistensi Adalah Kunci (Style Consistency)
Pilih satu gaya visual dan gunakan di seluruh ikon!
-
Stroke Weight: Ketebalan garis semua ikon harus sama (misal: 2px).
-
Corner Radius: Kalau sudutnya melengkung (rounded), samakan kelembutan lengkungannya di setiap ikon.
-
Fill vs. Line: Tentukan apakah mau pakai gaya line art (garis saja) atau solid fill (berwarna penuh).
3. Jaga Visual Grid & Sizing
Selalu pakai icon grid standar (misalnya $24 \times 24 \text{ px}$ atau $32 \times 32 \text{ px}$). Grid ini menjaga agar proporsi antar-ikon terlihat seimbang secara visual, jadi gak ada ikon yang kelihatan kebesaran atau kekecilan saat disandingkan.
4. Perhatikan Konteks Status (Color State)
Di aplikasi logistik, warna pada ikon sangat krusial buat nandain status pengiriman:
-
Aktif / Sedang Diproses: Warna utama brand atau Biru.
-
Sukses / Sampai: Hijau.
-
Kendala / Problem: Merah atau Kuning.
Contoh Menerapkan Style Icon untuk Aplikasi Logistik
Coba bandingkan pendekatan style ikon berikut untuk menyesuaikan dengan vibe aplikasi kamu:
| Gaya Ikon | Karakternya | Cocok Buat Vibe Aplikasi |
| Minimalist Line Art | Garis bersih, simpel, dan modern. | Aplikasi logistik serba cepat & clean. |
| Filled Dual-Tone | Pakai dua warna berbeda dengan isi penuh. | Aplikasi kekinian yang ceria & ramah anak muda. |
| 3D / Soft Neumorphism | Punya kedalaman (shadow) & efek timbul. | Aplikasi express yang mau tampil beda & eksklusif. |
Langkah Praktis Saat Merancang Icon Set
-
Riset & List Fitur: Catat semua fitur yang butuh ikon (misal: Lacak Paket, Riwayat, Alamat, Customer Service, Bantuan).
-
Sketsa Awal (Brainstorming): Corat-coret bentuk dasarnya di kertas dulu sebelum masuk aplikasi desain (Figma/Illustrator).
-
Uji Keterbacaan dalam Ukuran Kecil: Kecilkan ikon sampai ukuran $16 \times 16 \text{ px}$. Kalau bentuknya makin buram atau gak jelas, berarti detailnya terlalu rumit dan harus disederhanakan.
-
Tes ke Pengguna (Usability Test): Tunjukin ikon kamu ke orang lain tanpa teks. Kalau mereka bisa nebak fungsinya dalam sekali lihat, berarti desainmu berhasil!
Penulis : Adellia SMK sudj
Leave a Reply