Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
  1. Design & Illustration
  2. Inspiration

10 Tips untuk Desain Ikon Efektif

by
Read Time:10 minsLanguages:
This post is part of a series called Icon Design.
How to Create a Gearbox Settings Icon Using Simple Shapes
60 Free Vector Icon Packs for Design Professionals

Indonesian (Bahasa Indonesia) translation by Sittiana Ana (you can also view the original English article)

Menerjemahkan keutamaan ‘ikonik’ dari sebuah objek kedalam sesuatu yang memiliki arti secara metafor dan dapat dikenali secara langsung bukanlah hal mudah – biasanya ketika kebutuhan desain harus efektif pada 48x48 pixel sebagai 256x256!

Sebuah ikon yang mudah diingat dan fungsional adalah indah, ikonik, berarti dan fungsional. Berikut adalah 10 tips bijak untuk menciptakan ikon yang berbeda.Lainnya.

1. Mengabadikan Karakteristik Objek

Satu dari aspek penting dalam desain ikon anda adalah untuk menciptakan ikon yang secara langsung dapat dikenali. Dimana hal ini dapat merepresentasikan sebuah katak biru atau kaleng pensil, apa yang ingin digambarkan haruslah mudah untuk diidentifikasi dalam sekali lihat atau tujuan dari ikonnya akan hilang. Sebuah ikon harus, tentu, menjadi ‘iconic’ dimana metafor itu direpresentasikan.

Dalam sebuah tutorial desain ikon di Majalah Smashing, Vu dan Min Tran—orang yang menguasai desain ikon berdiskusi tentang proses mereka dibalik desan grafis pada bagian Bright! Icon Set.

Menggambar sebuah ikon berarti menggambar yang paling characteristik dari tipikal sebuah objek jadi dapat menangabadikan sebuah aksi ikon atau merepresentasikanan konsep dan nuansa.
Seperti yang anda mungkin ketahui, ada beberapa bentuk dari pensil yang bisa dipilih:

  1. Berbentuk prisma dengan lapisan yang bersinar diujungnya.
  2. Berbentuk prisma dengan penghapus dibagian badan pensil dam berwarna putih metal.
  3. Berbentuk silinter tanpa sebuah penggaris.

Kita dapat memilih yang kedua dari desain ikon karena itu elemen tidak langsung, terlihat lebih mudah untuk pengunjungnya dalam menyadari gambarnya.

Terkadang sangat baik untuk memilih bentuk yang lebih rumit dari sebuah objek karena beberapa item yang lain yang berbagi dengan karakteristik unik item lainnya, membuat objek lebih spesifik, anda mencoba untuk menggambarkannya sehingga ia gampang untuk diidentifikasi. Ada banyak objek siliner dengan ujung tip disamping pensil (pulpen, spidol, paku) dan benda kecil yang mungkin tidak bisa dibedakan, tetapi hanya pensil dengan bentuk prisma yang memiliki penghapus dengan cincin putih metal. Itu menjadi ‘ikonik’.

2. Pertahankan Ikon Sederhana dan Serbaguna Untuk Tetap Masuk Kedalam Jangkauan Proyek

Untuk pembuat ikon DryIcons, nilai kunci dari proses desain mereka adalah dengan tetap mempertahankan ikon mereka terlihat sederhana dan bergaya dasar, yang berlawanan serta bertujuan untuk gaya yang devinitif. Hal ini membantu ikon untuk lebih serbaguna dan mudah digunakan dalam jangkauan proyek sekali ia dijual sebagai satu pak untuk pengembang perangkat lunak. Jika ikon anda terlihat seperti rumah dalam jangkauan pengaturan, pasar yang berpotensi menjadi lebih lebar.

Bergantung kepada tren, kami merasa sangat penting untuk menjaga segala sesuatunya tetap sederhana dan medasar, jadi mereka dapat menerima tujuan yang diinginkannya: untuk memenuhi satu proyek sebagaimana yang seharusnya terlihat. Itu satu-satunnya tren yang kami ikuti.

