Semua yang Perlu Anda Ketahui Tentang Desain Ikon

Diterbitkan: 2020-08-27

Semua yang Perlu Anda Ketahui Tentang Desain Ikon

Ikon kecil tapi kuat, dan itulah mengapa penting bagi Anda untuk memikirkan desain ikon dengan hati-hati. Desainer di mana pun akan menjadi saksi atas jumlah kreativitas dan upaya yang dilakukan untuk menciptakan ikon yang bagus. Ini karena itu harus ekspresif tetapi juga sederhana pada saat yang bersamaan.

Latar belakang pada ikon

Desain ikon sebenarnya hanyalah gambar kecil yang akan mewakili objek atau program. Mereka adalah gambar yang sangat sederhana yang mengkomunikasikan pesan yang kuat. Ikon biasanya sangat mudah diingat, dan juga menjadi fitur utama di hampir semua antarmuka grafis.

Fakta Menarik: Asal kata ikon berasal dari karya Yunani 'eikona' yang berarti gambar. Ikon digital mulai muncul ketika sistem operasi GUI pertama seperti Macintosh dan Microsoft keluar.

Apa saja jenis-jenis ikon?

Ada tiga jenis ikon utama yang harus Anda ketahui. Berikut adalah beberapa wawasan tentang masing-masing dari mereka, dan jenis dampak yang mereka bawa ke pengalaman pengguna.

Ikon universal

Ini adalah ikon yang diakui secara universal. Misalnya, ikon untuk pencarian, cetak, rumah atau keranjang belanja adalah ikon tersebut. Tapi hanya ada satu masalah kecil. Ikon universal agak jarang. Ketika kami bermaksud langka, maksud kami selain dari contoh yang diberikan di sini, sebagian besar ikon menjadi ambigu dan dapat berbeda artinya berdasarkan antarmuka.

kosong
Ikon dengan arti yang berbeda

Seperti namanya, ikon-ikon ini memiliki banyak arti yang bisa membuatnya saling bertentangan atau bertentangan. Misalnya ikon hati dan bintang saling bertentangan. Fungsionalitas kedua ikon ini akan berubah dari satu aplikasi ke aplikasi lainnya, dan terkadang mereka juga dapat bersaing satu sama lain. Karena itu, ikon-ikon ini menjadi agak sulit untuk ditafsirkan dengan tepat. Bahkan dalam sebuah aplikasi, simbol-simbol ini bisa menjadi membingungkan, ketika pengguna mengkliknya dengan harapan untuk satu hasil tertentu dan sebaliknya, mendapatkan sesuatu yang lain.

kosong
Ikon unik

Bagaimana Anda bisa menggambarkan objek unik atau tindakan menggunakan ikon? Menggunakan desain ikon yang unik. Tetapi penting untuk dicatat bahwa ada banyak contoh di mana ini telah gagal. Misalnya, maknanya hilang ketika Apple memutuskan untuk mewakili pusat permainan mereka melalui sekelompok lingkaran berwarna. Apa arti lingkaran ini dan bagaimana hubungannya dengan game center?

kosong

Format ikon mana yang dapat Anda gunakan?

Ada beberapa jenis format ikon yang harus Anda ketahui saat meminta desain ikon.

  • SVG – ini adalah Grafik Vektor yang Dapat Diskalakan dan menyediakan format dasar yang sempurna. Karena skalabel, pada dasarnya berarti Anda dapat mengubah ukuran ikon tanpa kehilangan kualitasnya.
  • PNG – Format Grafik Jaringan Portabel adalah opsi untuk digunakan jika Anda menginginkan kompatibilitas penuh. Ini adalah format raster yang artinya didasarkan pada piksel dan Anda tidak dapat meningkatkan tanpa memengaruhi kualitasnya. PNG akan berfungsi di Word, PowerPoint, dan di email. Mereka dapat ditambahkan di atas latar belakang berwarna apa pun tanpa mengedit.
  • ICO – format ikon Microsoft Windows sangat bagus jika Anda ingin menggunakan ikon Anda untuk aplikasi Windows apa pun atau bahkan sebagai favicon untuk situs web Anda sendiri.
  • ICNS – format ini digunakan untuk tujuan yang sangat spesifik. Ini adalah format khusus Apple yang dapat digunakan dengan dokumen Mac OS X serta aplikasi.

