Rata-rata, berapa lama waktu yang Anda butuhkan untuk merancang ikon khusus?

Beberapa menit? Sepuluh menit? Lebih lama? Bagaimana jika kami menunjukkan kepada Anda cara membuat 10 ikon hebat dalam waktu kurang dari 10 menit?

Ikonografi adalah bentuk komunikasi yang menambah bahasa visual merek, sehingga kumpulan ikon kustom lebih bermakna dan menarik daripada yang sederhana dan generik. Sebagian besar desainer tidak pernah repot-repot belajar cara membuat ikon khusus, terutama karena itu adalah kursus lain untuk ditambahkan ke antrian pembelajaran kami.

Jadi saya mulai membuat panduan super sederhana untuk membantu Anda mempelajari dasar-dasar ikonografi dalam waktu kurang dari 10 menit (maksud saya).

Mampu membuat ikon khusus akan membuka dunia baru bagi Anda untuk mulai membuat bentuk rumit untuk proyek Anda, yang akan membedakan Anda dari yang lain, memberi Anda keunggulan kompetitif sebagai desainer.

Awalnya, saya terinspirasi untuk membuat panduan ini oleh GIF ini dari Morgan Allan Knutson yang menunjukkan cara membuat ikon layanan lokasi dalam beberapa detik. Saya menemukan itu menyegarkan, cerdas, dan cepat. Ini menghilangkan proses pembuatan ikon kustom dan menunjukkan betapa sederhananya itu. Ikon sebenarnya adalah bentuk geometris yang dapat dihasilkan dari kombinasi atau deformasi bentuk dasar, seperti kotak, segitiga, atau lingkaran. Aturan praktis dalam desain logo atau ikon adalah untuk menjaga hal-hal sederhana.

Tujuan artikel ini adalah membuat 10 ikon dalam 10 detik masing-masing, hanya menggunakan bentuk sederhana.

Catatan Penting: Kami akan menggunakan Adobe Illustrator dalam posting ini, tetapi Anda bisa mendapatkan hasil yang sama menggunakan Sketsa atau bahkan Figma. Setiap kali kita perlu menambah atau menghapus titik pada suatu bentuk, kita akan menggunakan “Pen Tool (P).” Memilih dan memindahkan titik di sekitar akan dilakukan dengan “Direct Selection Tool (A).”

Ikon Mata

Luruskan tengah empat lingkaran, mulai dari yang terbesar hingga yang terkecil dengan mengubah warna, seperti yang ditunjukkan. Pada lingkaran terbesar, ke arah belakang, tarik titik kiri dan kanan menjauhi pusat. Akhirnya, gerakkan lingkaran dalam terkecil ke tepi yang berikut untuk membuat efek pencahayaan pada iris.

Tip: Alih-alih menggunakan lingkaran putih, cukup kurangi (menggunakan panel Pathfinder) dua lingkaran dari lingkaran di bawah masing-masing. Ini menciptakan hasil yang lebih bersih di latar belakang.

Ikon Panah

Ini semua tentang di mana Anda menambahkan poin tambahan di tepi kotak awal. Tip: Sebagai alternatif, Anda cukup menggambar garis tipis berbentuk seperti panah.

Ikon Baterai

Menggunakan satu kotak dengan stroke dan dua kotak dengan isi. Cukup mainkan dengan proporsi, sambil memasukkan satu kotak penuh ke dalam bentuk goresan dan pertahankan yang kedua di luar untuk membentuk ujung baterai.

Tip: Mainkan dengan ketebalan dan bantalan goresan untuk menjaga keseimbangan visual yang baik.

Ikon Daftar Bullet

Mulai dengan kotak sederhana; duplikat sekali ke kanan; dan membentuk kembali itu sebagai persegi panjang. Pilih semuanya, dan duplikat dua kali sambil menjaga satu ruang ukuran persegi di antaranya.

Tip: Ganti kotak dengan lingkaran untuk membuat tampilan lebih lembut.

Ikon Awan

Gambar tiga lingkaran ukuran yang berbeda. Sejajarkan kedua lingkaran terkecil untuk memiliki alas, dan letakkan lingkaran terbesar di antaranya, pada posisi yang lebih tinggi. Buat pangkalan cloud dengan mendeformasi salah satu lingkaran kecil.

Kiat: Gunakan ukuran lingkaran yang berbeda untuk mendapatkan awan yang tampak lebih organik.

Ikon Forward Play

