Ikon mungkin menjadi salah satu contoh desain yang paling penting - dan diremehkan - dalam portofolio Anda. Berikut ini adalah desain ikon dengan beberapa contoh yang menginspirasi.

Elemen ikon ditampilkan hampir di mana-mana, tetapi kadang-kadang diproduksi apabila diperlukan. Seharusnya tidak demikian. Desain ikon yang hebat dapat menjadi ciri khas dan menambah image suatu proyek.

Mari kita lihat apa yang baru, dan apa yang terbaru dalam desain ikon pada tahun 2020!

1. Ikon Garis dengan Bentuk Warna
Ikon garis selalu menjadi pilihan populer, berkat gaya sederhana yang terlihat bagus dengan hampir semua elemen desain lainnya. Tren menambahkan sedikit visual dengan sembulan warna, seringkali dalam bentuk lingkaran atau persegi, di belakang ikon garis.

Bentuk warna mungkin mengisi bagian dari desain ikon garis, tetapi lebih sering muncul di latar belakang. Minat visual kecil ini dapat menyatukan ikon yang disatukan, menekankan warna merek, atau menyegarkan situs ikon garis yang lebih lama.

Bagian rumit dari desain ikon adalah penempatan dan ukuran elemen bentuk warna. Jika warnanya terlalu besar atau terlalu terang, ia dapat menghilangkan ikonnya. Jika bentuknya terlalu kecil, Anda berisiko terlihat seperti kesalahan.

Meskipun tidak ada ukuran sempurna, sebagian besar ikon yang menggunakan tren ini mempertahankan bentuk warna sekitar seperempat dari ukuran penuh ikon.

2. Bentuk Ikon Abstrak
Tidak yakin ikon apa yang mewakili konten Anda? Bentuk ikon abstrak mungkin jawabannya.

Lebih banyak desainer membuat ikon gaya abstrak untuk digunakan di seluruh situs web. Yang menyenangkan tentang gaya ini - dan tren secara umum - adalah bahwa gaya abstrak menciptakan rasa imajinasi dan keajaiban yang cocok dengan beberapa tren keseluruhan yang lebih besar dalam desain.

Kunci untuk bekerja dengan bentuk abstrak adalah memastikan Anda tidak mereplikasi sesuatu secara tidak sengaja dan ikon benar-benar abstrak. (Jangan mencoba membuat ikon yang mirip dengan logo Anda, misalnya, mungkin terlihat seperti kesalahan.) Untuk sesuatu yang benar-benar cocok, gunakan palet warna yang sama untuk ikon dan bahan merek.

3. Warna Dasar
Palet warna primer adalah pilihan yang berani, cerah, dan menarik untuk elemen desain kecil.

Tren desain ikon ini memanfaatkan warna merah, biru, hijau, dan kuning (bersama dengan ungu dan oranye) untuk membuat seperangkat aturan warna dasar. Apa yang membuat gaya ini bekerja adalah fokus pada warna untuk menarik perhatian pada elemen kecil di layar. Warna primer juga akan menonjol dari semua bilah "Material" yang telah mendominasi palet akhir-akhir ini.

Lembutkan desain dengan gradien (atau gradien imitasi-ombre, seperti contoh di atas) untuk menjaga palet warna agar tidak terlihat terlalu dasar. Jangan berlebihan saat bekerja dengan warna primer. Mereka bisa menjadi sentuhan yang luar biasa. Pertimbangkan palet primer yang diredam atau skema monokromatik.

4. Ikon dengan Ikon Latar Belakang
Beberapa ikon yang sedang tren memiliki ikonnya sendiri. Serius!

Untuk penggunaan ikon yang lebih rumit - kami tidak mengambil ikon kecil di sini - ikon dapat ditumpuk dan berlapis untuk membuat lebih banyak elemen seni.

Tren ini sering menggunakan warna dan bayangan untuk membedakan antara ikon fokus utama dan ikon latar belakang. Ikon utama seringkali penuh warna atau ikon diisi. Ikon latar belakang hampir selalu bergaya garis dan mungkin memiliki palet warna terang.

Anda dapat membuat efek ini dengan banyak kit ikon premade dengan mencampur dan mencocokkan ikon dengan berbagai cara. Ciptakan kedalaman dan minat visual dengan ikon-ikon dengan tema yang sama dan tempelkan pada beberapa elemen agar adegan tidak terlalu sibuk. Jangan takut untuk menggunakan dan menggunakan kembali elemen dan menggunakan ikon yang sama (garis bergantian dan diisi) di latar belakang dan latar depan.

5. Ikon Dua Warna
Tren desain ikon lainnya yang dibangun berdasarkan gaya ikon garis populer adalah membuat elemen dua warna.

Ikon dua warna dapat dibangun di atas palet warna atau warna merek yang ada atau menggabungkan hampir semua pasangan warna lainnya. Saat merancang menggunakan tren ikon, cari pasangan warna yang akan menonjol dari latar belakang di mana Anda berencana untuk menggunakannya.