Tip Kimp: Buat desain ikon Anda sesederhana mungkin. Cobalah untuk menggunakan item dunia nyata dalam desain Anda yang dengan jelas mewakili makna yang Anda maksudkan. Misalnya, Anda dapat menggunakan diagram batang untuk menunjukkan keuangan. Anda bisa menggunakan tas kerja untuk bisnis. Untuk membantu desainer Anda menemukan ikon yang tepat, beri mereka sebanyak mungkin konteks. Biarkan mereka tahu persis bagaimana ikon Anda akan digunakan.

Apa yang membuat ikon efektif atau tidak efektif?

Karena Anda sekarang memiliki gagasan tentang format ikon dan jenis ikon, mari kita lihat juga apa yang membuat ikon efektif atau tidak efektif. Dengan cara ini, ketika Anda bekerja dengan desainer Anda, Anda dapat melihat properti ini.

Kejelasan

Desain ikon harus segera menyampaikan pesan saat Anda melihatnya. Jika metafora yang Anda gunakan di ikon Anda tidak diketahui atau tidak jelas, orang akan bingung tentang apa artinya. Misalnya, ikon yang digunakan untuk Beranda diketahui semua orang – yaitu kejelasan. Sekarang bayangkan apa yang akan terjadi jika ikon untuk Beranda digambarkan sebagai lingkaran dengan titik di tengahnya? Itu akan membuat bingung bukan? Ikon yang membingungkan tidak efektif.

Keterbacaan

Setelah Anda mengurutkan faktor kejelasan, Anda sekarang harus memastikan bahwa ikon tersebut mudah dibaca. Jika Anda melihat contoh di bawah ini, ikon pertama sulit dipahami karena detailnya terlalu halus, membuatnya buram. Contoh bagus dari ikon kecil yang dilakukan dengan benar, adalah yang ada di peta Google di mana ada keterbacaan yang sangat baik. Menggunakan goresan yang lebih tipis, tidak menyisakan cukup ruang dan menambahkan terlalu banyak detail ke ikon kecil akan membuatnya tidak efektif karena kehilangan keterbacaan.

kosong
Perataan ikon

Desain ikon harus memiliki rasa keseimbangan dan ini dapat dicapai dengan menyelaraskan semua elemen secara optik. Ini berarti bahwa desain perlu diselaraskan sesuai dengan bagaimana pemirsa akan melihat elemen-elemennya.

kosong
Singkatan dari sebuah ikon

Ringkasnya ikon akan ditentukan berdasarkan jumlah detail yang Anda tambahkan. Buat ikon Anda sesederhana mungkin dan hindari menambahkan garis dan detail yang tidak perlu yang akan membuatnya tidak dapat dibaca dan buram.

Konsistensi

Jika Anda menyelesaikan desain ikon untuk aplikasi atau antarmuka tertentu, pastikan semua ikon Anda mempertahankan konsistensi yang sama. Jika beberapa ikon terlihat lebih detail, atau lebih tajam dari yang lain, Anda kehilangan konsistensi. Ini akan membuat antarmuka menderita dalam hal pengalaman pengguna.

Kepribadian desain

Sekali lagi, dengan antarmuka atau aplikasi yang Anda rancang, Anda harus memastikan bahwa setiap ikon mewujudkan kepribadian merek. Anda dapat beralih dari profesional menjadi menyenangkan dan rapi berdasarkan jenis gaya merek dan suara yang Anda miliki. Ini adalah bagian yang sangat penting dari pengarahan yang harus Anda berikan kepada desainer Anda saat mendesain ikon.

