Cara mendesain favicon

Cara mendesain favicon - Desain favicon lebih penting dari yang mungkin Anda pikirkan. Ukuran sangat penting di sini karena logo yang dirancang dengan baik harus dikenali pada ukuran apa pun yang dilihatnya. Ini perlu diubah ukurannya dari layar besar hingga ikon yang sekecil 16 x 16 piksel, yang dikenal sebagai favicon. Contoh desain favicon yang bagus adalah logo Google. Ini berfungsi sempurna untuk layar yang lebih besar dengan 'G' yang besar dan teks empat warna yang khas. Dan itu masih dapat dikenali ketika menyusut menjadi 'G' empat warna kecil yang terlihat di bilah alamat browser web.

Favicon juga dapat dilihat sebagai ikon pintasan, ikon tab, atau ikon bookmark, jadi perlu terlihat bagiannya. Untuk melihat desain favicon yang berfungsi, lihat kumpulan inspirasi desain logo kami dan lihat koleksi ikon aplikasi iOS yang menakjubkan ini dengan benar.

Pada artikel ini, kita akan membahas proses bagaimana mendesain favicon yang sempurna. Kami akan menyertakan tip khusus untuk membuat favicon untuk perangkat Apple, Android, Chrome, Opera dan Safari. Ditambah panduan praktis tentang berbagai ukuran dan format favicon yang perlu Anda ketahui. 

Pada masa-masa awal web, favicon hanyalah sebuah file ikon 16x16px, tetapi sekarang ini sedikit lebih rumit. Ada berbagai ukuran dan proses favicon untuk konteks yang berbeda. Membuat favicon yang tepat adalah sebuah ilmu.

Jadi, kami akan memulai dengan beberapa tip teratas tentang tampilan favicon Anda, dan kemudian beralih ke saran khusus tentang cara membuat favicon untuk konteks yang berbeda. 

ATURAN DESAIN FAVICON

01. Buatlah agar dapat dikenali

Hal pertama yang harus dipertimbangkan saat mendesain favicon adalah apa yang perlu ditampilkan di kanvas. Ingatlah bahwa favicon Anda hanya ditampilkan kepada pengguna ketika mereka sudah ada di situs web Anda atau telah mem-bookmark-nya. Jadi tidak perlu mencoba dan menarik pengguna dengan favicon Anda.

02. Gunakan logo Anda

Pertimbangkan favicon sebagai penunjuk arah yang membantu pengguna mengenali situs web Anda saat menjelajahi daftar bookmark dan layar beranda mereka. Oleh karena itu, Anda ingin menggunakan logo Anda, atau simbol mana pun yang paling memudahkan pengguna mengenali situs web Anda. Jika Anda tidak memiliki logomark yang sesuai dengan kanvas kuadrat, gunakan bagian logo Anda yang paling mudah dikenali.

03. Jaga agar tetap jelas

Ada juga beberapa hal yang harus Anda hindari. Jangan gunakan favicon sebagai alat pemasaran - artinya tidak ada label harga, spanduk 'baru' atau 'diperbarui', dan sebagainya. Faktanya, Anda sama sekali tidak ingin memasukkan teks ke dalam favicon. Teks tidak diskalakan dengan baik, dan kemungkinan besar teks itu tidak terbaca. Terakhir, jangan gunakan foto - foto akan berlumpur dan tidak dapat dikenali pada ukuran tampilannya.

04. Buat dua versi

Saat favicon pertama kali diperkenalkan di Internet Explorer 5, favicon muncul di bilah URL dan di daftar bookmark. Saat ini, favicon ditampilkan dalam banyak konteks lain, termasuk daftar bookmark, menu pintasan, dan bahkan layar beranda seluler dan TV. Ini menyulitkan untuk memprediksi bagaimana favicon Anda akan ditampilkan kepada pengguna akhir.

Untuk memastikan favicon Anda terlihat bagus dalam banyak konteks berbeda yang akan dimunculkan, idealnya Anda harus memberikan dua gaya favicon:

Logo di latar belakang transparan

Versi ini ditampilkan di bilah URL, daftar bookmark, dan tempat lain di mana favicon muncul di sebelah URL atau nama situs web Anda.

Logo pada solid fill

Versi ini digunakan dalam bookmark seperti kisi dan menu pintasan di mana browser atau perangkat menutupi latar belakang, untuk mencapai tampilan yang seragam dalam konteks. Jika anda membutuhkan bantuan kami, silahkan hubungi Jasa Desain Grafis di Bali Kura Design.