Unlimited Wordpress themes, plugins, graphics & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Web Design
  2. Icon Design

Tips Cara Memilih Ikon yang Tepat untuk Situs Web Anda

by
Difficulty:BeginnerLength:ShortLanguages:

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

Saat mendesain situs web, kita sering menghabiskan waktu dengan mempertimbangkan aset visual mana yang akan digunakan. Foto dan ilustrasi, misalnya, dapat berdampak besar pada desain. Namun, itu bukan satu-satunya aset yang harus kita fokuskan.

Satu aset yang dapat dengan mudah diabaikan adalah ikon. Ada banyak pustaka generik yang beredar dan cukup mudah digunakan, tetapi ada sesuatu yang bisa dikatakan untuk menggunakan solusi yang lebih khusus. Memang, ikon yang tepat membuat pengalaman pengguna yang lebih rinci dan lengkap.

Jadi bagaimana Anda memutuskan tentang ikon mana yang digunakan? Mari kita lihat beberapa kiat dan praktik terbaik untuk membuat pilihan yang tepat. Kita akan menyertakan beberapa contoh luar biasa yang dapat Anda akses dengan berlangganan Envato Elements, tempat lebih dari 5.500 set ikon, ditambah ratusan ribu sumber daya desain teratas.

1. Gunakan Ikon yang Relevan dengan Subjek Anda

Sering kali kita menggunakan ikon yang tidak benar-benar sesuai dengan subjek situs web kita . Untungnya, kita tidak harus menyelesaikan. Memanfaatkan ikon yang relevan dengan industri atau konsep adalah cara yang lebih baik. Ini memberikan tampilan yang lebih sambil menambahkan konteks untuk pengguna.

Medical Line IconsMedical Line IconsMedical Line Icons
Medical Line Icons

Bidang medis adalah contoh yang bagus. Medical Line Icons mencakup lima puluh ikon yang dapat diedit sepenuhnya dan tersedia dalam berbagai format. Setiap gambar mengilustrasikan konsep khusus industri dengan cara yang sederhana dan lugas.

Lebih spesifik industri ikon set:

Development Line IconsDevelopment Line IconsDevelopment Line Icons
Development Line Icons
Education Icons Set 2 - Flat SeriesEducation Icons Set 2 - Flat SeriesEducation Icons Set 2 - Flat Series
Education Icons Set 2 - Flat Series
40 Food and Kitchen icons40 Food and Kitchen icons40 Food and Kitchen icons
40 Food and Kitchen icons

2. Refleksikan Branding dan Gaya Anda

Ikon harus ditambahkan ke, bukan mengambil dari, gaya Anda. Cari gambar yang cocok dengan keseluruhan nada dan pesan situs Anda. Itu berarti sebuah situs dengan lebih buttoned-down, perusahaan harus memilih ikon yang mempromosikan tampilan profesional. Selain itu, situs web yang lebih kasual tidak ingin terlalu serius ketika menyangkut pencitraan.

30 Fresh Modern Avatars30 Fresh Modern Avatars30 Fresh Modern Avatars
30 Fresh & Modern Avatars

30 Fresh & Modern Avatars bisa sangat cocok untuk blog atau startup yang ingin mencerminkan suasana yang menyenangkan. Pilih dari koleksi karakter yang menarik dan edit agar sesuai dengan kepribadian Anda.

Set ikon avatar yang lebih santai:

Diversity Vol 3Diversity Vol 3Diversity Vol 3
Diversity Vol. 3
eople Vector Icon Seteople Vector Icon Seteople Vector Icon Set
People Vector Icon Set
12 Female Flat Occupation Vector Illustrations12 Female Flat Occupation Vector Illustrations12 Female Flat Occupation Vector Illustrations
12 Female Flat Occupation Vector Illustrations

3. Pikirkan Tentang Jumlah Ikon yang Anda Butuhkan

Salah satu tantangan dalam menggunakan ikon kustom adalah bahwa beberapa set mungkin tidak akan sangat mendalam. Mungkin tidak ada pilihan untuk memenuhi setiap kebutuhan. Oleh karena itu, Anda harus mempertimbangkan potensi jumlah ikon yang Anda rencanakan untuk digunakan. Memiliki ide bagus sebelumnya akan menghemat masalah dalam mengalihkan arah atau mencoba mencampur dan mencocokkan set yang berbeda.

Modern Flat iconsModern Flat iconsModern Flat icons
Modern Flat icons