Ikon Anda harus mudah digunakan

Bahkan setelah menggambar menjadi 't', ikonnya masih jauh dari sempurna. Ikon yang dibuat oleh desainer Anda, perlu pengujian dan persiapan sebelum Anda dapat mengizinkan klien menggunakannya. Pengujian dan persiapan ini akan memastikan bahwa ikon tersebut mudah digunakan. Tanda-tanda ikon yang mudah digunakan adalah:

  • Terorganisir dengan baik – di sini Anda perlu memastikan bahwa desainer Anda telah menempatkan file master untuk desain dengan cara yang terorganisir dengan baik sehingga Anda dapat merujuknya nanti jika diperlukan. Anda dapat memintanya untuk diurutkan berdasarkan abjad, atau dalam urutan lain sehingga dapat ditemukan dengan mudah saat Anda membutuhkannya.
  • Terdokumentasi dengan baik – minta desainer Anda untuk mengomunikasikan prinsip-prinsip utama keluarga ikon dan juga mengatur aturan teknisnya. Anda juga dapat membuat dokumentasi ini menjadi publik setelah selesai, sehingga orang dapat merujuk jika mereka mau.
  • Diuji – pastikan Anda melakukan ini dengan desainer. Minta mereka untuk menempatkan semua ikon yang dirancang di samping satu sama lain, yang akan membantu Anda melihat konsistensi dan relevansi yang mereka miliki.
  • Didukung oleh alat khusus seperti manajer ikon. Jika Anda dapat menyediakan alat khusus apa pun yang akan membantu penggunaan ikon, Anda harus membuatnya dapat diakses.

Apa yang harus disertakan dalam ringkasan Anda untuk desain ikon?

Pertimbangkan semua kasus penggunaan

Ketahui di mana ikon Anda akan digunakan, dan apa yang perlu mereka wakili. Anda juga perlu membedakan antara ikon mana yang membutuhkan metafora, dan ikon mana yang akan dibuat berdasarkan objek kehidupan nyata. Setelah Anda memahami faktor-faktor ini, Anda dapat mengomunikasikannya kepada desainer Anda melalui brief.

kosong
Brainstorming konsep & metafora

Pertama, buat daftar semua penggambaran yang dapat digunakan untuk menggambarkan ikon sebaik mungkin. Sumber daya seperti kumpulan kata dan kamus sangat membantu untuk menemukan hal-hal seperti kata kunci, kata-kata serupa, dan definisi konsep yang ingin Anda sampaikan melalui ikon. Anda kemudian dapat mulai menyederhanakan ide-ide ini sehingga ikon (yang harus abstrak dan sederhana) akan mengirimkan pesan dengan jelas dan efektif. Cobalah untuk menyelesaikan sebanyak mungkin penelitian dan brainstorming Anda sendiri, dan kemudian mintalah dukungan dari desainer Anda untuk sisanya.

Temukan referensi yang bermanfaat

Selalu berinvestasi dalam penelitian untuk menemukan referensi berkualitas. Kemungkinannya adalah di suatu tempat, seseorang telah membuat versi fantastis dari ikon yang ingin Anda desain. Jika Anda dapat menemukan ini, Anda juga dapat menemukan inspirasi Anda. Ketika Anda memberikan referensi ini kepada desainer Anda, dia akan lebih mudah memahami perspektif Anda.

Pilih gaya ikon

Beberapa gaya yang populer adalah glyph, flat, outline, material dan hand-drawn. Ketika Anda menyelesaikan gaya, Anda perlu memikirkan dua faktor penting. Salah satunya adalah antarmuka UI tempat ini akan ditampilkan dan gayanya. Yang kedua adalah persyaratan untuk antarmuka itu, seperti apakah itu Material atau iOS.

Diskusikan secara detail dengan desainer Anda

Pastikan desainer Anda mempertahankan konsistensi di semua ikon yang telah Anda rancang. Untuk memperjelas, minta mereka membuat sketsa lengkap dari semua ikon yang harus diselesaikan.