Ketika datang ke desain, pilih warna utama untuk sebagian besar ikon. Gunakan warna sekunder untuk aksen elemen ikon. (Pikirkan untuk menggunakan warna primer untuk 70persen hingga 80persen dari desain dan warna sekunder untuk sisanya.)

Ini menciptakan aksen dalam desain ikon yang akan membantu menarik mata ke elemen desain, dan mudah-mudahan, konten di sekitarnya juga.

6. Ikon “Singkatan”
Jika Anda menelusuri toko aplikasi apa pun, Anda akan melihat banyak tanda umum - amplop untuk aplikasi surat, memeriksa aplikasi produktivitas, mengunci aplikasi keamanan.

Ikon singkatan ini memberikan pesan visual cepat yang memberi tahu pengguna apa yang dilakukan aplikasi. Tulisan yang sama ini berlaku hampir secara universal untuk semua desain ikon. Saat desainer bereksperimen dengan ikon dengan gayanya sendiri, ada kecenderungan untuk menggunakan ikon untuk makna tertentu.

Dan ini adalah hal yang baik. Ikon harus mudah dilihat dan dipahami sekilas. Ikon harus membantu pengguna mengetahui apa yang harus mereka lakukan dan bagaimana mereka harus berinteraksi dengan desain. Ikon singkat yang umum ini adalah evolusi yang bagus tentang bagaimana melakukan hal itu.

7. Warna Cerah
Pilihan warna yang cerah telah menjadi masalah besar dalam semua aspek desain. Itu tidak berbeda dengan ikon. Warna cerah adalah cara yang menarik untuk menarik mata ke ikon.

Warna digunakan dalam beberapa cara berbeda dalam hal tren desain ikon:

Sebagai latar belakang dengan ikon gaya garis putih atau hitam
Untuk elemen ikon penuh warna dengan tampilan yang lebih realistis
Untuk elemen ikon dengan desain yang lebih datar, gradien, atau super cerah
Pilihan warna yang populer di keluarga yang cerah termasuk kuning, biru, hijau, dan ungu. Warna-warna ini cenderung berada di sisi terang dan membuat palet warna dengan tiga hingga lima warna untuk set ikon yang populer.

Tidak yakin harus mulai dari mana? Material Palette menampilkan warna-warna yang merupakan bagian besar jika tren desain ikon warna.

8. Ikon dalam Logo
Perhatikan berapa banyak ikon fitur logo. Setelah Anda mulai memikirkannya, tidak melihat semua ikon kecil dalam desain logo akan sulit.

Yang menyenangkan tentang ikon dalam logo adalah ia berfungsi dengan nama merek, dan dengan waktu dan ekuitas merek dapat berdiri sendiri. Pikirkan contoh di atas, Spotify. Meskipun penyedia musik belum ada selama itu (dalam lingkup merek), lingkaran dengan tiga garis sangat dapat diidentifikasi.

Ikon berfungsi dalam warna dan tanpa - kunci ikon yang kuat - dan dapat berdiri sendiri atau dengan huruf. Fleksibilitas ini membuatnya mudah untuk melihat mengapa ikon adalah elemen yang populer dalam desain logo.

9. Lingkaran
Lingkaran adalah salah satu bentuk yang paling harmonis. Dan ketika datang ke desain ikon, mereka agak populer. Dari ikon yang terkandung di dalam bola hingga lingkaran di dalam objek, membuat tanda desain menggunakan lingkaran dapat menciptakan nuansa yang tepat bagi pengguna.

(Ingin tahu lebih banyak tentang lingkaran dalam desain? Kami mendapatkannya di sini.)

Bagian dari pengaruh lingkaran dalam desain ikon mungkin terhubung kembali ke beberapa pedoman yang ditetapkan oleh Google dengan Desain Material. Semua tombol melingkar itu sempurna untuk mengetuk ponsel. Dan filosofi yang sama berlaku untuk desain ikon. (Bayangkan seberapa sering ikon merupakan elemen yang dapat disentuh atau diklik.)

Bagian yang bisa menjadi sedikit trik tentang tren ikon ini adalah menyatukan lingkaran di semua tempat di mana bentuk lain digunakan. Ikon aplikasi cenderung persegi; profil media sosial berbentuk lingkaran (dan persegi).

Saat membuat ikon bundar, pastikan konten desain ikon mudah dipahami dengan ukuran kecil, karena Anda harus sering mengecilkannya agar pas di tempat lain.

10. Desain Ikon Gaya Garis
Ikon gaya garis tampaknya menjadi tren yang tidak pernah menjadi tua.

Sebagian alasannya adalah bahwa gaya ikon ini dapat bekerja secara praktis di mana saja pada jenis latar belakang apa pun. Banyak paket ikon yang dapat diunduh sering menyertakan desain gaya garis karena keserbagunaan ini.

Sangat mudah untuk melihat ini dalam contoh di atas. Setiap ikon mudah dilihat dan dipahami dengan ukuran apa pun.

11. Elemen dan Representasi Sederhana
Seperti kebanyakan tren desain lainnya pada tahun 2020, kesederhanaan juga merupakan bagian dari desain ikon. Bentuk dan geografi sederhana bergabung untuk membuat representasi ikon yang hampir disederhanakan.