3. Gunakan Sumber Penerangan yang Konsisten

Satu tip yang berguna ketika mendesain banyak ikon pak ialah untuk mengatur kekonsistenan antara keduanya, tidak hanya dari gaya tetapi juga dari detail dan sumber warna. Dimana biasanya hal ini merupakan pemikiran keua, ada beberapa ketidaksamaan dengan ikon pak bisa menjadi hal yang serius karena mempengaruhi keseluruhan kualitas dari ikonnya.

Dalam kilas ini, Windows Vista icons, telah dicatat bahwa sumber pencahayaan telah berubah tegantung pada sistem operasinya, tetapo hal ini tetap konsisten dengan setiap ikon di setnya.

Bayangan di objek ikon Vista adalah kenyataan pada jaman sekarang, kedalaman realitas hanya ada pada objek didunia nyata. Ikon Vista tidak memiliki pencahayaan yang datar yang dibuat sebagai dasar untuk ikon Windows XP. Sumber pencahayaan juga sangat berbeda dengan ikon Vista. Semua objek sekarang menghadapi sumber pencahyaan secara langsung. Dari Windows 95 ke Windows XP, sumber pencahayaan selalu datang dari atas bagian kiri dan objeknya selalu berputar melawan jarum jam, jauh dari sumber pencahayaan. Tempat ikon Vista dan pencahayaan akan sangat berbeda jika dibandingkan dengan Windows XP dan ikon sistem Windows yang lama.

4. Buatlah Ikon dalam Format Vektor (Argumen 1)

Ikon biasanya dibutuhkan dalam ukuran apapun, begitu pula hal ini merupakan kesempatan yang terbaik untuk membuat bentuk alami dengan skala yang pas di grafis vektor untuk menciptakan desain yang bagus dan dapat digunakan untuk tujuan apapun.

Yang lainnya, dengan perangkat lunak vektor seperti Adobe Illustrator, setiap bentuk, gradiasi dan tarikan yang membuat ikon bisa berubah dalam beberapa bagian, tidak seperti desain yang berdasar pixel yang membutuhkan gambaran ulang ketika perubahan sudah dilakukan.

Tutorial desain ikon yang luar biasa ini ada di VECTORTUTS, menggambarkan proses bagaimana menariknya sebuah desai grafis jika dibuat berdasarkan bentuk dasar dan gradiasi Illustrator.

5. JANGAN Buat Ikon dengan Format Vektor (Argumen 2)

Dilain sisi, grafis vektor bukanlah sesuatu yang selalu tepat untuk digunakan oleh perancang ikon. Dengan banyak ikon yang membutuhkan skala yang sangat kecil, grafis vektor terkadang tidak bisa mengatur reprodusi yang segar ketika dalam pola scan. Dalam hal ini, menggambar ulang secara keseluruhan untuk ukuran yang telah ditentukan akan memberikan hasil yang maksimal.

Web Interface Designers Firewheel Design menegaskan tentang pendekatan ini di diskusi yang mereka lakukan dalam bitmap vs. vector:

Ketika anda mengambil gambar vektor, aslinya itu sebesar 24x24 dan bisa diturunkan hingga skala 16x16 dengan proporsi yang tidak cocok. Tidak ada cara untuk medistribusikan 24 pixels dari informasi yang ada, menjadi ukuran 16 pixel (ingat, tidak ada sesuatu seperti setengah pixel). Jadi gambar akan kabur.
Tidak ada cara anda dapat mengatur skala 24 pixel menjadi 32 pixel. Lagi, gambar akan kabur.

Lebih lanjut, jika anda mengambil gambar vektor yang sama, aslinya berukuran 24x24 dan menaikan skalanya sampai 48x48, anda melipatgandakan proporsinya. Anda tidak lagi mempunyai baris 1 pixel. Anda mempunyai baris 2 pixel. Naikan skalanya (katakanlah 96x96) dan hasilnya akan terlihat lebih tebal.