Setelah menyetujui sketsa konsep ikon Anda, Anda harus meminta versi vektor. Kemudian akhirnya, dapatkan beberapa maket ikon Anda sehingga Anda dapat melihat apakah mereka cocok dengan berbagai kasus penggunaan Anda dengan baik.

kosong

Sekarang kita telah membahas apa yang harus Anda sertakan dalam pengarahan Anda untuk membuat ikon Anda terlihat tajam. Jadi selanjutnya mari kita membahas hal-hal utama yang perlu diwujudkan dalam ikon yang Anda desain, sehingga hasil akhir Anda tepat sasaran. Pastikan bahwa Anda mendiskusikan ini dengan desainer Anda.

Daftar periksa untuk membuat ikon baru

Langkah-langkah yang dijelaskan di bawah ini akan diambil oleh desainer Anda untuk membuat desain ikon Anda.

Hindari ikon buram

Agar ikon terlihat tajam, runcing, dan merentang, ikon harus diposisikan pada piksel. Ini akan menghilangkan cegukan yang buram.

Periksa dimensi dan berat

Kami menyarankan Anda menggunakan tes juling untuk memastikan bahwa semua ikon Anda memiliki berat dan dimensi yang sama. Pada dasarnya hanya juling, dan lihat bagaimana ikon Anda muncul relatif satu sama lain. Jika ada penyesuaian yang diperlukan, pastikan untuk mendapatkan bantuan desainer Anda. Salah satu tip di sini adalah menggunakan lingkaran dan bujur sangkar yang sempurna untuk memastikan bobotnya sama di seluruh rangkaian ikon Anda.

kosong
Menggunakan bentuk geometris

Minta desainer Anda untuk menggunakan bentuk geometris yang sederhana dan tegas untuk menggambar ikon Anda. Ini akan membuat ikon menjadi jelas dan terlihat menarik secara estetika.

Hindari terlalu merinci

Hapus detail apa pun yang membuat ikon Anda terlihat sibuk dan berat, saat Anda menjalankannya dengan desainer. Sebaliknya, pertahankan detail dasar dan sederhana saja, yang akan membuat ikon terlihat bersih dan jelas. Ikon kecil dan bisa berubah menjadi gumpalan dengan terlalu banyak detail.

Jaga ruang

Semua detail halus dalam ikon membutuhkan ruang bernapas. Jika mereka semua menempel terlalu dekat, mereka akan membuat seluruh desain menjadi berlumpur. Saat Anda melihat ikon, lihat apakah semuanya memiliki ruang yang cukup sehingga detailnya jelas dan apakah artinya langsung jelas bagi Anda.

Kontras dalam ikon

Pastikan ada kontras warna yang cukup pada ikon. Keseimbangan hitam dan putih harus tepat. Jika kontras tidak cukup, ikon akan terlihat tidak jelas.

kosong
Lihatlah kesatuan visual

Faktor lain yang harus Anda perhatikan disebut kesatuan visual dari sebuah ikon. Pada dasarnya ini berarti bahwa berat garis, ukuran sudut, palet warna yang digunakan, tingkat detail yang disertakan, dan elemen desain tetap konsisten melalui rangkaian ikon yang lengkap. Pastikan untuk membicarakan hal ini dengan desainer Anda karena banyak hal yang harus dilacak!

Desain ikon menyenangkan, tetapi sulit untuk dilakukan dengan benar

Kami telah membawa Anda melalui banyak informasi sehingga Anda dapat memulai dengan desain ikon. Banyak hal yang perlu diperhatikan dan dibiasakan, jadi pastikan bekerja dengan desainer yang baik untuk mendapatkan ikon yang tepat. Dan berikan mereka semua detail yang mereka perlukan untuk memahami bagaimana ikon Anda akan digunakan, dan siapa yang akan melihatnya. Dan segera Anda akan memiliki serangkaian ikon hebat yang kuat, jelas, dan dirancang dengan mudah.