Hasilnya adalah desain yang cukup artistik yang membuat pengguna terlihat.

Dalam contoh menggunakan ikon makanan di atas, setiap ikon menggunakan benang merah lingkaran di ikon. Ini bisa menjadi bentuk keseluruhan ikon itu sendiri atau bagian dari desain ikon. Bentuk ini menghubungkan setiap ikon satu sama lain dalam proyek.

12. Ikon dengan Gradien
Tren warna gradien yang telah menjadi salah satu tema dominan 2019 adalah faktor dalam desain ikon juga. Dari gradien sederhana dalam guratan garis (seperti contoh di atas) hingga pewarnaan gradien penuh hingga ikon putih pada latar belakang gradien, skema warna ini sangat populer.

Itu mungkin yang sangat menarik tentang penggunaan gradien pada ikon (dan keseluruhan) - ada banyak cara berbeda untuk menggunakan tren. Anda dapat menambahkan gradien dan masih belum memiliki proyek yang terlihat seperti hal lain.

13. Fokus pada Pewarnaan Sederhana
Desainer ikon juga mengambil pendekatan yang berlawanan dengan warna dan tetap menggunakan palet warna yang sederhana, lebih terbatas, dan lebih mendasar untuk elemen desain kecil ini.

Menggunakan palet terbatas adalah ide bagus. Dengan desain yang begitu kecil, terlalu banyak warna atau detail dapat memenuhi ruang dengan cepat dan menyebabkan ketegangan pada mata.

Anda tidak ingin pengguna harus berpikir tentang apa ikonnya atau apa arti warna. Membatasi jumlah detail - termasuk pewarnaan yang rumit - dapat membuat masing-masing ikon sedikit lebih mudah dilihat dan dipahami. Ini paling penting dengan ikon yang akan digunakan pada ukuran terkecil.

14. Semuanya Gaya Aplikasi
Salah satu alasan mengapa popularitas ikon semakin meningkat adalah karena kami telah merancang mereka untuk hampir semua hal. Dari ikon aplikasi hingga ikon gaya aplikasi untuk ikon atau ikon desktop, gaya ini praktis ada di mana-mana.

Ikon gaya aplikasi memiliki gaya berbeda hampir sendiri. Ini termasuk:

• Berbentuk kotak
• Tepi membulat
• Latar belakang berwarna (biasanya satu warna)
• Ikon bentuk sederhana di dalam
• Banyak kontras antara ikon dan warna latar belakang
• Tidak ada teks atau huruf
• 15. Tebal, Stroke Seragam

Tidak hanya ikon gaya garis yang populer, tetapi ikon dengan garis garis tebal juga sangat populer.

Dirancang sering untuk aplikasi satu warna, ikon ini sering digunakan dalam warna putih atau hitam di atas warna atau latar belakang foto.

Ikon dengan sapuan tebal dan seragam paling sering digunakan sendiri, seperti ikon keranjang atau ikon kontak. Mereka tidak sering digunakan dalam koleksi ikon.

16. Ikon Datar Tetap Populer
Sementara banyak fokus keras pada desain flat telah menguap, desain ikon masih cukup datar (atau setidaknya hampir datar).

Ini mungkin karena sifat desain flat yang sangat sederhana dan gagasan bahwa tampilan ini dapat diintegrasikan dengan sejumlah gaya lain dengan cukup mudah.

Bahkan ketika melihat beberapa contoh ikon desain dan tren yang ditampilkan di sini, Anda akan melihat bahwa banyak di antaranya datar. (Ikon gaya garis hampir selalu datar, misalnya.)

17. Ikon Emoji
Emoji hampir menjadi bahasa mereka sendiri - bentuk komunikasi yang lebih visual yang semakin diterima secara umum setiap saat.

Desain ikon juga menampilkan bakat emoji-esque. Ikon-ikon ini dapat dikenali karena fokus pada bentuk kepala seseorang atau makhluk. (Ikon emoji yang terinspirasi Star Wars di atas adalah contoh yang bagus tentang bagaimana bersenang-senang dengan desain ikon.)

Gaya ikon ini bisa berfungsi baik untuk halaman kontak atau untuk mewakili orang atau personas dalam suatu desain.

Cara Mendesain Ikon yang Lebih Baik
Membuat ikon atau serangkaian ikon yang baik lebih dari sekadar beralih ke beberapa tren terbaru dalam desain ikon. Karena ukuran ikon yang kecil, perhatian terhadap detail dan presisi adalah bagian penting dari proses desain.

Aturan sederhana masih berlaku untuk desain ikon pada tahun 2019. Pasangkan panduan ini dengan beberapa ide yang sedang tren di atas untuk membuat sesuatu yang Anda sukai:

• Mulai dengan kotak
• Bangun dengan geometri
• Buat bentuk yang unik
• Berikan ikon banyak ruang
• Tetap berpegang pada warna merek Anda
• Gunakan divot yang konsisten
• Desain untuk ukuran terkecil yang Anda butuhkan
• Jangan menghias