6. Berhati-hati dengan Perbedaan Budaya

Sama dengan poin nomor satu, dimana telah disebutkan bahwa merupakan hal yang krusial untuk mengabadikan karakteristik yang ‘ikonik’ dari sebuah objek, dan hal ini juga penting untuk diingat bahwa mungkin ada perbedaan budaya yang cukup besar dalam mengartian item setiap harinya.

Turbomilk mendiskusikan data yang berguna dalam 10 Mistakes in Icon Design dengan contoh sebuah kotak pesan. Apa yang mungkin dikenali baik dari bentuk atau warna kotak pos yang berada disuatu negara, mungkin sangat berbeda dengan yang lainnya.

Selalu perlu untuk ikut andil dalam sebuah kondisi dimanakah ikon anda akan digunakan. Aspek penting disini merupakan karakteristik nasional. Tradisi budaya, lingkungan sekitar dan gerak tubuh dapat menyampaikan sesuatu yang berbeda dari negara satu ke negara lainnya.

Gunakan gambaran yang universal sehingga orang lebih mudah menyadarinya. Hindari terlalu berfokus pada aspek kedua dari sebuah elemen. Contohnya, untuk ikon persan, sebuah kotak pesan pedesaan mungkin kurang diminati dibandingkan stempel dari pos.

Note: perhatikan beberapa aturan ini ketika membuat ikon tanda bahaya ataupun tanda di jalanan, dimana hal ini bisa berbeda dari negara satu ke negara lainnya.

7. Gunakan Kombinasi Warna yang Berbeda

Jika sebuah ikon dibuat sebagai grafis lunak yang ditampilkan dalam bentuk bulat sepertinya akan terlihat berlebihan. Menggunakan warna yang kuat dan bentuk yang menarik yang akan membuat objek dan ikon terlihat lebih menonjol. Ingat bahwa ikon sangat jarang ditampilkan dalam latar belakang satu warna – dalam beberapa kasus akan ada banyak hal yang terjadi dibelakangnya, jadi mereka butuh untuk menonjol. Pikirkan juga bagaimana menggunakan kilat dan gelap terang untuk menciptakan efek akhir yang dinamis.

Jasper Hauser, seorang perancang dibalik ikon Camino, bersentuhan dengan ini dalam wawancara  sekaligus diskusi 'Apa yang membuat desain ikon terlihat bagus?

Secara mendasar, ada dua aspek yang merupakan dasar dari ikon yang bagus: 1) bentuk, dan 2) penggunaan warna. Jika anda mencari ikon Appzapper anda akan melihat ini 1) memiliki bentuk yang original, dan 2) menggunakan warna acak dan perpaduan warna yang tak beraturan. Melakukan lingkaran biru akan membuatnya tidak terang.

8. Ikon Desain untuk Bekerja dengan Format Besar dan Skala Kecil

Sudah disebutkan sebelumnya bahwa perancang ikon harus berakomodasi dengan skala kecil dalam pembuatan ikonnya. Bagaimana, dengan perkembangan teknologi yang maju, perancang harus bisa melakukannya dan berpikir kegunaan dari setiap ikon jika dengan skala besar daripada standarnya. Sebagai contoh, hal ini akan muncul di Windows Vista dimana ikon dapat diperbesar hingga tinggi 256px.

Dalam sebuah wawancara dengan Brian Brasher, seorang seniman dari Firewheel Design, dia ditanya:

John Marstall: Apa pendapat anda tentang membesarkan ikon dan resolusi secara mandiri?

Brian: Ikon yang lebih besar berarti lebih banyak detail, itu berarti lebih kaya akan pengalaman GUI sebagaimana memindahkan banyak restriksi sebuah pembuat ikon diatasnya yang membuat gambar lebih baik. Sayangnya, membuang semua sisa berarti ikonnya akan terlihat pcah jika dalam ukuran penuh buram, dan terlihat aneh dalam ukuran 32x32. Dua mata pisau. Akan menjadi sebuah kebetulan.