Gambar persegi panjang. Tambahkan titik ke tengah tepi kiri, dan hapus titik atas dan bawah. Sekarang Anda memiliki satu segitiga, cukup duplikat bentuk itu sekali ke kanan untuk menyelesaikan ikon.

Kiat: Untuk melakukan ini lebih cepat, cukup mulai dengan segitiga alih-alih persegi.

Ikon Saluran

Mulailah dengan persegi panjang panjang. Tambahkan titik ke tengah tepi kiri dan kanan. Sekarang, rentangkan secara horizontal tepi atas, dan Anda selesai.

Tip: Tempatkan dua kotak dari ujung ke ujung, dan cukup rentangkan ujung paling atas secara horizontal.

Ikon Putar/Jeda

Mulailah dengan tiga persegi panjang panjang secara paralel. Bentuk kembali persegi panjang terluas menjadi segitiga.

Tip: Bisa juga, cukup gambar satu segitiga, diikuti oleh dua persegi panjang paralel.

Ikon Panah Posisi

Yang ini adalah campuran dari ikon layanan lokasi Morgan. Cukup menggambar satu kotak, lalu tarik titik kiri bawah dalam arah diagonal, bergerak ke atas sampai Anda melewati titik yang berlawanan.

Tip: Di Illustrator, menekan tombol Shift sambil menyeret titik membantu menjaga simetri sambil menjaga sudut diagonal tetap benar.

Ikon Pin Posisi

Lubangkan lingkaran di dalam lingkaran yang lebih besar (menggunakan panel Pathfinder). Seret titik terendah lurus ke bawah, dan pertajam sudut yang dibentuk – alihkan ke “Pen Tool (P),” lalu sambil menahan tombol “Shift”, klik pada titik tersebut.

Tip: Gunakan sudut bulat pada titik kritis untuk melembutkan tampilan – sesuaikan nilai “radius sudut” di panel opsi “Transform” saat titik dipilih.

Ikon Suara

Sama seperti ikon corong tetapi pada rotasi 90 derajat.

Tip: Cukup salin dan tempel ikon saluran, dan putar searah jarum jam.

Ikon Gelombang

Gambarlah garis lurus, dan tambahkan titik pada jarak yang sama di atas panjangnya. Seret ke bawah untuk mengubah titik, dan luruskan setiap sudut ke atas hingga semuanya mulus.

Tip: Bulatkan garis untuk tampilan yang lebih halus.

Ikon Toptal

Ini adalah ikon bonus.

Gambarlah persegi dengan stroke yang cukup tebal. Dengan menggunakan alat gunting, potong titik kanan atas dan kiri bawah. Ini akan membagi bentuk menjadi dua. Gerakkan setengah bagian bawah ke atas, dan putar seluruh benda 45 derajat berlawanan arah jarum jam.

Tip: Perhatikan ketebalan garis, dan ruang putih yang terbentuk di dalam logo.

Sebuah Ikon Bernilai 1.000 Kata.

Kita sering mendengar bahwa sebuah gambar bernilai ribuan kata. Nah, ini sangat berlaku untuk ikon, yang menggantikan kalimat dan kata-kata panjang untuk mengoptimalkan ruang visual, kegunaan, dan estetika. Mengetahui cara membuat satu set ikon sederhana dan efektif bisa sangat membantu. Dan kami baru saja melihat betapa cepat dan mudahnya hal itu dengan mengamati dan memanfaatkan serangkaian bentuk dasar.

Singkatnya, 10 aturan utama ikonografi adalah:

• Jadikan itu simbolis dan bermakna.
• Anda pernah mendengarnya: Tetap sederhana. Gaya seharusnya tidak mengurangi keterbacaan.
• Bersikaplah disengaja dan bijaksana. Pikirkan sebelum Anda membuat.
• Pastikan itu bekerja dalam berbagai ukuran.
• Ingat keseragaman.
• Tolong, hanya vektor!
• Gunakan hanya warna bila perlu, dan lakukan dengan hati-hati.
• Ini membantu untuk mengetahui geometri dasar.
• Pikirkan “kemampuan” untuk memastikan ikon yang dirancang akan membantu keseluruhan desain.
• Ikonografi adalah bahasa yang harus universal.
• Bonus: Alfabet hanya satu set 26 ikon.

Lakukan dan lihat apa yang bisa Anda hasilkan dalam waktu kurang dari 10 detik.

sumber: toptal.com