Set ikon untuk website atau aplikasi: cara merencanakan dan memesannya

3 menit baca

Ikon adalah gambar kecil yang memberi tahu orang di mana harus mengetuk: beranda, keranjang, pengiriman, dukungan, profil. Jika ikon diambil dari berbagai paket gratis, situs terlihat tambal sulam, dengan garis tebal di samping garis tipis dan sudut bulat di samping sudut tajam. Set yang serasi mengatasi hal itu dan membuat situs sederhana pun terlihat rapi. Berikut cara merencanakannya.

Set ikon yang serasi untuk website atau aplikasi

Buat daftar sebelum yang lain

Telusuri situs atau aplikasi Anda dan catat setiap tempat yang akan terbantu dengan ikon:

  • Menu utama: beranda, katalog, pencarian, keranjang, akun.
  • Fitur atau keunggulan: pengiriman cepat, pembayaran aman, pengembalian barang, dukungan.
  • Kontak dan tindakan: telepon, email, lokasi, bagikan, unduh.

Jelaskan setiap ikon dalam beberapa kata, misalnya "pengiriman: mobil boks kecil" atau "pengembalian: kotak dengan panah". Makin jelas daftarnya, makin sedikit revisi nanti.

Berapa banyak ikon yang Anda butuhkan

  • Sekitar 4: landing page dengan tiga atau empat keunggulan, atau presentasi singkat.
  • Sekitar 8: bagian dan fitur utama situs kecil.
  • Sekitar 16: set lengkap untuk aplikasi atau situs yang lebih besar dengan banyak bagian.

Biasanya lebih baik memesan sedikit lebih banyak dari yang Anda perlukan hari ini. Ikon yang digambar belakangan, dalam pesanan terpisah, lebih sulit dibuat persis serasi.

Pilih satu gaya

Pilih satu gaya dan pertahankan untuk seluruh set:

  • Outline: garis tipis, ringan dan modern, cocok untuk antarmuka yang bersih.
  • Filled: bentuk padat, mudah dibaca dalam ukuran sangat kecil.
  • Duotone: dua gradasi dari satu warna, sedikit lebih berkarakter.
  • 3D: volume lembut dan bayangan, cocok untuk landing page yang cerah.

Jika Anda sudah punya beberapa ikon yang Anda sukai, bagikan tautannya agar ikon baru mengikuti tampilan yang sama.

Warna

Gunakan warna merek Anda dan berikan dalam kode hex, seperti #1A73E8, jika Anda memilikinya. Satu warna utama dan satu warna aksen biasanya sudah cukup. Jika Anda belum punya warna merek, palet netral cocok di latar apa pun.

Ukuran kecil menentukan segalanya

Ikon di menu sering kali hanya selebar 24 piksel. Pada ukuran itu detail menghilang, jadi bentuk sederhana yang menang:

  • Satu gagasan per ikon. Mobil boks untuk pengiriman, bukan mobil boks dengan jalan, jam, dan kotak.
  • Tanpa teks di dalamnya. Kata-kata tidak terbaca saat ikon kecil.
  • Simbol yang sudah dikenal. Kaca pembesar untuk pencarian dan keranjang untuk belanja dipahami di mana saja.

Apa yang Anda terima dan cara memakainya

Set biasanya dikirim sebagai file PNG terpisah dengan latar transparan, sehingga setiap ikon bisa ditempatkan di warna apa pun. PNG adalah format raster: cocok untuk website, aplikasi, dan slide, tetapi bukan file vektor yang bisa diperbesar tanpa batas. Jika Anda butuh favicon, konverter online gratis bisa mengubah PNG menjadi file ICO dalam semenit.

Ringkasnya

Daftar yang jelas, jumlah ikon yang tepat, satu gaya, dan warna merek Anda: begitulah set terlihat seragam di setiap layar. Jika Anda lebih suka set ikon digambarkan untuk Anda, pesan set ikon: Anda mengirim daftar ikon, gaya, dan warna Anda, lalu menerima 4, 8, atau 16 ikon yang serasi sebagai file PNG terpisah dengan latar transparan. Pembayaran baru dicairkan setelah Anda menerima hasil kerja.