9. Hati-hati dalam Merencanakan Proses Desain Anda

Melakukan sketsa adalah proses biasa dalam segala aspek dibidang desain dan berlanjut menuju desain ikon. Keluarkan ide yang diluar jangkauan diatas kertas akan membantu untuk mengembangan produk dan akan menyesuaikannya dengan kebutuhan yang cocok sesuai tujuan. Karena sebuah desain ikon haruslah diakui untuk mengatur proporsi dan dimensinya sementara masih menjadi ‘ikonik’ dan mudah untuk dikenali, berencana maju adalah suatu kemajuan.

Michael Matas, seorang desainer grafis yang telah membuat ikon untuk Mac OS X dasarnya berbagi praktik pengerjaannya:

Saya selalu mulai dengan papan putih saya. Saya mencoba untuk menjadi lebih baik dan dengan metafor yang bersih untuk ikonnya. Saya menggambar beberapa ide yang berbeda dan biasanya berakhir dengan membungkus semua yang ada di papan putih. Ketika saya melakukannya dengan metafor yang baik, saya lalu akan mulai membuat sketsa untuk rancangan ikon dan sudut seperti apa yang ingin saya gambar terlebih dahulu. Saya membuka Google gambar dan mencari gambar Watson dan mencoba untuk menemukan gambar yang baik untuk objek yang saya gambar. Saya mengunduh segala sesuatu yang terlihat menarik dan membukanya dengan menggunakan Photoshop. Saya membuat beras Photoshop yang baru untuk menggambar ikon yang berada disekitar jendela dengan gambar yang baru saja saya unduh dari Web. Saya menggunakan gambar web untuk membantu saya mendapatkan ide untuk tekstur dan bentuk yang saya inginkan. Tetapi jika saya bisa, saya selalu mencoba untuk melihat objek yang sesungguhnya untuk mendapatkan inspirasi.

10. Hasilkan Metafor yang Menarik sekaligus Bersih untuk Ikonnya

tugas dari ikon adalah untuk menggambarkan aksi atau ide dari bentuk sebuah simbol grafis. Demikian metafor bermain sebagai bagian krusial dalam menerjemahkan aksi tersebut atau ide secara instan kepada penggunanya. Ketika menerima bayaran dari satu set ikon desain yang baru untuk Macinstruct, tim harus merenungkan jangkauan dari metafor untuk merepresentasikan kesulitan dari tutorial onlinenya:

Mungkin ini merupakan ikon yang paling susah untuk dipilih pada tutorial kita. Kita butuh peringkat kesulitan untuk tutorial kita, dan kita sangat ingin menjadi kreatif, cara efektif untuk menunjukkannya. Setelah beberapa hari memutar otak, kami datang dengan ide-ide berikut:

  • Thermometers: Tutorial mudah itu dingin, tutorial sedang itu sedang, dan tutorial yang sulit itu panas. 
  • Lampu Merah: Hijau untuk mudah, jingga untuk sedang, dan merah untuk susah.
  • Sabuk Karate: Putih, jingga, dan sabuk hitam ala kemampuan karatenya.
  • Puzzles: Sebuah puzzle degam 1 bentuk satu bagian. Bentuk kecil lebih terlihat sulit.
  • Tema Penerbangan: Kacamata debu untuk mudah, helm kulit tua dan kacamata debu untuk sedang, dan helm pejaung pilot dan masker udara untuk sulit.
  • Gambar Permesinan: Sebuah manual dan papan berliku papan berliku dan beberapa alat, dan oscilloscope.

Akhir kata, kita mengkombinasikan ide-ide tersebut dari satu sukarelawaan dengan Ric Getter. Semua orang setuju bahwa menggunakan pelindung kantung untuk mengidentifikasi kesulitan namun merupakan ide yang baik!

One subscription.
Unlimited Downloads.
Get unlimited downloads