Tuesday, August 16, 2022
spot_imgspot_imgspot_imgspot_img
HomeVisual DesignWajib Banget Kamu Baca Jika Ingin Desain Ikon Kamu Lebih Unik dan...

Wajib Banget Kamu Baca Jika Ingin Desain Ikon Kamu Lebih Unik dan WOW!!

Ikon adalah bagian integral dari desain kami. Mereka adalah isyarat visual untuk menunjukkan berbagai tindakan, dan mereka dapat memberikan identitas unik pada suatu produk. Tetapi terlalu sering kita memilih untuk merayakan kepentingan mereka dengan mengunduh set ikon yang sama dan membuat setiap ikon untuk setiap situs web terlihat kurang lebih sama. Betapa cara memperlakukan sesuatu yang begitu penting.

Untuk mengatasi masalah ini, saya telah membuat panduan untuk membantu desainer menambahkan kedalaman visual ke ikon mereka dan membuatnya unik untuk produk yang mereka wakili. Tutorial ini sebagian besar terinspirasi oleh desain Google Material yang berpengaruh.

gambar

Prinsip Desain Material Google

Seperti yang dikatakan Google , “materi adalah metafora.” Ini meminjam isyarat visual dari dunia fisik dan menciptakan bahasa visual baru untuk membakukan semua antarmuka mereka. Prinsip-prinsip Desain Material dapat diakses dan dapat dengan cepat diterapkan untuk meningkatkan daya tarik antarmuka dan pengalaman pengguna.

1. Gunakan Bentuk Geometris Sederhana dan Warna Tebal

gambar

Tren desain datar terinspirasi Desain Material, yang juga didasarkan pada bentuk datar dasar. Pilih dengan hati-hati bentuk mana yang paling mewakili elemen yang digambarkan ikon.

2. Tambahkan Kedalaman Dengan Bayangan Halus

gambar

Drop shadow adalah cara yang bagus untuk menipu mata dan memberi kesan mendalam pada desain Anda, karena itu menstimulasi efek cahaya yang dilemparkan pada suatu objek.

Perhatikan bahwa cahaya alami sering disimulasikan berasal dari sudut kiri atas.

3. Gunakan Nuansa Warna untuk Mengganti Drop Shadows

gambar

Setiap warna digunakan dalam berbagai warna untuk mensimulasikan kedalaman visual. Misalnya, dalam ikon Gmail, Anda dapat melihat bahwa berbagai warna merah digunakan untuk bentuk M, dan warna abu-abu yang lebih gelap digunakan di bawah tutup amplop.

Bagaimana Anda Dapat Melakukannya Juga: Demo Langkah-demi-Langkah

Kami akan menerapkan versi disederhanakan dari gaya Desain Material, dan untuk setiap ikon, kami hanya akan menggunakan tiga warna dengan warna yang sama dan menjaga bayangan tetap datar dan pendek, alih-alih efek “bayangan panjang” yang umum.

Sumber daya

  • Periksa ikon gratis lengkap yang ditetapkan dari Google di sini .

Mari kita mulai.

1. Ikon Baut

gambar

Hancurkan ikon asli menjadi dua, dan buat bagian atas tampak terangkat. Anda dapat mencapai ini dengan membuat efek bayangan di persimpangan dua bentuk. Gunakan tiga warna kuning – lebih terang di bagian atas, yang lebih gelap di bagian bawah, dan pertahankan bayangan paling gelap untuk bayangan.

RELATED ARTICLES

Most Popular

Recent Comments