Jika Anda membutuhkan perpustakaan ikon yang lebih mendalam, lihat Modern Flat Icons. Set berisi 200 ikon yang dikategorikan berdasarkan subjek. Mereka adalah pilihan yang baik untuk situs web yang berencana menggunakan lebih banyak gambar yang menjangkau berbagai industri.

Kumpulan ikon yang lebih luas:

180 Real Estate Line Icons180 Real Estate Line Icons180 Real Estate Line Icons
180 Real Estate Line Icons
200 hand-drawn vector icons200 hand-drawn vector icons200 hand-drawn vector icons
200 hand-drawn vector icons
Marketing 200Marketing 200Marketing 200
Marketing 200

4. Pertimbangkan Ukuran dan Editability

Ketika menyangkut ukuran, tidak semua ikon terukur. Banyak set tersedia dalam format vektor yang berskala ke ukuran apa pun dan mudah untuk diedit. Tetapi Anda juga akan menemukan koleksi yang diturunkan ke resolusi yang lebih rendah dan tidak dapat diubah. Ini harus menjadi faktor penting saat menjelajah opsi potensial.

26 Colorful Vector Ice Creams26 Colorful Vector Ice Creams26 Colorful Vector Ice Creams
26 Colorful Vector Ice Creams

Misalnya, dengan 26 Colorful Vector Ice Creams, Anda akan menemukan satu set ikon yang menawarkan kemampuan ukuran yang tidak terbatas. Karena tersedia dalam format vektor (Ai, EPS) dan raster (PNG), ikon-ikon ini akan sangat cocok dalam ukuran apa pun. Selain itu, Anda dapat melakukan pengeditan yang diperlukan agar lebih sesuai dengan gaya Anda.

Kumpulan ikon yang sangat skalabel dan sangat detail:

50 Hand-drawn Vintage Vector Badge50 Hand-drawn Vintage Vector Badge50 Hand-drawn Vintage Vector Badge
50 Hand-drawn Vintage Vector & Badge
Hobby - set of flat design infographics elementsHobby - set of flat design infographics elementsHobby - set of flat design infographics elements
Hobby - set of flat design infographics elements
Little Critters Monster Extended PackLittle Critters Monster Extended PackLittle Critters Monster Extended Pack
Little Critters Monster Extended Pack

5. Carilah yang Tak Terduga

Mari coba eksperimen cepat. Tutup mata Anda dan pikirkan seperti apa should ikon itu. Kita semua memiliki gambaran spesifik kita sendiri di kepala kita. Tetapi aspek ikon khusus yang menarik adalah bahwa ikon tersebut tidak cocok untuk semua orang. Terkadang, mereka dapat mengambil bentuk tak terduga yang membantu mendorong desain kita ke depan. Mereka mungkin tidak berfungsi untuk setiap use case, tetapi maverick ini mungkin hanya yang Anda butuhkan.

Social Media Icons Large SetSocial Media Icons Large SetSocial Media Icons Large Set
Ikon Media Sosial Set Besar

Kumpulan Handwritten Social Media Icons ini adalah standar. Dengan gaya sketsa dan garis besar, keindahan buatan tangan ini akan membantu Anda menonjol. Mereka bahkan dapat mengubah ide Anda tentang apa yang menjadi ikon.

Set ikon yang lebih tidak terduga:

Abstract Patterns Seamless WallpaperAbstract Patterns Seamless WallpaperAbstract Patterns Seamless Wallpaper
Abstract Patterns Seamless Wallpaper
Vintage Pennants Retro Icons Set Part 2Vintage Pennants Retro Icons Set Part 2Vintage Pennants Retro Icons Set Part 2
Vintage Pennants / Retro Icons Set | Part 2
LOVE StickersLOVE StickersLOVE Stickers
LOVE Stickers

Sedikit Detail Yang Membuat Perbedaan

Meskipun mereka bisa bertubuh kecil, ikon memiliki potensi untuk melakukan hal-hal besar untuk situs web Anda. Kuncinya adalah memilih yang tepat untuk kebutuhan spesifik Anda.

Cari ikon yang sesuai dengan subjek dan gaya Anda. Kemudian, pertimbangkan seberapa dalam koleksi yang Anda perlukan dan apakah Anda ingin melakukan perubahan ukuran atau pengeditan apa pun. Akhirnya, jangan takut untuk menggunakan gambar yang melanggar batas ikon tradisional.

Ingat faktor-faktor tersebut dan gunakan ikon yang akan membantu membawa situs web Anda ke tingkat berikutnya.

Lebih banyak Icon Goodness on Tuts +

Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.